Sha256: a15bd2619b95987816961b93e30da35feb988e76d4a0638b006067d68a1e7e54
Contents?: true
Size: 1.6 KB
Versions: 11
Compression:
Stored size: 1.6 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;
}
}
&--expand-small-down{
@extend .button;
@include breakpoint(small down){
display: block;
margin: 0 auto;
width: 100%;
}
}
&--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
11 entries across 11 versions & 1 rubygems