One Hat Cyber Team

Your IP : 216.73.216.155

Server IP : 122.155.17.190

Server : Linux cat17190.thaihostserver.com 5.10.0-21-amd64 #1 SMP Debian 5.10.162-1 (2023-01-21) x86_64

Server Software : Apache/2

PHP Version : 5.6.40

Buat File | Buat Folder

Dir : ~/home/neunkho/public_html/hpp/build/scss/mixins/

Edit File: _custom-forms.scss

//
// Mixins: Custom Forms
//

// Custom Switch Variant
@mixin custom-switch-variant($name, $color) {
  &.custom-switch-off-#{$name} {
    & .custom-control-input ~ .custom-control-label::before {
      background: #{$color};
      border-color: darken($color, 20%);
    }

& .custom-control-input:focus ~ .custom-control-label::before {
      box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
    }

& .custom-control-input ~ .custom-control-label::after {
      background: darken($color, 25%);
    }
  }

&.custom-switch-on-#{$name} {
    & .custom-control-input:checked ~ .custom-control-label::before {
      background: #{$color};
      border-color: darken($color, 20%);
    }

& .custom-control-input:checked:focus ~ .custom-control-label::before {
      box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
    }

& .custom-control-input:checked ~ .custom-control-label::after {
      background: lighten($color, 30%);
    }
  }
}

// Custom Range Variant
@mixin custom-range-variant($name, $color) {
  &.custom-range-#{$name} {
    &:focus {
      outline: none;

&::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
      }

&::-moz-range-thumb     {
        box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
      }

&::-ms-thumb            {
        box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
      }
    }

&::-webkit-slider-thumb {
      background-color: $color;

&:active {
        background-color: lighten($color, 35%);
      }
    }

&::-moz-range-thumb {
      background-color: $color;

&:active {
        background-color: lighten($color, 35%);
      }
    }

&::-ms-thumb {
      background-color: $color;

&:active {
        background-color: lighten($color, 35%);
      }
    }
  }
}