83 lines
2.2 KiB
Text
83 lines
2.2 KiB
Text
|
/*******************************
|
||
|
|
Slider Variables
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
Element
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
@height : 1.5em;
|
||
|
|
@hoverPointer : auto;
|
||
|
|
@padding : 1em .5em;
|
||
|
|
|
||
|
|
/* Track */
|
||
|
|
@trackHeight : .4em;
|
||
|
|
@trackPositionTop : (@height / 2) - (@trackHeight / 2);
|
||
|
|
@background : #ccc;
|
||
|
|
@trackBorderRadius : 4px;
|
||
|
|
@trackColor : @transparentBlack;
|
||
|
|
|
||
|
|
/* Track Fill */
|
||
|
|
@trackFillHeight : @trackHeight;
|
||
|
|
@trackFillColor : @black;
|
||
|
|
@trackFillColorFocus : @blackHover;
|
||
|
|
@invertedTrackFillColor : @lightBlack;
|
||
|
|
@invertedTrackFillColorFocus : @lightBlackHover;
|
||
|
|
@trackFillBorderRadius : @trackBorderRadius;
|
||
|
|
|
||
|
|
/* Thumb */
|
||
|
|
@thumbHeight : @height;
|
||
|
|
@thumbBorderRadius : 100%;
|
||
|
|
@thumbBackground : @white @subtleGradient;
|
||
|
|
@thumbShadow : @subtleShadow, 0 0 0 1px @borderColor inset;
|
||
|
|
@thumbTransitionDuration : 0.3s;
|
||
|
|
@thumbTransition : background @thumbTransitionDuration @defaultEasing;
|
||
|
|
@thumbVerticalSliderOffset: 0.03em;
|
||
|
|
|
||
|
|
/* Thumb Hover */
|
||
|
|
@thumbHoverPointer : pointer;
|
||
|
|
@thumbHoverBackground : @whiteHover @subtleGradient;
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
States
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
/* Disabled */
|
||
|
|
@disabledOpactiy : .5;
|
||
|
|
@disabledTrackFillColor : @background;
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
Variations
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
/* Vertical */
|
||
|
|
@verticalPadding : .5em 1em;
|
||
|
|
|
||
|
|
/* Labeled */
|
||
|
|
@labelHeight : @height;
|
||
|
|
@labelWidth : 1px;
|
||
|
|
@labelColor : @background;
|
||
|
|
|
||
|
|
/* Hover */
|
||
|
|
@hoverVarOpacity : 0;
|
||
|
|
@hoverVarHoverOpacity : 1;
|
||
|
|
@hoverOpacityTransitionDuration : 0.2s;
|
||
|
|
@hoverOpacityTransition : opacity @hoverOpacityTransitionDuration linear;
|
||
|
|
|
||
|
|
/* Sizing */
|
||
|
|
@smallHeight : 1em;
|
||
|
|
@smallLabelHeight : @smallHeight;
|
||
|
|
@smallTrackHeight : 0.3em;
|
||
|
|
@smallTrackPositionTop : (@smallHeight / 2) - (@smallTrackHeight / 2);
|
||
|
|
|
||
|
|
@largeHeight : 2em;
|
||
|
|
@largeLabelHeight : @largeHeight;
|
||
|
|
@largeTrackHeight : 0.5em;
|
||
|
|
@largeTrackPositionTop : (@largeHeight / 2) - (@largeTrackHeight / 2);
|
||
|
|
|
||
|
|
@bigHeight : 2.5em;
|
||
|
|
@bigLabelHeight : @bigHeight;
|
||
|
|
@bigTrackHeight : 0.6em;
|
||
|
|
@bigTrackPositionTop : (@bigHeight / 2) - (@bigTrackHeight / 2);
|
||
|
|
|