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

23 lines
459 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
%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;
}