github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/toggle/skin.scss (about)

     1  /* TODO: Maybe move this to reset? */
     2  %toggle label span {
     3    cursor: pointer;
     4  }
     5  %toggle label span::after {
     6    border-radius: $decor-radius-full;
     7  }
     8  %toggle label span::before {
     9    border-radius: 7px;
    10  }
    11  %toggle-negative {
    12    border: 0;
    13  }
    14  %toggle.type-negative {
    15    @extend %toggle-negative;
    16  }
    17  %toggle label span {
    18    color: $ui-gray-900;
    19  }
    20  %toggle label span::after {
    21    background-color: $ui-white;
    22  }
    23  %toggle label input:checked + span::before,
    24  %toggle-negative label input + span::before {
    25    background-color: $ui-blue-500;
    26  }
    27  %toggle label span::before,
    28  %toggle-negative label input:checked + span::before {
    29    background-color: $ui-gray-300;
    30  }