Skip to content

Instantly share code, notes, and snippets.

View yatil's full-sized avatar
💭
Workin’

Eric Eggert yatil

💭
Workin’
View GitHub Profile
alfredapp://customsearch/caniuse/caniuse/ascii/url=http://caniuse.com/#eras=past,now,near&nodetails=1&search={query}
@yatil
yatil / compass_example.sass
Created August 29, 2011 21:30
I use this which yields an error
@import "compass/css3";
.test {
+single-transition(border-color 0.5s linear);
}
// Syntax error: Invalid CSS after "...ngle-transition": expected "{", was "(border-color 0..."
// on line 4 of /path/to/sass/style.scss
@import "compass/css3";
body {
background-color: #265152;
}
// Syntax error: Invalid CSS after "#265152": expected expression (e.g. 1px, bold), was ";"
// on line 4 of /path/to/style.sass
@yatil
yatil / hyphens.css
Created September 1, 2011 11:30
Best approach to hyphenation?
/*You could add h1, h2, h3,…,h6,*/ p, li, table { -webkit-hyphens : auto; -moz-hyphens : auto; hyphens : auto; }
input, textarea { -webkit-hyphens : manual; -moz-hyphens : manual; hyphens : manual; }
@yatil
yatil / mq.css
Created September 22, 2011 17:54
@media only screen and (min-width: 1068px) {
.layout2 ul.gallery li:nth-child(4n) {
margin-right: 0;
}
.layout1 ul.gallery li:nth-child(6n) {
margin-right: 0;
}
}
@yatil
yatil / column.scss
Created October 11, 2011 16:18
My columnar SCSS file
$columnsmax: 16;
$columnwidth: 40px;
$gutterwidth: 20px;
$widthmax: ($columnsmax * $columnwidth) + (($columnsmax - 1) * $gutterwidth);
@function grid($cols: 1) {
$width: ($cols * $columnwidth) + (($cols - 1) * $gutterwidth);
@return percentage($width/$widthmax);
@yatil
yatil / dabblet.css
Created December 22, 2011 10:05
TD is not TABLEs direct child.
/**
* TD is not TABLEs direct child.
*/
body {
background: #bada55;
min-height:100%;
}
table {
@yatil
yatil / dabblet.css
Created January 14, 2012 13:53
circled-font
/**
* circled-font
*/
/* currently it's an ellipse not a circle */
.iconstyle {
background: #000;
color: #B4E3FF;
border-radius: 50%;
padding: .6em;
@yatil
yatil / dabblet.css
Created January 14, 2012 13:53
circled-font
/**
* circled-font
*/
/* currently it's an ellipse not a circle */
.iconstyle {
background: #000;
color: #B4E3FF;
border-radius: 50%;
padding: .6em;
@yatil
yatil / dabblet.css
Created January 14, 2012 13:52 — forked from anselmh/dabblet.css
circled-font
/**
* circled-font
*/
/* currently it's an ellipse not a circle */
.iconstyle {
background: #000;
color: #B4E3FF;
border-radius: 50%;
padding: .6em;