_icheck-bootstrap.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. //
  2. // Plugin: iCheck Bootstrap
  3. //
  4. // iCheck colors (theme colors)
  5. @each $name, $color in $theme-colors {
  6. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
  7. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  8. border-color: #{$color};
  9. }
  10. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
  11. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  12. border-color: #{$color};
  13. }
  14. .icheck-#{$name} > input:first-child:checked + label::before,
  15. .icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
  16. background-color: #{$color};
  17. border-color: #{$color};
  18. }
  19. }
  20. // iCheck colors (colors)
  21. @each $name, $color in $colors {
  22. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
  23. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  24. border-color: #{$color};
  25. }
  26. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
  27. .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  28. border-color: #{$color};
  29. }
  30. .icheck-#{$name} > input:first-child:checked + label::before,
  31. .icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
  32. background-color: #{$color};
  33. border-color: #{$color};
  34. }
  35. }