Sha256: 8647d583efd34517c509a6c9b9f7ac6e031f55319049ca5cd3704794fa57d60b
Contents?: true
Size: 1.27 KB
Versions: 4
Compression:
Stored size: 1.27 KB
Contents
@mixin button-colors($colors) {
$normal-colors: map-get($colors, 'normal');
background: map-get($normal-colors, 'bg');
border: 1px solid map-get($normal-colors, 'border');
color: map-get($normal-colors, 'text');
fill: map-get($normal-colors, 'text');
@if not $mobile {
&:focus, &.focus {
box-shadow: 0px 0px 0 2px rgba(map-get($normal-colors, 'border'), 0.5);
}
&:hover {
$hover-colors: map-get($colors, 'hover');
background: map-get($hover-colors, 'bg');
border: 1px solid map-get($hover-colors, 'border');
color: map-get($hover-colors, 'text');
fill: map-get($hover-colors, 'text');
}
}
&:active {
$active-colors: map-get($colors, 'active');
background: map-get($active-colors, 'bg');
border: 1px solid map-get($active-colors, 'border');
color: map-get($active-colors, 'text');
fill: map-get($active-colors, 'text');
box-shadow: 0px 0px 0 2px rgba(map-get($active-colors, 'border'), 0.5);
}
&.disabled,
&[disabled] {
$disable-colors: map-get($colors, 'disable');
background: map-get($disable-colors, 'bg');
border: 1px solid map-get($disable-colors, 'border');
color: map-get($disable-colors, 'text');
fill: map-get($disable-colors, 'text');
box-shadow: none;
}
}
Version data entries
4 entries across 4 versions & 1 rubygems