Sha256: 0f0a577709df85d2979f7b311c1d4bcad55df30b35283f56e914cdc8da331ce2
Contents?: true
Size: 1.31 KB
Versions: 8
Compression:
Stored size: 1.31 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;
}
&--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
8 entries across 8 versions & 1 rubygems