open-consul/ui-v2/app/styles/components/toggle/skin.scss

31 lines
639 B
SCSS

/* TODO: Maybe move this to reset? */
%toggle label span {
cursor: pointer;
}
%toggle label span::after {
border-radius: $decor-radius-full;
}
%toggle label span::before {
border-radius: 7px;
}
%toggle-negative {
border: 0;
}
%toggle.type-negative {
@extend %toggle-negative;
}
%toggle label span {
color: $ui-gray-900;
}
%toggle label span::after {
background-color: $ui-white;
}
%toggle label input:checked + span::before,
%toggle-negative label input + span::before {
background-color: $ui-blue-500;
}
%toggle label span::before,
%toggle-negative label input:checked + span::before {
background-color: $ui-gray-300;
}