/*******************************
Step
*******************************/
/*——————-
Element
——————–*/
@verticalMargin: 0em; @horizontalMargin: 0em;
@arrowSize: 1.5em; @verticalPadding: 0.9285em; @horizontalPadding: 1.5em; @leftPadding: @horizontalPadding + (@arrowSize / 2);
@transition:
background-color @transitionDuration @transitionEasing, opacity @transitionDuration @transitionEasing, color @transitionDuration @transitionEasing, box-shadow @transitionDuration @transitionEasing
; @borderRadius: @defaultBorderRadius; @lineHeight: 1.142rem;
@backgroundColor: FFFFFF; @background: @backgroundColor; @borderRadius: 0em; @boxShadow: 0px 0px 0px 1px @solidBorderColor;
/* Icon */ @iconDistance: 0.6em; @iconSize: 2em; @iconVerticalAlign: middle;
/* Title */ @titleFontFamily: @headerFont; @titleFontWeight: bold; @titleFontSize: 1.0714em; @titleColor: @darkTextColor;
/* Description */ @descriptionDistance: 0.1em; @descriptionFontSize: 0.9285em; @descriptionFontWeight: normal; @descriptionColor: @textColor;
/* Arrow */ @arrowBackgroundColor: @backgroundColor; @arrowTopOffset: 50%; @arrowRightOffset: 0em; @arrowBorderColor: @borderColor;
/*——————-
Group
——————–*/
@stepsBorderRadius: @defaultBorderRadius; @stepsBackground: ”; @stepsBoxShadow: ”;
/*——————-
Variations
——————–*/
@attachedTopMargin: 0em; @attachedBottomMargin: -1px 0em 0em;
/*——————-
States
——————–*/
/* Completed */ @completedColor: @positiveColor;
/* Hover */ @hoverBackground: FAFAFA; @hoverColor: @hoveredTextColor;
/* Down */ @downBackground: F0F0F0; @downColor: @pressedTextColor;
/* Active */ @activeBackground: F0F0F0; @activeColor: @linkColor; @activeIconColor: @darkTextColor;
/* Active + Hover */ @activeHoverBackground: ECECEC; @activeHoverColor: @textColor;
/* Disabled */ @disabledBackground: @white; @disabledColor: @disabledTextColor;