Skip to content

Instantly share code, notes, and snippets.

@stoeffel
Created April 11, 2013 09:47
Show Gist options
  • Save stoeffel/5362083 to your computer and use it in GitHub Desktop.
Save stoeffel/5362083 to your computer and use it in GitHub Desktop.
matte and recessed background gradient mixin for compass. Like Sencha uses it.
@mixin matte-bg($color,$direction:"top") {
$experimental-support-for-svg: true;
@include background(linear-gradient($direction, color_stops(lighten($color, 3%), darken($color, 4%))));
}
@mixin reccessed-bg($color,$direction:"top") {
$experimental-support-for-svg: true;
@include background-image(linear-gradient($direction, color_stops(darken($color, 10%), darken($color, 5%) 10%, $color 65%, lighten($color, .5%))));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment