Sha256: a24a8fa4496be880b58e64b9ec4566852025bb1eea643c71e1362716adf91875
Contents?: true
Size: 1.65 KB
Versions: 7
Compression:
Stored size: 1.65 KB
Contents
@mixin default-button {
@include gradient(lighten($primary-color, 15%), darken($primary-color, 12%));
@include rounded(200px);
@include text-shadow(#000);
@include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255, 0.2) inset);
border: solid 1px #484e53;
@include border-colors(#616a71, #484e53, #363b3f);
color: #efefef;
display: inline-block;
font-weight: bold;
font-size: 1.0em;
@include sans-family;
line-height: 12px;
margin-right: 3px;
padding: 7px 16px 6px;
text-decoration: none;
-webkit-font-smoothing: antialiased;
&:hover {
color: #FFF;
@include icon-color(#fff);
@include gradient(lighten($primary-color, 18%), darken($primary-color, 9%));
}
&:active {
@include box-shadow(0 1px 3px rgba(0,0,0,0.40) inset, 0 1px 0 0px #FFF);
@include gradient(lighten($primary-color, 13%), darken($primary-color, 14%));
}
}
@mixin light-button {
@include default-button;
@include gradient(#fdfdfd, #e8e8e8);
@include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255, 0.8) inset);
@include border-colors(#d3d3d3, #c7c7c7, #c2c2c2);
@include text-shadow;
color: #777;
&:hover {
@include icon-color(#444);
color: #444;
@include gradient(#fdfdfd, #eaeaea);
}
&:active {
@include box-shadow(0 1px 3px rgba(0,0,0,0.18) inset, 0 1px 0 0px #EEE);
@include gradient(#fcfcfc, #e5e4e5);
}
&.disabled {
color: #777;
cursor: default;
opacity: 0.6;
&:hover {
color: #777;
}
&:active {
@include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px #FFF inset);
}
}
}
@mixin dark-button {
@include default-button;
}
Version data entries
7 entries across 7 versions & 2 rubygems