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
/* Color Table Cells */ | |
/* tr:first-of-type td:not(:first-of-type), | |
tr:not(:first-of-type):not(:last-of-type) td, | |
tr:last-of-type td:not(:last-of-type){background: yellow}*/ | |
/*tbody tr {background-color:yellow;} | |
tbody tr:first-child td:first-child, | |
tbody tr:last-child td:last-child {background-color:white;}*/ |
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
$ host static.lanyrd.net | |
static.lanyrd.net has address 80.156.86.78 | |
static.lanyrd.net has address 62.157.140.133 | |
Host static.lanyrd.net not found: 3(NXDOMAIN) | |
Host static.lanyrd.net not found: 3(NXDOMAIN) |
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
/* | |
Triangle with Shadow | |
*/ | |
body { | |
padding: 100px; | |
} | |
.triangle-with-shadow { | |
width: 100px; |
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
/** | |
* Animated Skip Navigation à la @moritzgiessmann | |
* | |
* Just like http://jsfiddle.net/MoritzGiessmann/DFrVC/ but with a hover style and catering for text-resizing; | |
*/ | |
a { | |
display:block; | |
width:12.5em; |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height:100%; |
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
body {font-size:30px; font-family: "Comic Sans MS", Arial, "Helvetica Neue", sans-serif; } | |
@keyframes wobble { | |
0% { | |
left: 0; | |
} | |
25% { | |
left: -20%; | |
} | |
50% { |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
div { | |
background: linear-gradient(#f3f3f3, #eee); | |
width: 250px; | |
height: 250px; | |
color: #999; | |
font-family: 'Helvetica Neue', Arial, sans-serif; |
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
@mixin filter($function) { | |
-webkit-filter: $function; | |
-moz-filter: $function; | |
-ms-filter: $function; | |
-o-filter: $function; | |
filter: $function; | |
} |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; |
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
@mixin respond-to($media) { | |
@if $media == small { | |
@media only screen and (max-width: 599px) { @content; } | |
} | |
@else if $media == medium { | |
@media only screen and (min-width: 600px) { @content; } | |
.oldie & { @content; } | |
} | |
@else if $media == large { | |
@media only screen and (min-width: 800px) { @content; } |