12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- //
- // 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};
- }
- }
- }
|