You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

101 lines
2.2 KiB

  1. /*-------------------
  2. Checkbox
  3. --------------------*/
  4. @checkboxHeight: 1em;
  5. @checkboxColor: @textColor;
  6. /* Label */
  7. @labelPadding: 2em;
  8. @neutralCheckbox: @transparentBlack;
  9. @positiveCheckbox: @positiveColor;
  10. @negativeCheckbox: @negativeColor;
  11. /* Checkbox */
  12. @checkboxSize: 16px;
  13. @checkboxBackground: @white;
  14. @checkboxBorder: 1px solid @borderColor;
  15. @checkboxBorderRadius: 0.25em;
  16. @checkboxTransition:
  17. background-color 0.3s ease,
  18. border 0.3s ease,
  19. box-shadow 0.3s ease
  20. ;
  21. /* Checkmark */
  22. @checkboxCheckOffset: 1px;
  23. /* Radio */
  24. @checkboxRadioOffset: 0px;
  25. @checkboxRadioCircleSize: 9px;
  26. /* Slider & Toggle Handle */
  27. @handleBackground: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.1));
  28. @handleBoxShadow:
  29. 0px 2px 2px 0px rgba(0, 0, 0, 0.1),
  30. 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset
  31. ;
  32. @handleSize: 1.25em;
  33. /*-------------------
  34. Coupling
  35. --------------------*/
  36. @labelColor: @textColor;
  37. @labelOpacity: 0.6;
  38. @labelHoverOpacity: 0.8;
  39. @labelSelectedOpacity: 1;
  40. /*-------------------
  41. States
  42. --------------------*/
  43. @checkboxHoverBackground: @checkboxBackground;
  44. @checkboxHoverBorder: 1px solid @selectedBorderColor;
  45. @labelHoverColor: @selectedTextColor;
  46. @checkboxSelectedBackground: #F5F5F5;
  47. @checkboxSelectedBorder: 1px solid @selectedBorderColor;
  48. @labelSelectedColor: @selectedTextColor;
  49. /* Disabled */
  50. @disabledCheckboxOpacity: @disabledOpacity;
  51. @disabledCheckboxLabelColor: rgba(0, 0, 0, 0.3);
  52. /*-------------------
  53. Types
  54. --------------------*/
  55. /* Radio */
  56. /* Slider */
  57. @sliderLineWidth: 2.25em;
  58. @sliderLineHeight: 0.25em;
  59. @sliderLineVerticalOffset: 0.4em;
  60. @sliderHandleOffset: (1em - @handleSize) / 2;
  61. @sliderTravelDistance: @sliderLineWidth - @handleSize;
  62. @sliderLabelDistance: @sliderLineWidth + 1em;
  63. /* Toggle */
  64. @toggleSwitchWidth: 2.25em;
  65. @toggleSwitchHeight: 1.25em;
  66. @toggleSwitchVerticalOffset: (1em - @toggleSwitchHeight) / 2;
  67. @toggleFocusColor: @strongTransparentBlack;
  68. @toggleHandleOffset: (1em - @handleSize) / 2;
  69. @toggleTravelDistance: @toggleSwitchWidth - @handleSize;
  70. @toggleLabelDistance: @toggleSwitchWidth + 1em;
  71. @toggleOffOffset: -0.2em;
  72. @toggleOnOffset: 1.2em;
  73. /*-------------------
  74. Variations
  75. --------------------*/