Sha256: 4fca29bed6d92ab38c9dbe08e3efbb026933ae7864a90015cdbbf6fadb72b085
Contents?: true
Size: 1.19 KB
Versions: 9
Compression:
Stored size: 1.19 KB
Contents
//
// Striped gradient action for things like progress bars.
//
@mixin gradient-stripe($color, $angle: -45deg) {
background-color: $color;
@include background-image(linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent));
}
//
// Basic gradient styles based on type.
// gradient types are: bevel, glossy, recessed, matte
//
@mixin gradient-style($color, $type: matte) {
background-color:$color;
$gradient-style:none;
@if $type == bevel {
$gradient-style: linear-gradient(lighten($color, 30%), lighten($color, 15%) 2%, lighten($color, 8%) 30%, $color 65%, darken($color, 10%));
} @else if $type == glossy {
$gradient-style: linear-gradient(lighten($color, 15%), lighten($color, 5%) 50%, $color 51%, darken($color, 5%));
} @else if $type == recessed {
$gradient-style: linear-gradient(darken($color, 10%), darken($color, 5%) 10%, $color 65%, lighten($color, .5%));
} @else if $type == matte {
$gradient-style: linear-gradient(lighten($color, 30%), lighten($color, 7%) 2%, darken($color, 7%));
} @else {
background-image: none;
}
@include background-image($gradient-style);
}
Version data entries
9 entries across 9 versions & 1 rubygems