Skip to content

Instantly share code, notes, and snippets.

@scottkellum

scottkellum/gloss

Created April 11, 2011 15:13
Show Gist options
  • Save scottkellum/913670 to your computer and use it in GitHub Desktop.
Save scottkellum/913670 to your computer and use it in GitHub Desktop.
Download ZIP
Sass mixin
Raw
gloss
=gloss($color)
background-color: $color
filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")#{lighten($color, 5%)}unquote("', endColorstr='")#{darken($color, 5%)}unquote("')")
-ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#{lighten($color, 5%)}', endColorstr='#{darken($color, 5%)}')")
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, lighten($color, 15%)), color-stop(0.5, $color), color-stop(0.49, darken($color, 5%)))
background-image: -webkit-linear-gradient(top, lighten($color, 15%) 0%, $color 50%, darken($color, 5%) 51%, darken($color, 5%) 100%)
background-image: -moz-linear-gradient(top, lighten($color, 15%) 0%, $color 50%, darken($color, 5%) 51%, darken($color, 5%) 100%)
background-image: linear-gradient(top, lighten($color, 15%) 0%, $color 50%, darken($color, 5%) 51%, darken($color, 5%) 100%)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment