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.
85 lines
1.8 KiB
85 lines
1.8 KiB
/*******************************
|
|
Progress
|
|
*******************************/
|
|
|
|
/*-------------------
|
|
Element
|
|
--------------------*/
|
|
|
|
@verticalSpacing: 1em;
|
|
@margin: @verticalSpacing 0em (@labelHeight + @verticalSpacing);
|
|
@firstMargin: 0em 0em (@labelHeight + @verticalSpacing);
|
|
@lastMargin: 0em 0em (@labelHeight);
|
|
|
|
@background: @subtleTransparentBlack;
|
|
@border: 1px solid rgba(0, 0, 0, 0.05);
|
|
@boxShadow: none;
|
|
@padding: 0.325em;
|
|
@borderRadius: 0.325em;
|
|
|
|
/* Bar */
|
|
@barPosition: relative;
|
|
@barHeight: 1.75em;
|
|
@barBackground: #888888;
|
|
@barBorderRadius: @borderRadius;
|
|
@barTransition:
|
|
width 0.5s @defaultEasing,
|
|
background-color 1s @defaultEasing
|
|
;
|
|
@barInitialWidth: 0%;
|
|
@barMinWidth: 0.25em;
|
|
|
|
/* Progress Bar Label */
|
|
@progressWidth: auto;
|
|
@progressSize: 0.9em;
|
|
@progressPosition: absolute;
|
|
@progressTop: 50%;
|
|
@progressRight: 0.5em;
|
|
@progressLeft: auto;
|
|
@progressBottom: auto;
|
|
@progressOffset: -0.5em;
|
|
@progressColor: @invertedLightTextColor;
|
|
@progressTextShadow: none;
|
|
@progressFontWeight: bold;
|
|
@progressTextAlign: left;
|
|
|
|
/* Label */
|
|
@labelWidth: 100%;
|
|
@labelHeight: 1.5em;
|
|
@labelSize: 1em;
|
|
@labelPosition: absolute;
|
|
@labelTop: 100%;
|
|
@labelLeft: 0%;
|
|
@labelRight: auto;
|
|
@labelBottom: auto;
|
|
@labelOffset: (@labelHeight - 1.3em);
|
|
@labelColor: @textColor;
|
|
@labelTextShadow: none;
|
|
@labelFontWeight: bold;
|
|
@labelTextAlign: center;
|
|
@labelTransition: color 1s @defaultEasing;
|
|
|
|
/*-------------------
|
|
States
|
|
--------------------*/
|
|
|
|
/* Active */
|
|
@activePulseColor: @white;
|
|
@activePulseMaxOpacity: 0.3;
|
|
@activePulseDuration: 2s;
|
|
|
|
|
|
/*-------------------
|
|
Types
|
|
--------------------*/
|
|
|
|
/* Attached */
|
|
@attachedHeight: 0.25em;
|
|
@attachedBorderRadius: @borderRadius;
|
|
|
|
/* Inverted */
|
|
@invertedBackground: @transparentWhite;
|
|
@invertedBorder: none;
|
|
@invertedBarBackground: @barBackground;
|
|
@invertedProgressColor: @offWhite;
|
|
@invertedLabelColor: @white;
|