|
|
/*------------------- Checkbox--------------------*/
@checkboxColor: @textColor;@fontSize: 1em;@checkboxLineHeight: 15px;
/* Label */@labelPadding: 2em;
@neutralCheckbox: @transparentBlack;@positiveCheckbox: @positiveColor;@negativeCheckbox: @negativeColor;
/* Checkbox */@checkboxSize: 16px;@checkboxBackground: @white;@checkboxBorder: 1px solid @borderColor;@checkboxBorderRadius: 0.25em;@checkboxTransition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
/* Checkmark */@checkboxCheckOffset: 1px;
/* Radio */@checkboxRadioOffset: 3px;@checkboxRadioCircleSize: 9px;
/* Slider & Toggle Handle */@handleBackground: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.1));@handleBoxShadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;@handleSize: 1.25em;
/*------------------- Coupling--------------------*/
@labelColor: @textColor;
@labelOpacity: 0.6;@labelHoverOpacity: 0.8;@labelSelectedOpacity: 1;
/*------------------- States--------------------*/
@checkboxHoverBackground: @checkboxBackground;@checkboxHoverBorder: 1px solid @selectedBorderColor;@labelHoverColor: @selectedTextColor;
@checkboxSelectedBackground: #F5F5F5;@checkboxSelectedBorder: 1px solid @selectedBorderColor;@labelSelectedColor: @selectedTextColor;
/* Disabled */@disabledCheckboxOpacity: @disabledOpacity;@disabledCheckboxLabelColor: rgba(0, 0, 0, 0.3);
/*------------------- Types--------------------*/
/* Radio */
/* Slider */@sliderLineWidth: 2.25em;@sliderLineHeight: 0.25em;@sliderLineVerticalOffset: 0.4em;
@sliderHandleOffset: (1em - @handleSize) / 2;@sliderTravelDistance: @sliderLineWidth - @handleSize;@sliderLabelDistance: @sliderLineWidth + 1em;
/* Toggle */@toggleSwitchWidth: 2.25em;@toggleSwitchHeight: 1.25em;@toggleSwitchVerticalOffset: (1em - @toggleSwitchHeight) / 2;
@toggleFocusColor: @strongTransparentBlack;@toggleHandleOffset: (1em - @handleSize) / 2;@toggleTravelDistance: @toggleSwitchWidth - @handleSize;@toggleLabelDistance: @toggleSwitchWidth + 1em;
@toggleOffOffset: -0.2em;@toggleOnOffset: 1.2em;
/*------------------- Variations--------------------*/
|
