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.
95 lines
1.7 KiB
95 lines
1.7 KiB
/*******************************
|
|
Step
|
|
*******************************/
|
|
|
|
/*-------------------
|
|
Element
|
|
--------------------*/
|
|
|
|
@verticalMargin: 0em;
|
|
@horizontalMargin: 0em;
|
|
|
|
@verticalPadding: 0.8em;
|
|
@horizontalPadding: 1.75em;
|
|
@leftPadding: @horizontalPadding + (@arrowSize /2);
|
|
|
|
@transition:
|
|
background-color 0.1s ease,
|
|
opacity 0.1s ease,
|
|
color 0.1s ease,
|
|
box-shadow 0.1s ease
|
|
;
|
|
@borderRadius: 0.3125rem;
|
|
@lineHeight: 1.2;
|
|
|
|
@backgroundColor: #FFFFFF;
|
|
@background: @backgroundColor;
|
|
@borderRadius: 0em;
|
|
|
|
@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
|
|
|
|
/* Icon */
|
|
@iconDistance: 0.6em;
|
|
@iconSize: 2em;
|
|
@iconVerticalAlign: middle;
|
|
|
|
/* Title */
|
|
@titleFontFamily: @headerFont;
|
|
@titleFontWeight: bold;
|
|
@titleFontSize: 1.1em;
|
|
@titleColor: @darkTextColor;
|
|
|
|
/* Description */
|
|
@descriptionDistance: 0.2em;
|
|
@descriptionFontSize: 1em;
|
|
@descriptionFontWeight: normal;
|
|
@descriptionColor: @textColor;
|
|
|
|
|
|
/* Arrow */
|
|
@arrowWidth: 1em;
|
|
@arrowSize: 1.5em;
|
|
@arrowBackgroundColor: @backgroundColor;
|
|
@arrowTopOffset: 50%;
|
|
@arrowRightOffset: 0em;
|
|
@arrowBorderColor: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
/*-------------------
|
|
Group
|
|
--------------------*/
|
|
|
|
@stepsBorderRadius: 0.3125rem;
|
|
@stepsBackground: '';
|
|
@stepsBoxShadow: '';
|
|
|
|
|
|
/*-------------------
|
|
States
|
|
--------------------*/
|
|
|
|
/* Completed */
|
|
@completedColor: @positiveColor;
|
|
|
|
/* Hover */
|
|
@hoverBackground: #FFFFFF;
|
|
@hoverColor: @selectedTextColor;
|
|
|
|
/* Down */
|
|
@downBackground: #F0F0F0;
|
|
@downColor: @selectedTextColor;
|
|
|
|
/* Active */
|
|
@activeBackgroundColor: #F0F0F0;
|
|
@activeBackground: @activeBackgroundColor;
|
|
|
|
@activeColor: @linkColor;
|
|
@activeIconColor: @darkTextColor;
|
|
|
|
/* Disabled */
|
|
@disabledBackground: '';
|
|
@disabledColor: @disabledTextColor;
|
|
|
|
@small: 0.9rem;
|
|
@medium: 1rem;
|
|
@large: 1.1rem;
|