Jonathan D. Sousa jonathansousa
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| -ms-word-break: break-all; | |
| word-break: break-all; | |
| // Non standard for webkit | |
| word-break: break-word; | |
| -webkit-hyphens: auto; | |
| -moz-hyphens: auto; | |
| hyphens: auto; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ir { | |
| font: 0/0 a; | |
| text-shadow: none; | |
| color: transparent; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hide-text { | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <!-- Metadata --> | |
| <meta name="viewport" content="width=device-width"> | |
| <meta property="og:image" content="images/logo.png"> | |
| <meta property="og:title" content=""> | |
| <meta property="og:url" content=""> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .arrow-up { | |
| width: 0; | |
| height: 0; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-bottom: 5px solid black; | |
| } | |
| .arrow-down { | |
| width: 0; |
jonathansousa
/ CSS Hide n in List but not Last
Created
May 4, 2012 23:26
CSS: Hide n in List but not Last
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| &.last { | |
| display:none; | |
| } | |
| &:nth-child(n+6) { /* Set the number to the number of menu items to show including "more" */ | |
| display:none; | |
| &:nth-last-child(-n+1) { | |
| display:block; | |
| } | |
| } | |
| &.last:nth-child(6) { /* Make sure this number matches the menu items above to hide the more item at the right time */ |
jonathansousa
/ dabblet.css
Created
May 7, 2012 22:32
Dabblet: List Single Item Positioning Experiment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * List Single Item Positioning Experiment | |
| * The first commented line is your dabblet’s title | |
| */ | |
| ul { | |
| position:relative; | |
| } | |
| ul:hover > li { | |
| float:left; | |
| } |
jonathansousa
/ dabblet.css
Created
May 9, 2012 00:21
Dabblet: Display pseudo element for hidden element
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Display pseudo element for hidden element | |
| * The first commented line is your dabblet’s title | |
| */ | |
| .hideme { | |
| height:0; | |
| overflow:hidden; | |
| display:relative; | |
| } | |
| .hideme:after { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Name Character Entity | |
| Copyright © © | |
| Registered ® ® | |
| Trademark ™ ™ | |
| Curly Open Double Quote “ “ | |
| Curly Closed Double Quote ” ” | |
| Curly Open Single Quote ‘ ‘ | |
| Curly Closed Single Quote ’ ’ | |
| Big Bullet/Dot • • |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Empty Elements */ | |
| div:empty, span:empty, li:empty, p:empty, td:empty, th:empty | |
| { padding: 20px; border: 5px dotted yellow !important; } | |
| /* Empty Attributes */ | |
| *[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"] | |
| { border: 5px solid yellow !important; } | |
| /* Deprecated Elements */ | |
| applet, basefont, center, dir, font, isindex, menu, s, strike, u |
OlderNewer