88 lines
3.3 KiB
SCSS
88 lines
3.3 KiB
SCSS
|
//
|
||
|
|
// Plugin: iCheck Bootstrap
|
||
|
|
//
|
||
|
|
|
||
|
|
// iCheck colors (theme colors)
|
||
|
|
@each $name, $color in $theme-colors {
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:checked + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
|
||
|
|
background-color: #{$color};
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// iCheck colors (colors)
|
||
|
|
@each $name, $color in $colors {
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:checked + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
|
||
|
|
background-color: #{$color};
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@include dark-mode () {
|
||
|
|
[class*="icheck-"] > input:first-child:not(:checked) {
|
||
|
|
+ input[type="hidden"] + label::before,
|
||
|
|
+ label::before {
|
||
|
|
border-color: $gray-600;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// iCheck colors (theme colors)
|
||
|
|
@each $name, $color in $theme-colors-alt {
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:checked + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
|
||
|
|
background-color: #{$color};
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// iCheck colors (colors)
|
||
|
|
@each $name, $color in $colors-alt {
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
|
||
|
|
.icheck-#{$name} > input:first-child:checked + label::before,
|
||
|
|
.icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
|
||
|
|
background-color: #{$color};
|
||
|
|
border-color: #{$color};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|