checkbox-no-js.less 621 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .checkbox, .checkbox-inline {
  2. input[type="checkbox"]:not(.sr-only) {
  3. & ~ label {
  4. &:before {
  5. border-radius: 4px;
  6. z-index: 1;
  7. }
  8. }
  9. &:checked {
  10. & ~ label {
  11. &:before {
  12. color: white;
  13. content: "\e013";
  14. line-height: 1em;
  15. padding-left: 1px;
  16. font-size: 8px;
  17. padding-top: 2px;
  18. }
  19. }
  20. }
  21. }
  22. &.hightlight {
  23. & + .checkbox-inline.highlight {
  24. margin-left: -14px;
  25. &.checkbox-custom {
  26. margin-left: 0px;
  27. }
  28. }
  29. }
  30. }
  31. .checkbox {
  32. &.highlight {
  33. input:not(.sr-only) {
  34. & ~ label {
  35. left: -4px;
  36. }
  37. }
  38. }
  39. }