mirror of
https://github.com/status-im/consul.git
synced 2025-01-21 19:20:41 +00:00
b84ee47ff0
* ui: Fix brand coloring for inline-code plus docs Also use --tones instead of --black/--white (#11601) Co-authored-by: Evan Rowe <ev.rowe@gmail.com>
31 lines
796 B
SCSS
31 lines
796 B
SCSS
/* TODO: Maybe move this to reset? */
|
|
%sliding-toggle label span {
|
|
cursor: pointer;
|
|
}
|
|
%sliding-toggle label span::after {
|
|
border-radius: var(--decor-radius-full);
|
|
}
|
|
%sliding-toggle label span::before {
|
|
border-radius: 7px;
|
|
}
|
|
%sliding-toggle-negative {
|
|
border: 0;
|
|
}
|
|
%sliding-toggle.type-negative {
|
|
@extend %sliding-toggle-negative;
|
|
}
|
|
%sliding-toggle label span {
|
|
color: rgb(var(--tone-gray-900));
|
|
}
|
|
%sliding-toggle label span::after {
|
|
background-color: rgb(var(--tone-gray-000));
|
|
}
|
|
%sliding-toggle label input:checked + span::before,
|
|
%sliding-toggle-negative label input + span::before {
|
|
background-color: rgb(var(--tone-blue-500));
|
|
}
|
|
%sliding-toggle label span::before,
|
|
%sliding-toggle-negative label input:checked + span::before {
|
|
background-color: rgb(var(--tone-gray-300));
|
|
}
|