Sha256: 135b711f8cca594dad4de7017b71ec3675c742249d7602ae240069034d6e9ba4
Contents?: true
Size: 1.31 KB
Versions: 4
Compression:
Stored size: 1.31 KB
Contents
@import 'facades/utilities';
@import 'compass/css3';
@mixin button-base($radius: $button-border-radius){
@include inline-block;
text-align:center;
@if $radius not false{
-webkit-border-radius:$radius;
-moz-border-radius:$radius;
border-radius:$radius;
}
}
@mixin simple-button($bg-color, $text-color:white, $radius: $button-border-radius){
@include button-base;
color:$text-color;
background-color:$bg-color;
border-top:1px solid lighten($bg-color, 4%);
border-bottom:1px solid darken($bg-color, 4%);
&:hover{ background-color:lighten($color, 3%); }
&:active{ background-color:darken($color, 3%); @include box-shadow(darken($color, 7%) 0px 0px 3px 3px inset); }
}
@mixin gradient-button($start-color, $end-color:darken($start-color, 5%), $text-color:white, $radius: $button-border-radius){
@include button-base;
color:$text-color;
@include background-image(linear-gradient($start-color 10%, $end-color 90%));
border-top:1px solid lighten($start-color, 4%);
border-bottom:1px solid darken($end-color, 4%);
&:hover{ @include background-image(linear-gradient(lighten($start-color, 3%) 10%, lighten($end-color, 3%) 90%)); }
&:active{ @include background-image(linear-gradient(darken($start-color, 3%) 10%, lighten($end-color, 3%) 90%));
@include box-shadow(darken($start-color, 7%) 0px 0px 3px 3px inset);
}
}
Version data entries
4 entries across 4 versions & 1 rubygems