18 lines
365 B
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;
|
|
}
|