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

18 lines
365 B
SCSS

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