consul/ui/packages/consul-ui/app/components/toggle-button/skin.scss

18 lines
327 B
SCSS
Raw Normal View History

%toggle-button {
border-radius: $decor-radius-100;
cursor: pointer;
}
%toggle-button-intent {
background-color: $gray-050;
}
%toggle-button-active {
background-color: $gray-100;
}
%toggle-button:hover,
%toggle-button:focus {
@extend %toggle-button-intent;
}
%toggle-button:active {
@extend %toggle-button-active;
}