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

18 lines
381 B
SCSS

%toggle-button {
border-radius: var(--decor-radius-100);
cursor: pointer;
}
%toggle-button-intent {
background-color: var(--token-color-surface-strong);
}
%toggle-button-active {
background-color: var(--token-color-surface-strong);
}
%toggle-button:hover,
%toggle-button:focus {
@extend %toggle-button-intent;
}
%toggle-button:active {
@extend %toggle-button-active;
}