Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sass Mixins
/* mixin for background images */
/* from http://remy.bach.me.uk/2011/09/compass-background-image-mixin/ */
/* may also use compass `replace-text-with-dimensions` */
@mixin knockout($_img) {
background:url($_img) no-repeat;
display:block;
height:image-height($_img);
overflow:hidden;
text-indent:-100%;
width:image-width($_img);
}
/* from http://sachagreif.com/useful-sass-mixins/ */
@mixin hide-text{
overflow:hidden;
text-indent:-9000px;
display:block;
}
@mixin box-emboss($opacity, $opacity2){
box-shadow:white($opacity) 0 1px 0, inset black($opacity2) 0 1px 0;
}
@mixin letterpress($opacity){
text-shadow:white($opacity) 0 1px 0;
}
@mixin navigation-list {
list-style-type:none;
padding:0;
margin:0;
overflow:hidden;
> li{
display:block;
float:left;
&:last-child{
margin-right:0px;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment