/*——————-

Collection

——————–*/

@verticalPadding : 1em; @horizontalPadding : 1.25em;

@background : FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05)); @fontWeight : normal;

@activeBorderSize : 0em;

@hoverBackground : rgba(0, 0, 0, 0.02); @downBackground : rgba(0, 0, 0, 0.06);

@activeBackground : rgba(0, 0, 0, 0.04); @activeHoverBackground : rgba(0, 0, 0, 0.04);

@boxShadow :

0px 1px 2px 0px rgba(0, 0, 0, 0.15),
0px 0px 0px 1px rgba(0, 0, 0, 0.05)

;

@headerBackground: rgba(0, 0, 0, 0.08);

@subMenuMargin: 1em; @subMenuFontSize: 0.9rem; @subMenuHorizontalPadding: 0.7em;

@arrowHoverColor: EEEEEE; @arrowActiveColor: EEEEEE; @arrowVerticalHoverColor: F4F4F4; @arrowVerticalActiveColor: F4F4F4;

@dividerBackground: E8E8E8; @verticalDividerBackground: E8E8E8;

/*——————-

Elements

——————–*/

@buttonOffset: -0.15em; @buttonVerticalPadding: 0.75em;

/*——————-

Types

——————–*/

@paginationMinWidth: 3.5em;

@tieredActiveItemBackground: F5F5F5; @tieredActiveMenuBackground: F5F5F5;

/*——————-

Variations

——————–*/

@verticalBackground: FFFFFF; @verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));

@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0)); @invertedBoxShadow :

0px 1px 2px 0px rgba(0, 0, 0, 0.15),
0px 0px 0px 1px rgba(255, 255, 255, 0.15)

; @secondaryVerticalPadding: 0.75em;