Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

View GitHub Profile
@jensgro
jensgro / _mixin-arrow.scss
Created February 14, 2012 18:16
mixin for arrow via :before or :after
@mixin before-after($border-width: 10px) {
content: ""; display: block; width: 0; height: 0; border: $border-width solid transparent; position: absolute;
}
@jensgro
jensgro / gist:1828981
Created February 14, 2012 18:39
creating compass in an existing folder
compass create . --bare --sass-dir "sass" --css-dir "css" --javascripts-dir "js" --images-dir "images"
compass watch
@jensgro
jensgro / dabblet.css
Created February 15, 2012 12:44 — forked from chriscoyier/dabblet.css
Ratings Stars
/*
Ratings Stars
(with as little code as possible)
*/
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating > span {
@jensgro
jensgro / My Mixins
Created February 22, 2012 23:35 — forked from chriscoyier/My Mixins
_functions.scss
//
// MIXINS
//
// SHADOWS
@mixin box-shadow ($string) {
-webkit-box-shadow: $string;
-moz-box-shadow: $string;
box-shadow: $string;
}
@jensgro
jensgro / gist:1891966
Created February 23, 2012 09:42
Conditional Comments
<!--[if IE]> IE in general <![endif]-->
<!--[if IE 6]> IE 6 only <![endif]-->
<!--[if IE 7]> IE 6 only <![endif]-->
<!--[if IE 8]> IE 6 only <![endif]-->
<!--[if lte IE 7]> IE 7 and below <![endif]-->
<!--[if lte IE 8]> IE 8 and below <![endif]-->
<!--[if lt IE 9]> IE 8 and below <![endif]-->
<!--[if gte IE 7]> IE 7 and above <![endif]-->
@jensgro
jensgro / oldie-hidden.css
Created February 23, 2012 09:53
hide styles with CSS from oldIE
@media only screen {
/* rule excludes IE < 9 */
}
@media only screen(min-width: 1px) {
/* rule excludes IE < 9 */
}
@media all and (min-width:0) {
/* rule excludes IE < 9 */
@jensgro
jensgro / ie-hacks.css
Created February 23, 2012 10:10
IE-Hacks
/* based upon: https://github.com/ginader/CSS-Hacks/ */
/*IE 6 and IE 7 */
.something {*display:block;}
/* IE 6 */
body .something { _display: block;}
/* IE 6 */
@jensgro
jensgro / grids-9col.css
Created February 23, 2012 17:25
9 column grids for YAML
/**
* @section Grids for YAML4
* @note Grid: 9 columns, 8 gaps, width: 980px
* @author Jens Grochtdreis [http://grochtdreis.de]
*/
@media screen {
.ym-g1-9 {width: 110px;} /* 1 column */
.ym-g15-9 {width: 160px;} /* 1.5 columns */
.ym-g2-9 {width: 220px;} /* 2 columns */
@jensgro
jensgro / dabblet.css
Created February 24, 2012 17:01
css only show/hide
/*
css only show/hide
*/
html {
background: white url(http://genelocklin.com/examples/shared-images/texture/generated.png) 0 0 repeat; }
* {
@jensgro
jensgro / dabblet.css
Created February 24, 2012 17:01
css only show/hide
/*
css only show/hide
*/
html {
background: white url(http://genelocklin.com/examples/shared-images/texture/generated.png) 0 0 repeat; }
* {