Sha256: 1164b6ab2fae86ac4cb444d8cff1172479068ce810c9e2a9d4a631818b2769cd
Contents?: true
Size: 1.17 KB
Versions: 17
Compression:
Stored size: 1.17 KB
Contents
// shiny-default
// -----------------------------------------------------------
@mixin shiny-default ($color: $button-color, $text-shadow: $button-text-shadow, $box-shadow: $button-box-shadow){
$base-color: $color;
$grad-1: lighten($base-color, 30%);
$grad-3: darken($base-color, 15%);
$dark-color: darken($base-color, 10%);
$highlight-color: lighten($base-color, 80%);
background-color: $base-color;
@include filter-gradient($grad-1, $grad-3, vertical); // IE6-9
@include background-image(linear-gradient(top, $grad-1 0%,$base-color 50%,$grad-3 100%));
border: 1px solid $dark-color;
@include button-default;
@if $text-shadow == true {
text-shadow: 0px 3px 1px $dark-color;
}
@if $box-shadow == true {
box-shadow: 0 em(2) em(6) em(0) $shadow-color, $highlight-color 0 1px 0 inset;
}
&:hover {
$base-color: darken($base-color, 10%);
$grad-1: darken($grad-1, 10%);
$grad-3: darken($grad-3, 10%);
background-color: $base-color;
@include filter-gradient($grad-1, $grad-3, vertical); // IE6-9
@include background-image(linear-gradient(top, $grad-1 0%,$base-color 50%,$grad-3 100%));
}
@media #{$mobile} {
width: 100%;
}
}
Version data entries
17 entries across 17 versions & 1 rubygems