/*******************************
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;