Sha256: 90a742c9fbdeb87af4767394429e52a7b6af577c990ff220a9c2167886e2b995
Contents?: true
Size: 784 Bytes
Versions: 9
Compression:
Stored size: 784 Bytes
Contents
//
// Glossy buttons
// Apple style buttons with active and hover states
// ----------------------------------------------------------------------------------------
@import 'shared';
@mixin glossy-button($color: $notice-color, $radius: $button-border-radius){
@if $facades-global-import-used == false{
@include button-base($radius);
}
@include glossy-button-colors($color);
}
@mixin glossy-button-colors($color: $notice-color){
border:1px solid darken($color, 7%);
background-color:$color;
@include background-image(linear-gradient(rgba(255,255,255,0.075) 0%, rgba(255,255,255, 0.075) 50%, rgba(0,0,0,.1) 51%));
text-shadow:darken($color, 4%) 0 -1px 1px;
&:hover{
background-color:lighten($color, 5%);
}
&:active{
background-color:darken($color, 5%);
}
}
Version data entries
9 entries across 9 versions & 1 rubygems