2018-10-19 15:17:02 +00:00
|
|
|
%toggle-button {
|
2019-06-14 17:27:37 +00:00
|
|
|
border-radius: $decor-radius-100;
|
2018-10-19 15:17:02 +00:00
|
|
|
cursor: pointer;
|
|
|
|
}
|
2019-06-14 17:27:37 +00:00
|
|
|
%toggle-button-intent {
|
|
|
|
background-color: $gray-050;
|
|
|
|
}
|
|
|
|
%toggle-button-active {
|
|
|
|
background-color: $gray-100;
|
|
|
|
}
|
2018-10-19 15:17:02 +00:00
|
|
|
%toggle-button:hover,
|
|
|
|
%toggle-button:focus {
|
2019-06-14 17:27:37 +00:00
|
|
|
@extend %toggle-button-intent;
|
2018-10-19 15:17:02 +00:00
|
|
|
}
|
|
|
|
%toggle-button:active {
|
2019-06-14 17:27:37 +00:00
|
|
|
@extend %toggle-button-active;
|
2018-10-19 15:17:02 +00:00
|
|
|
}
|