/*******************************

Button

*******************************/

/*——————-

Element

——————–*/

/* Shadow */ @shadowDistance: 0em; @shadowOffset: (@shadowDistance / 2); @shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset; @backgroundColor: FAFAFA; @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)); @boxShadow:

0px 0px 0px 1px @borderColor inset,
@shadowBoxShadow

;

/* Padding */ @verticalPadding: 0.8em; @horizontalPadding: 1.5em;

/*——————-

Group

——————–*/

@groupBoxShadow: none; @groupButtonBoxShadow:

0px 0px 0px 1px @borderColor inset,
@shadowBoxShadow

; @verticalBoxShadow: 0px 0px 0px 1px @borderColor inset; @groupButtonOffset: 0px 0px 0px -1px; @verticalGroupOffset: 0px 0px -1px 0px;

/*——————-

States

——————–*/

/* Hovered */ @hoverBackgroundColor: ”; @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)); @hoverBoxShadow: ”; @hoverColor: @hoveredTextColor; @iconHoverOpacity: 0.85;

/* Focused */ @focusBackgroundColor: ”; @focusBackgroundImage: ”; @focusBoxShadow:

0px 0px 1px rgba(81, 167, 232, 0.8) inset,
0px 0px 3px 2px rgba(81, 167, 232, 0.8)

; @focusColor: @hoveredTextColor; @iconFocusOpacity: 0.85;

/* Pressed Down */ @downBackgroundColor: F1F1F1; @downBackgroundImage: ”; @downBoxShadow:

0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important

; @downColor: @pressedTextColor;

/* Active */ @activeBackgroundColor: DADADA; @activeBackgroundImage: none; @activeColor: @selectedTextColor; @activeBoxShadow:

0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important

;

/* Active + Hovered */ @activeHoverBackgroundColor: DADADA; @activeHoverBackgroundImage: none; @activeHoverBoxShadow:

0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important

; @activeHoverColor: @selectedTextColor;

/* Loading */ @loadingBackgroundColor: FFFFFF;

/*——————-

Types

——————–*/

/* Labeled Icon */ @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05); @labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset; @labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;