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
101 lines
2.2 KiB
/*-------------------
|
|
Checkbox
|
|
--------------------*/
|
|
|
|
@checkboxHeight: 1em;
|
|
@checkboxColor: @textColor;
|
|
|
|
/* 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: 0px;
|
|
@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
|
|
--------------------*/
|