42 lines
1.5 KiB
SCSS
42 lines
1.5 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};
|
||
|
|
}
|
||
|
|
}
|