Sha256: ad89f6207ed27f0746bbb32622cbeb12366498f6e33ca0524ce64876c334ab06
Contents?: true
Size: 1.44 KB
Versions: 10
Compression:
Stored size: 1.44 KB
Contents
.button{
text-decoration: none;
&:hover,
&:active,
&:focus{
background: lighten($button-background, 10%);
}
&--green{
@extend .button;
$button-background: $brand-green;
background: $button-background;
float: right;
&:hover,
&:active,
&:focus{
background: lighten($button-background, 10%);
}
}
&--dark-blue{
@extend .button;
$button-background: $brand-blue-dark;
background: $button-background;
&:hover,
&:active,
&:focus{
background: lighten($button-background, 10%);
}
}
&--de-emphasized{
@extend .button;
$button-background: $slate;
background: $button-background;
&:hover,
&:active,
&:focus{
background: lighten($button-background, 10%);
}
}
&--left{
@extend .button;
float: left;
}
&--right{
@extend .button;
float: right;
}
&--center{
@extend .button;
float: none;
}
&--expand{
@extend .button;
@extend .expanded;
}
&--expand-medium-down{
@extend .button;
@include breakpoint(medium down){
display: block;
margin: 0 auto;
}
}
&--small{
@extend .button;
@extend .small;
}
}
button.disabled,
button[disabled],
.button.disabled,
.button[disabled]{
background-color: lighten($secondary-color, 10%);
border-color: none;
&:hover,
&:active,
&:focus{
background-color: lighten($secondary-color, 10%);
border-color: none;
}
}
Version data entries
10 entries across 10 versions & 1 rubygems