Skip to content

Instantly share code, notes, and snippets.

@bbwharris
Created August 24, 2011 02:42
Show Gist options
  • Save bbwharris/1167179 to your computer and use it in GitHub Desktop.
Save bbwharris/1167179 to your computer and use it in GitHub Desktop.
SCSS Mixins
@mixin linked_image($image,$width,$height,$xoffset,$yoffset) {
background: url($image) no-repeat $xoffset $yoffset;
display: block;
width: $width;
height: $height;
text-indent: -9999px;
overflow: hidden;
}
@mixin italic_stack {
font-style: italic;
font-family: $serif;
}
@mixin clean_ul {
list-style: none;
margin: 0;
padding: 0;
}
@mixin border_radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@mixin box_shadow($style, $radius, $color) {
-moz-box-shadow:$style 0 0 $radius $color;
-webkit-box-shadow:$style 0 0 $radius $color;
box-shadow:$style 0 0 $radius $color;
}
@mixin gotham_stack($fontsize,$color,$weight) {
font-family: $gotham;
font-size: $fontsize;
color: $color;
text-transform: uppercase;
font-weight: $weight;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment