/*——————-

Button Variables

——————–*/

/* Button Variables */ @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif; @textTransform: none; @textColor: #111111; @fontWeight: normal; @transition:

opacity @transitionDuration @transitionEasing,
background-color @transitionDuration @transitionEasing,
color @transitionDuration @transitionEasing,
background @transitionDuration @transitionEasing

;

@borderRadius: 3px; @verticalPadding: 0.8em; @horizontalPadding: 1.75em;

@backgroundColor: F7F8FA; @backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); @boxShadow:

0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
0 0 0 1px #ADB2BB inset

;

@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); @coloredBoxShadow:

0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset

;

@downBoxShadow:

0 0 0 1px #ADB2BB inset,
0 1px 3px rgba(0, 0, 0, 0.2) inset

;

@labeledIconBackgroundColor: #313A43; @labeledIconColor: FFFFFF; @labeledIconBorder: transparent;

@black: #444C55; @orange: F4CC67;

@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)); @primaryColor: @orange; @secondaryColor: @black;

@mini: 10px; @tiny: 11px; @small: 12px; @medium: 13px; @large: 14px; @big: 16px; @huge: 18px; @massive: 22px;