Skip to content

Instantly share code, notes, and snippets.

View yatil's full-sized avatar
💭
Workin’

Eric Eggert yatil

💭
Workin’
View GitHub Profile
@yatil
yatil / dabblet.css
Created January 22, 2012 00:06
Color Table Cells
/* 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;}*/
$ 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)
@yatil
yatil / dabblet.css
Created January 30, 2012 11:11
Triangle with Shadow
/*
Triangle with Shadow
*/
body {
padding: 100px;
}
.triangle-with-shadow {
width: 100px;
@yatil
yatil / dabblet.css
Created January 30, 2012 11:15
Animated Skip Navigation à la @MoritzGiessmann
/**
* 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;
@yatil
yatil / dabblet.css
Created February 20, 2012 13:59
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
@yatil
yatil / dabblet.css
Created February 21, 2012 09:31
Von links die Kuh ins Bild
body {font-size:30px; font-family: "Comic Sans MS", Arial, "Helvetica Neue", sans-serif; }
@keyframes wobble {
0% {
left: 0;
}
25% {
left: -20%;
}
50% {
@yatil
yatil / dabblet.css
Created March 1, 2012 10:09
The first commented line is your dabblet’s title
/**
* 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;
@yatil
yatil / filtersyntax.scss
Created March 12, 2012 19:42
Webkit nightly have support, others don’t.
@mixin filter($function) {
-webkit-filter: $function;
-moz-filter: $function;
-ms-filter: $function;
-o-filter: $function;
filter: $function;
}
@yatil
yatil / dabblet.css
Created April 24, 2012 12:05
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@yatil
yatil / _mqhelper.scss
Created May 12, 2012 14:06
Forcing the desktop layout to IE<9
@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; }