/* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- variables/variables-buttons.less -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Button Styles ----------------------------------------------------------------------------- */ @button-text-font-size: 14px; @button-text-line-height: 16px; @button-height: 36px; @button-padding-horizontal: @base-spacing-unit * 1.0; @button-border-radius: 4px; @button-box-sizing: border-box; @button-background-clip: padding-box; /* ----------------------------------------------------------------------------- Button Dropdown ----------------------------------------------------------------------------- */ @button-dropdown-caret-enabled: @button-dropdown-enabled; @button-dropdown-caret-width: 9px; @button-dropdown-caret-height: 5px; @button-dropdown-caret-margin-horizontal: @button-padding-horizontal * 0.25; @button-dropdown-caret-offset-horizontal: 0px; @button-dropdown-caret-offset-vertical: -1px; /* ----------------------------------------------------------------------------- Button Responsive Scaling ----------------------------------------------------------------------------- */ @button-scale-screen-mini-enabled: @screen-mini-enabled; @button-scale-screen-small-enabled: @screen-small-enabled; @button-scale-screen-medium-enabled: @screen-medium-enabled; @button-scale-screen-large-enabled: @screen-large-enabled; @button-text-font-size-scale-screen-mini: 1.0; @button-text-font-size-scale-screen-small: 1.1; @button-text-font-size-scale-screen-medium: 1.2; @button-text-font-size-scale-screen-large: 1.2; @button-text-line-height-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-text-line-height-scale-screen-small: @button-text-font-size-scale-screen-small; @button-text-line-height-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-text-line-height-scale-screen-large: @button-text-font-size-scale-screen-large; @button-height-scale-screen-mini: (36/36); @button-height-scale-screen-small: (40/36); @button-height-scale-screen-medium: (42/36); @button-height-scale-screen-large: (42/36); @button-padding-horizontal-scale-screen-mini: @button-height-scale-screen-mini; @button-padding-horizontal-scale-screen-small: @button-height-scale-screen-small; @button-padding-horizontal-scale-screen-medium: @button-height-scale-screen-medium; @button-padding-horizontal-scale-screen-large: @button-height-scale-screen-large; @button-border-radius-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-border-radius-scale-screen-small: @button-text-font-size-scale-screen-small; @button-border-radius-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-border-radius-scale-screen-large: @button-text-font-size-scale-screen-large; @button-dropdown-caret-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-dropdown-caret-scale-screen-small: @button-text-font-size-scale-screen-small; @button-dropdown-caret-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-dropdown-caret-scale-screen-large: @button-text-font-size-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Mini) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-mini-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Mini) Styles ----------------------------------------------------------------------------- */ @button-mini-text-font-size: floor(@button-text-font-size * 0.8); @button-mini-text-line-height: floor(@button-text-line-height * 1.0); @button-mini-height: 22px; @button-mini-padding-horizontal: @button-padding-horizontal * 0.5; @button-mini-border-radius: 3px; /* ----------------------------------------------------------------------------- Button (Mini) Dropdown ----------------------------------------------------------------------------- */ @button-mini-dropdown-caret-enabled: @button-dropdown-caret-enabled; @button-mini-dropdown-caret-width: @button-dropdown-caret-width * 0.6; @button-mini-dropdown-caret-height: @button-dropdown-caret-height * 0.6; @button-mini-dropdown-caret-margin-horizontal: @button-mini-padding-horizontal * 0.25; @button-mini-dropdown-caret-offset-horizontal: @button-dropdown-caret-offset-horizontal * 0.6; @button-mini-dropdown-caret-offset-vertical: @button-dropdown-caret-offset-vertical * 0.6; /* ----------------------------------------------------------------------------- Button (Mini) Responsive Scaling ----------------------------------------------------------------------------- */ @button-mini-scale-screen-mini-enabled: @button-scale-screen-mini-enabled; @button-mini-scale-screen-small-enabled: @button-scale-screen-small-enabled; @button-mini-scale-screen-medium-enabled: @button-scale-screen-medium-enabled; @button-mini-scale-screen-large-enabled: @button-scale-screen-large-enabled; @button-mini-text-font-size-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-mini-text-font-size-scale-screen-small: @button-text-font-size-scale-screen-small; @button-mini-text-font-size-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-mini-text-font-size-scale-screen-large: @button-text-font-size-scale-screen-large; @button-mini-text-line-height-scale-screen-mini: @button-mini-text-font-size-scale-screen-mini; @button-mini-text-line-height-scale-screen-small: @button-mini-text-font-size-scale-screen-small; @button-mini-text-line-height-scale-screen-medium: @button-mini-text-font-size-scale-screen-medium; @button-mini-text-line-height-scale-screen-large: @button-mini-text-font-size-scale-screen-large; @button-mini-height-scale-screen-mini: (24/24); @button-mini-height-scale-screen-small: (26/24); @button-mini-height-scale-screen-medium: (28/24); @button-mini-height-scale-screen-large: (28/24); @button-mini-padding-horizontal-scale-screen-mini: @button-mini-height-scale-screen-mini; @button-mini-padding-horizontal-scale-screen-small: @button-mini-height-scale-screen-small; @button-mini-padding-horizontal-scale-screen-medium: @button-mini-height-scale-screen-medium; @button-mini-padding-horizontal-scale-screen-large: @button-mini-height-scale-screen-large; @button-mini-border-radius-scale-screen-mini: @button-mini-text-font-size-scale-screen-mini; @button-mini-border-radius-scale-screen-small: @button-mini-text-font-size-scale-screen-small; @button-mini-border-radius-scale-screen-medium: @button-mini-text-font-size-scale-screen-medium; @button-mini-border-radius-scale-screen-large: @button-mini-text-font-size-scale-screen-large; @button-mini-dropdown-caret-scale-screen-mini: @button-mini-text-font-size-scale-screen-mini; @button-mini-dropdown-caret-scale-screen-small: @button-mini-text-font-size-scale-screen-small; @button-mini-dropdown-caret-scale-screen-medium: @button-mini-text-font-size-scale-screen-medium; @button-mini-dropdown-caret-scale-screen-large: @button-mini-text-font-size-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Small) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-small-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Small) Styles ----------------------------------------------------------------------------- */ @button-small-text-font-size: floor(@button-text-font-size * 0.9); @button-small-text-line-height: floor(@button-text-line-height * 1.0); @button-small-height: 28px; @button-small-padding-horizontal: @button-padding-horizontal * 0.5; @button-small-border-radius: 3px; /* ----------------------------------------------------------------------------- Button (Small) Dropdown ----------------------------------------------------------------------------- */ @button-small-dropdown-caret-enabled: @button-dropdown-caret-enabled; @button-small-dropdown-caret-width: @button-dropdown-caret-width * 0.8; @button-small-dropdown-caret-height: @button-dropdown-caret-height * 0.8; @button-small-dropdown-caret-margin-horizontal: @button-small-padding-horizontal * 0.25; @button-small-dropdown-caret-offset-horizontal: @button-dropdown-caret-offset-horizontal * 0.8; @button-small-dropdown-caret-offset-vertical: @button-dropdown-caret-offset-vertical * 0.8; /* ----------------------------------------------------------------------------- Button (Small) Responsive Scaling ----------------------------------------------------------------------------- */ @button-small-scale-screen-mini-enabled: @button-scale-screen-mini-enabled; @button-small-scale-screen-small-enabled: @button-scale-screen-small-enabled; @button-small-scale-screen-medium-enabled: @button-scale-screen-medium-enabled; @button-small-scale-screen-large-enabled: @button-scale-screen-large-enabled; @button-small-text-font-size-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-small-text-font-size-scale-screen-small: @button-text-font-size-scale-screen-small; @button-small-text-font-size-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-small-text-font-size-scale-screen-large: @button-text-font-size-scale-screen-large; @button-small-text-line-height-scale-screen-mini: @button-small-text-font-size-scale-screen-mini; @button-small-text-line-height-scale-screen-small: @button-small-text-font-size-scale-screen-small; @button-small-text-line-height-scale-screen-medium: @button-small-text-font-size-scale-screen-medium; @button-small-text-line-height-scale-screen-large: @button-small-text-font-size-scale-screen-large; @button-small-height-scale-screen-mini: (28/28); @button-small-height-scale-screen-small: (32/28); @button-small-height-scale-screen-medium: (36/28); @button-small-height-scale-screen-large: (36/28); @button-small-padding-horizontal-scale-screen-mini: @button-small-height-scale-screen-mini; @button-small-padding-horizontal-scale-screen-small: @button-small-height-scale-screen-small; @button-small-padding-horizontal-scale-screen-medium: @button-small-height-scale-screen-medium; @button-small-padding-horizontal-scale-screen-large: @button-small-height-scale-screen-large; @button-small-border-radius-scale-screen-mini: @button-small-text-font-size-scale-screen-mini; @button-small-border-radius-scale-screen-small: @button-small-text-font-size-scale-screen-small; @button-small-border-radius-scale-screen-medium: @button-small-text-font-size-scale-screen-medium; @button-small-border-radius-scale-screen-large: @button-small-text-font-size-scale-screen-large; @button-small-dropdown-caret-scale-screen-mini: @button-small-text-font-size-scale-screen-mini; @button-small-dropdown-caret-scale-screen-small: @button-small-text-font-size-scale-screen-small; @button-small-dropdown-caret-scale-screen-medium: @button-small-text-font-size-scale-screen-medium; @button-small-dropdown-caret-scale-screen-large: @button-small-text-font-size-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Large) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-large-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Large) Styles ----------------------------------------------------------------------------- */ @button-large-text-font-size: floor(@button-text-font-size * 1.2); @button-large-text-line-height: floor(@button-text-line-height * 1.2); @button-large-height: 42px; @button-large-padding-horizontal: @button-padding-horizontal * 1.5; @button-large-border-radius: 4px; /* ----------------------------------------------------------------------------- Button (Large) Dropdown ----------------------------------------------------------------------------- */ @button-large-dropdown-caret-enabled: @button-dropdown-caret-enabled; @button-large-dropdown-caret-width: @button-dropdown-caret-width * 1.2; @button-large-dropdown-caret-height: @button-dropdown-caret-height * 1.2; @button-large-dropdown-caret-margin-horizontal: @button-large-padding-horizontal * 0.25; @button-large-dropdown-caret-offset-horizontal: @button-dropdown-caret-offset-horizontal * 1.2; @button-large-dropdown-caret-offset-vertical: @button-dropdown-caret-offset-vertical * 1.2; /* ----------------------------------------------------------------------------- Button (Large) Responsive Scaling ----------------------------------------------------------------------------- */ @button-large-scale-screen-mini-enabled: @button-scale-screen-mini-enabled; @button-large-scale-screen-small-enabled: @button-scale-screen-small-enabled; @button-large-scale-screen-medium-enabled: @button-scale-screen-medium-enabled; @button-large-scale-screen-large-enabled: @button-scale-screen-large-enabled; @button-large-text-font-size-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-large-text-font-size-scale-screen-small: @button-text-font-size-scale-screen-small; @button-large-text-font-size-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-large-text-font-size-scale-screen-large: @button-text-font-size-scale-screen-large; @button-large-text-line-height-scale-screen-mini: @button-large-text-font-size-scale-screen-mini; @button-large-text-line-height-scale-screen-small: @button-large-text-font-size-scale-screen-small; @button-large-text-line-height-scale-screen-medium: @button-large-text-font-size-scale-screen-medium; @button-large-text-line-height-scale-screen-large: @button-large-text-font-size-scale-screen-large; @button-large-height-scale-screen-mini: (42/42); @button-large-height-scale-screen-small: (48/42); @button-large-height-scale-screen-medium: (52/42); @button-large-height-scale-screen-large: (52/42); @button-large-padding-horizontal-scale-screen-mini: @button-large-height-scale-screen-mini; @button-large-padding-horizontal-scale-screen-small: @button-large-height-scale-screen-small; @button-large-padding-horizontal-scale-screen-medium: @button-large-height-scale-screen-medium; @button-large-padding-horizontal-scale-screen-large: @button-large-height-scale-screen-large; @button-large-border-radius-scale-screen-mini: @button-large-text-font-size-scale-screen-mini; @button-large-border-radius-scale-screen-small: @button-large-text-font-size-scale-screen-small; @button-large-border-radius-scale-screen-medium: @button-large-text-font-size-scale-screen-medium; @button-large-border-radius-scale-screen-large: @button-large-text-font-size-scale-screen-large; @button-large-dropdown-caret-scale-screen-mini: @button-large-text-font-size-scale-screen-mini; @button-large-dropdown-caret-scale-screen-small: @button-large-text-font-size-scale-screen-small; @button-large-dropdown-caret-scale-screen-medium: @button-large-text-font-size-scale-screen-medium; @button-large-dropdown-caret-scale-screen-large: @button-large-text-font-size-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Jumbo) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-jumbo-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Jumbo) Styles ----------------------------------------------------------------------------- */ @button-jumbo-text-font-size: floor(@button-text-font-size * 1.4); @button-jumbo-text-line-height: floor(@button-text-line-height * 1.4); @button-jumbo-height: 56px; @button-jumbo-padding-horizontal: @button-padding-horizontal * 2.0; @button-jumbo-border-radius: 6px; /* ----------------------------------------------------------------------------- Button (Jumbo) Dropdown ----------------------------------------------------------------------------- */ @button-jumbo-dropdown-caret-enabled: @button-dropdown-caret-enabled; @button-jumbo-dropdown-caret-width: @button-dropdown-caret-width * 1.6; @button-jumbo-dropdown-caret-height: @button-dropdown-caret-height * 1.6; @button-jumbo-dropdown-caret-margin-horizontal: @button-jumbo-padding-horizontal * 0.25; @button-jumbo-dropdown-caret-offset-horizontal: @button-dropdown-caret-offset-horizontal * 1.6; @button-jumbo-dropdown-caret-offset-vertical: @button-dropdown-caret-offset-vertical * 1.6; /* ----------------------------------------------------------------------------- Button (Jumbo) Responsive Scaling ----------------------------------------------------------------------------- */ @button-jumbo-scale-screen-mini-enabled: @button-scale-screen-mini-enabled; @button-jumbo-scale-screen-small-enabled: @button-scale-screen-small-enabled; @button-jumbo-scale-screen-medium-enabled: @button-scale-screen-medium-enabled; @button-jumbo-scale-screen-large-enabled: @button-scale-screen-large-enabled; @button-jumbo-text-font-size-scale-screen-mini: @button-text-font-size-scale-screen-mini; @button-jumbo-text-font-size-scale-screen-small: @button-text-font-size-scale-screen-small; @button-jumbo-text-font-size-scale-screen-medium: @button-text-font-size-scale-screen-medium; @button-jumbo-text-font-size-scale-screen-large: @button-text-font-size-scale-screen-large; @button-jumbo-text-line-height-scale-screen-mini: @button-jumbo-text-font-size-scale-screen-mini; @button-jumbo-text-line-height-scale-screen-small: @button-jumbo-text-font-size-scale-screen-small; @button-jumbo-text-line-height-scale-screen-medium: @button-jumbo-text-font-size-scale-screen-medium; @button-jumbo-text-line-height-scale-screen-large: @button-jumbo-text-font-size-scale-screen-large; @button-jumbo-height-scale-screen-mini: (64/56); @button-jumbo-height-scale-screen-small: (64/56); @button-jumbo-height-scale-screen-medium: (64/56); @button-jumbo-height-scale-screen-large: (64/56); @button-jumbo-padding-horizontal-scale-screen-mini: @button-jumbo-height-scale-screen-mini; @button-jumbo-padding-horizontal-scale-screen-small: @button-jumbo-height-scale-screen-small; @button-jumbo-padding-horizontal-scale-screen-medium: @button-jumbo-height-scale-screen-medium; @button-jumbo-padding-horizontal-scale-screen-large: @button-jumbo-height-scale-screen-large; @button-jumbo-border-radius-scale-screen-mini: @button-jumbo-text-font-size-scale-screen-mini; @button-jumbo-border-radius-scale-screen-small: @button-jumbo-text-font-size-scale-screen-small; @button-jumbo-border-radius-scale-screen-medium: @button-jumbo-text-font-size-scale-screen-medium; @button-jumbo-border-radius-scale-screen-large: @button-jumbo-text-font-size-scale-screen-large; @button-jumbo-dropdown-caret-scale-screen-mini: @button-jumbo-text-font-size-scale-screen-mini; @button-jumbo-dropdown-caret-scale-screen-small: @button-jumbo-text-font-size-scale-screen-small; @button-jumbo-dropdown-caret-scale-screen-medium: @button-jumbo-text-font-size-scale-screen-medium; @button-jumbo-dropdown-caret-scale-screen-large: @button-jumbo-text-font-size-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Button (Default) State: Normal ----------------------------------------------------------------------------- */ @button-default-text-color: color-lighten(@neutral, 0); @button-default-text-font-family: @font-family-sans-serif; @button-default-text-font-style: null; @button-default-text-font-weight: 400; @button-default-text-transform: null; @button-default-text-shadow: null; @button-default-text-decoration: none; @button-default-text-rendering: optimizelegibility; @button-default-background-color: color-lighten(@neutral, 85); @button-default-background-gradient-color-top: null; @button-default-background-gradient-color-bottom: null; @button-default-border-width: 0px; @button-default-border-color: null; @button-default-border-style: null; @button-default-border-top-width: null; @button-default-border-top-color: null; @button-default-border-top-style: null; @button-default-border-right-width: null; @button-default-border-right-color: null; @button-default-border-right-style: null; @button-default-border-bottom-width: null; @button-default-border-bottom-color: null; @button-default-border-bottom-style: null; @button-default-border-left-width: null; @button-default-border-left-color: null; @button-default-border-left-style: null; @button-default-caret-color: @button-default-text-color; @button-default-shadow: null; /* ----------------------------------------------------------------------------- Button (Default) State: Hover ----------------------------------------------------------------------------- */ @button-default-hover-text-color: color-lighten(@neutral, -20); @button-default-hover-text-font-family: null; @button-default-hover-text-font-style: null; @button-default-hover-text-font-weight: null; @button-default-hover-text-transform: null; @button-default-hover-text-shadow: null; @button-default-hover-text-decoration: none; @button-default-hover-text-rendering: null; @button-default-hover-background-color: color-lighten(@neutral, 80); @button-default-hover-background-gradient-color-top: null; @button-default-hover-background-gradient-color-bottom: null; @button-default-hover-border-width: null; @button-default-hover-border-color: null; @button-default-hover-border-style: null; @button-default-hover-border-top-width: null; @button-default-hover-border-top-color: null; @button-default-hover-border-top-style: null; @button-default-hover-border-right-width: null; @button-default-hover-border-right-color: null; @button-default-hover-border-right-style: null; @button-default-hover-border-bottom-width: null; @button-default-hover-border-bottom-color: null; @button-default-hover-border-bottom-style: null; @button-default-hover-border-left-width: null; @button-default-hover-border-left-color: null; @button-default-hover-border-left-style: null; @button-default-hover-caret-color: @button-default-hover-text-color; @button-default-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Default) State: Active ----------------------------------------------------------------------------- */ @button-default-active-text-color: color-lighten(@neutral, 20); @button-default-active-text-font-family: null; @button-default-active-text-font-style: null; @button-default-active-text-font-weight: null; @button-default-active-text-transform: null; @button-default-active-text-shadow: null; @button-default-active-text-decoration: null; @button-default-active-text-rendering: null; @button-default-active-background-color: color-lighten(@neutral, 65); @button-default-active-background-gradient-color-top: null; @button-default-active-background-gradient-color-bottom: null; @button-default-active-border-width: null; @button-default-active-border-color: null; @button-default-active-border-style: null; @button-default-active-border-top-width: null; @button-default-active-border-top-color: null; @button-default-active-border-top-style: null; @button-default-active-border-right-width: null; @button-default-active-border-right-color: null; @button-default-active-border-right-style: null; @button-default-active-border-bottom-width: null; @button-default-active-border-bottom-color: null; @button-default-active-border-bottom-style: null; @button-default-active-border-left-width: null; @button-default-active-border-left-color: null; @button-default-active-border-left-style: null; @button-default-active-caret-color: @button-default-active-text-color; @button-default-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Default) State: Selected ----------------------------------------------------------------------------- */ @button-default-selected-text-color: @button-default-active-text-color; @button-default-selected-text-font-family: @button-default-active-text-font-family; @button-default-selected-text-font-style: @button-default-active-text-font-style; @button-default-selected-text-font-weight: @button-default-active-text-font-weight; @button-default-selected-text-transform: @button-default-active-text-transform; @button-default-selected-text-shadow: @button-default-active-text-shadow; @button-default-selected-text-decoration: @button-default-active-text-decoration; @button-default-selected-text-rendering: @button-default-active-text-rendering; @button-default-selected-background-color: color-lighten(@neutral, 70); @button-default-selected-background-gradient-color-top: @button-default-active-background-gradient-color-top; @button-default-selected-background-gradient-color-bottom: @button-default-active-background-gradient-color-bottom; @button-default-selected-border-width: @button-default-active-border-width; @button-default-selected-border-color: @button-default-active-border-color; @button-default-selected-border-style: @button-default-active-border-style; @button-default-selected-border-top-width: @button-default-active-border-top-width; @button-default-selected-border-top-color: @button-default-active-border-top-color; @button-default-selected-border-top-style: @button-default-active-border-top-style; @button-default-selected-border-right-width: @button-default-active-border-right-width; @button-default-selected-border-right-color: @button-default-active-border-right-color; @button-default-selected-border-right-style: @button-default-active-border-right-style; @button-default-selected-border-bottom-width: @button-default-active-border-bottom-width; @button-default-selected-border-bottom-color: @button-default-active-border-bottom-color; @button-default-selected-border-bottom-style: @button-default-active-border-bottom-style; @button-default-selected-border-left-width: @button-default-active-border-left-width; @button-default-selected-border-left-color: @button-default-active-border-left-color; @button-default-selected-border-left-style: @button-default-active-border-left-style; @button-default-selected-caret-color: @button-default-active-caret-color; @button-default-selected-shadow: @button-default-active-shadow; /* ----------------------------------------------------------------------------- Button (Default) State: Disabled ----------------------------------------------------------------------------- */ @button-default-disabled-opacity: 0.5; @button-default-disabled-text-color: null; @button-default-disabled-text-font-family: null; @button-default-disabled-text-font-style: null; @button-default-disabled-text-font-weight: null; @button-default-disabled-text-transform: null; @button-default-disabled-text-shadow: null; @button-default-disabled-text-decoration: null; @button-default-disabled-text-rendering: null; @button-default-disabled-background-color: null; @button-default-disabled-background-gradient-color-top: null; @button-default-disabled-background-gradient-color-bottom: null; @button-default-disabled-border-width: null; @button-default-disabled-border-color: null; @button-default-disabled-border-style: null; @button-default-disabled-border-top-width: null; @button-default-disabled-border-top-color: null; @button-default-disabled-border-top-style: null; @button-default-disabled-border-right-width: null; @button-default-disabled-border-right-color: null; @button-default-disabled-border-right-style: null; @button-default-disabled-border-bottom-width: null; @button-default-disabled-border-bottom-color: null; @button-default-disabled-border-bottom-style: null; @button-default-disabled-border-left-width: null; @button-default-disabled-border-left-color: null; @button-default-disabled-border-left-style: null; @button-default-disabled-caret-color: null; @button-default-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Default, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-default-link-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Default, Link) State: Normal ----------------------------------------------------------------------------- */ @button-default-link-text-color: @button-default-text-color; @button-default-link-text-font-family: null; @button-default-link-text-font-style: null; @button-default-link-text-font-weight: null; @button-default-link-text-transform: null; @button-default-link-text-shadow: null; @button-default-link-text-decoration: null; @button-default-link-text-rendering: null; @button-default-link-background-color: none; @button-default-link-background-gradient-color-top: none; @button-default-link-background-gradient-color-bottom: none; @button-default-link-border-width: null; @button-default-link-border-color: null; @button-default-link-border-style: null; @button-default-link-border-top-width: null; @button-default-link-border-top-color: null; @button-default-link-border-top-style: null; @button-default-link-border-right-width: null; @button-default-link-border-right-color: null; @button-default-link-border-right-style: null; @button-default-link-border-bottom-width: null; @button-default-link-border-bottom-color: null; @button-default-link-border-bottom-style: null; @button-default-link-border-left-width: null; @button-default-link-border-left-color: null; @button-default-link-border-left-style: null; @button-default-link-caret-color: null; @button-default-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Link) State: Hover ----------------------------------------------------------------------------- */ @button-default-link-hover-text-color: @button-default-hover-text-color; @button-default-link-hover-text-font-family: null; @button-default-link-hover-text-font-style: null; @button-default-link-hover-text-font-weight: null; @button-default-link-hover-text-transform: null; @button-default-link-hover-text-shadow: null; @button-default-link-hover-text-decoration: null; @button-default-link-hover-text-rendering: null; @button-default-link-hover-background-color: null; @button-default-link-hover-background-gradient-color-top: null; @button-default-link-hover-background-gradient-color-bottom: null; @button-default-link-hover-border-width: null; @button-default-link-hover-border-color: null; @button-default-link-hover-border-style: null; @button-default-link-hover-border-top-width: null; @button-default-link-hover-border-top-color: null; @button-default-link-hover-border-top-style: null; @button-default-link-hover-border-right-width: null; @button-default-link-hover-border-right-color: null; @button-default-link-hover-border-right-style: null; @button-default-link-hover-border-bottom-width: null; @button-default-link-hover-border-bottom-color: null; @button-default-link-hover-border-bottom-style: null; @button-default-link-hover-border-left-width: null; @button-default-link-hover-border-left-color: null; @button-default-link-hover-border-left-style: null; @button-default-link-hover-caret-color: null; @button-default-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Link) State: Active ----------------------------------------------------------------------------- */ @button-default-link-active-text-color: @button-default-active-text-color; @button-default-link-active-text-font-family: null; @button-default-link-active-text-font-style: null; @button-default-link-active-text-font-weight: null; @button-default-link-active-text-transform: null; @button-default-link-active-text-shadow: null; @button-default-link-active-text-decoration: null; @button-default-link-active-text-rendering: null; @button-default-link-active-background-color: null; @button-default-link-active-background-gradient-color-top: null; @button-default-link-active-background-gradient-color-bottom: null; @button-default-link-active-border-width: null; @button-default-link-active-border-color: null; @button-default-link-active-border-style: null;; @button-default-link-active-border-top-width: null; @button-default-link-active-border-top-color: null; @button-default-link-active-border-top-style: null; @button-default-link-active-border-right-width: null; @button-default-link-active-border-right-color: null; @button-default-link-active-border-right-style: null; @button-default-link-active-border-bottom-width: null; @button-default-link-active-border-bottom-color: null; @button-default-link-active-border-bottom-style: null; @button-default-link-active-border-left-width: null; @button-default-link-active-border-left-color: null; @button-default-link-active-border-left-style: null; @button-default-link-active-caret-color: null; @button-default-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Link) State: Selected ----------------------------------------------------------------------------- */ @button-default-link-selected-text-color: @button-default-link-active-text-color; @button-default-link-selected-text-font-family: null; @button-default-link-selected-text-font-style: null; @button-default-link-selected-text-font-weight: null; @button-default-link-selected-text-transform: null; @button-default-link-selected-text-shadow: null; @button-default-link-selected-text-decoration: null; @button-default-link-selected-text-rendering: null; @button-default-link-selected-background-color: null; @button-default-link-selected-background-gradient-color-top: null; @button-default-link-selected-background-gradient-color-bottom: null; @button-default-link-selected-border-width: null; @button-default-link-selected-border-color: null; @button-default-link-selected-border-style: null; @button-default-link-selected-border-top-width: null; @button-default-link-selected-border-top-color: null; @button-default-link-selected-border-top-style: null; @button-default-link-selected-border-right-width: null; @button-default-link-selected-border-right-color: null; @button-default-link-selected-border-right-style: null; @button-default-link-selected-border-bottom-width: null; @button-default-link-selected-border-bottom-color: null; @button-default-link-selected-border-bottom-style: null; @button-default-link-selected-border-left-width: null; @button-default-link-selected-border-left-color: null; @button-default-link-selected-border-left-style: null; @button-default-link-selected-caret-color: null; @button-default-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-default-link-disabled-opacity: 0.5; @button-default-link-disabled-text-color: null; @button-default-link-disabled-text-font-family: null; @button-default-link-disabled-text-font-style: null; @button-default-link-disabled-text-font-weight: null; @button-default-link-disabled-text-transform: null; @button-default-link-disabled-text-shadow: null; @button-default-link-disabled-text-decoration: null; @button-default-link-disabled-text-rendering: null; @button-default-link-disabled-background-color: null; @button-default-link-disabled-background-gradient-color-top: null; @button-default-link-disabled-background-gradient-color-bottom: null; @button-default-link-disabled-border-width: null; @button-default-link-disabled-border-color: null; @button-default-link-disabled-border-style: null; @button-default-link-disabled-border-top-width: null; @button-default-link-disabled-border-top-color: null; @button-default-link-disabled-border-top-style: null; @button-default-link-disabled-border-right-width: null; @button-default-link-disabled-border-right-color: null; @button-default-link-disabled-border-right-style: null; @button-default-link-disabled-border-bottom-width: null; @button-default-link-disabled-border-bottom-color: null; @button-default-link-disabled-border-bottom-style: null; @button-default-link-disabled-border-left-width: null; @button-default-link-disabled-border-left-color: null; @button-default-link-disabled-border-left-style: null; @button-default-link-disabled-caret-color: null; @button-default-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Default, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-default-stroke-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Default, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-default-stroke-text-color: null; @button-default-stroke-text-font-family: null; @button-default-stroke-text-font-style: null; @button-default-stroke-text-font-weight: null; @button-default-stroke-text-transform: null; @button-default-stroke-text-shadow: null; @button-default-stroke-text-decoration: null; @button-default-stroke-text-rendering: null; @button-default-stroke-background-color: none; @button-default-stroke-background-gradient-color-top: none; @button-default-stroke-background-gradient-color-bottom: none; @button-default-stroke-border-width: 1px; @button-default-stroke-border-color: @button-default-background-color; @button-default-stroke-border-style: solid; @button-default-stroke-border-top-width: null; @button-default-stroke-border-top-color: null; @button-default-stroke-border-top-style: null; @button-default-stroke-border-right-width: null; @button-default-stroke-border-right-color: null; @button-default-stroke-border-right-style: null; @button-default-stroke-border-bottom-width: null; @button-default-stroke-border-bottom-color: null; @button-default-stroke-border-bottom-style: null; @button-default-stroke-border-left-width: null; @button-default-stroke-border-left-color: null; @button-default-stroke-border-left-style: null; @button-default-stroke-caret-color: null; @button-default-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-default-stroke-hover-text-color: null; @button-default-stroke-hover-text-font-family: null; @button-default-stroke-hover-text-font-style: null; @button-default-stroke-hover-text-font-weight: null; @button-default-stroke-hover-text-transform: null; @button-default-stroke-hover-text-shadow: null; @button-default-stroke-hover-text-decoration: null; @button-default-stroke-hover-text-rendering: null; @button-default-stroke-hover-background-color: hsla(hue(@neutral), saturation(@neutral), lightness(@neutral), 0.0125); @button-default-stroke-hover-background-gradient-color-top: null; @button-default-stroke-hover-background-gradient-color-bottom: null; @button-default-stroke-hover-border-width: null; @button-default-stroke-hover-border-color: @button-default-background-color; @button-default-stroke-hover-border-style: null; @button-default-stroke-hover-border-top-width: null; @button-default-stroke-hover-border-top-color: null; @button-default-stroke-hover-border-top-style: null; @button-default-stroke-hover-border-right-width: null; @button-default-stroke-hover-border-right-color: null; @button-default-stroke-hover-border-right-style: null; @button-default-stroke-hover-border-bottom-width: null; @button-default-stroke-hover-border-bottom-color: null; @button-default-stroke-hover-border-bottom-style: null; @button-default-stroke-hover-border-left-width: null; @button-default-stroke-hover-border-left-color: null; @button-default-stroke-hover-border-left-style: null; @button-default-stroke-hover-caret-color: null; @button-default-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-default-stroke-active-text-color: null; @button-default-stroke-active-text-font-family: null; @button-default-stroke-active-text-font-style: null; @button-default-stroke-active-text-font-weight: null; @button-default-stroke-active-text-transform: null; @button-default-stroke-active-text-shadow: null; @button-default-stroke-active-text-decoration: null; @button-default-stroke-active-text-rendering: null; @button-default-stroke-active-background-color: hsla(hue(@neutral), saturation(@neutral), lightness(@neutral), 0.025); @button-default-stroke-active-background-gradient-color-top: null; @button-default-stroke-active-background-gradient-color-bottom: null; @button-default-stroke-active-border-width: null; @button-default-stroke-active-border-color: null; @button-default-stroke-active-border-style: null; @button-default-stroke-active-border-top-width: null; @button-default-stroke-active-border-top-color: @button-default-background-color; @button-default-stroke-active-border-top-style: null; @button-default-stroke-active-border-right-width: null; @button-default-stroke-active-border-right-color: null; @button-default-stroke-active-border-right-style: null; @button-default-stroke-active-border-bottom-width: null; @button-default-stroke-active-border-bottom-color: null; @button-default-stroke-active-border-bottom-style: null; @button-default-stroke-active-border-left-width: null; @button-default-stroke-active-border-left-color: null; @button-default-stroke-active-border-left-style: null; @button-default-stroke-active-caret-color: null; @button-default-stroke-active-shadow: @button-default-background-color; /* ----------------------------------------------------------------------------- Button (Default, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-default-stroke-selected-text-color: null; @button-default-stroke-selected-text-font-family: null; @button-default-stroke-selected-text-font-style: null; @button-default-stroke-selected-text-font-weight: null; @button-default-stroke-selected-text-transform: null; @button-default-stroke-selected-text-shadow: null; @button-default-stroke-selected-text-decoration: null; @button-default-stroke-selected-text-rendering: null; @button-default-stroke-selected-background-color: @button-default-background-color; @button-default-stroke-selected-background-gradient-color-top: null; @button-default-stroke-selected-background-gradient-color-bottom: null; @button-default-stroke-selected-border-width: null; @button-default-stroke-selected-border-color: null; @button-default-stroke-selected-border-style: null; @button-default-stroke-selected-border-top-width: null; @button-default-stroke-selected-border-top-color: null; @button-default-stroke-selected-border-top-style: null; @button-default-stroke-selected-border-right-width: null; @button-default-stroke-selected-border-right-color: null; @button-default-stroke-selected-border-right-style: null; @button-default-stroke-selected-border-bottom-width: null; @button-default-stroke-selected-border-bottom-color: null; @button-default-stroke-selected-border-bottom-style: null; @button-default-stroke-selected-border-left-width: null; @button-default-stroke-selected-border-left-color: null; @button-default-stroke-selected-border-left-style: null; @button-default-stroke-selected-caret-color: null; @button-default-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-default-stroke-disabled-opacity: 0.5; @button-default-stroke-disabled-text-color: null; @button-default-stroke-disabled-text-font-family: null; @button-default-stroke-disabled-text-font-style: null; @button-default-stroke-disabled-text-font-weight: null; @button-default-stroke-disabled-text-transform: null; @button-default-stroke-disabled-text-shadow: null; @button-default-stroke-disabled-text-decoration: null; @button-default-stroke-disabled-text-rendering: null; @button-default-stroke-disabled-background-color: null; @button-default-stroke-disabled-background-gradient-color-top: null; @button-default-stroke-disabled-background-gradient-color-bottom: null; @button-default-stroke-disabled-border-width: null; @button-default-stroke-disabled-border-color: null; @button-default-stroke-disabled-border-style: null; @button-default-stroke-disabled-border-top-width: null; @button-default-stroke-disabled-border-top-color: null; @button-default-stroke-disabled-border-top-style: null; @button-default-stroke-disabled-border-right-width: null; @button-default-stroke-disabled-border-right-color: null; @button-default-stroke-disabled-border-right-style: null; @button-default-stroke-disabled-border-bottom-width: null; @button-default-stroke-disabled-border-bottom-color: null; @button-default-stroke-disabled-border-bottom-style: null; @button-default-stroke-disabled-border-left-width: null; @button-default-stroke-disabled-border-left-color: null; @button-default-stroke-disabled-border-left-style: null; @button-default-stroke-disabled-caret-color: null; @button-default-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Default, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-default-inverse-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Default, Inverse) State: Normal ----------------------------------------------------------------------------- */ @button-default-inverse-text-color: color-lighten(@white, 0); @button-default-inverse-text-font-family: null; @button-default-inverse-text-font-style: null; @button-default-inverse-text-font-weight: null; @button-default-inverse-text-transform: null; @button-default-inverse-text-shadow: null; @button-default-inverse-text-decoration: null; @button-default-inverse-text-rendering: null; @button-default-inverse-background-color: color-lighten(@neutral, 5); @button-default-inverse-background-gradient-color-top: null; @button-default-inverse-background-gradient-color-bottom: null; @button-default-inverse-border-width: null; @button-default-inverse-border-color: null; @button-default-inverse-border-style: null; @button-default-inverse-border-top-width: null; @button-default-inverse-border-top-color: null; @button-default-inverse-border-top-style: null; @button-default-inverse-border-right-width: null; @button-default-inverse-border-right-color: null; @button-default-inverse-border-right-style: null; @button-default-inverse-border-bottom-width: null; @button-default-inverse-border-bottom-color: null; @button-default-inverse-border-bottom-style: null; @button-default-inverse-border-left-width: null; @button-default-inverse-border-left-color: null; @button-default-inverse-border-left-style: null; @button-default-inverse-caret-color: @button-default-inverse-text-color; @button-default-inverse-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse) State: Hover ----------------------------------------------------------------------------- */ @button-default-inverse-hover-text-color: color-lighten(@white, 0); @button-default-inverse-hover-text-font-family: null; @button-default-inverse-hover-text-font-style: null; @button-default-inverse-hover-text-font-weight: null; @button-default-inverse-hover-text-transform: null; @button-default-inverse-hover-text-shadow: null; @button-default-inverse-hover-text-decoration: null; @button-default-inverse-hover-text-rendering: null; @button-default-inverse-hover-background-color: color-lighten(@neutral, 10); @button-default-inverse-hover-background-gradient-color-top: null; @button-default-inverse-hover-background-gradient-color-bottom: null; @button-default-inverse-hover-border-width: null; @button-default-inverse-hover-border-color: null; @button-default-inverse-hover-border-style: null; @button-default-inverse-hover-border-top-width: null; @button-default-inverse-hover-border-top-color: null; @button-default-inverse-hover-border-top-style: null; @button-default-inverse-hover-border-right-width: null; @button-default-inverse-hover-border-right-color: null; @button-default-inverse-hover-border-right-style: null; @button-default-inverse-hover-border-bottom-width: null; @button-default-inverse-hover-border-bottom-color: null; @button-default-inverse-hover-border-bottom-style: null; @button-default-inverse-hover-border-left-width: null; @button-default-inverse-hover-border-left-color: null; @button-default-inverse-hover-border-left-style: null; @button-default-inverse-hover-caret-color: @button-default-inverse-hover-text-color; @button-default-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse) State: Active ----------------------------------------------------------------------------- */ @button-default-inverse-active-text-color: color-lighten(@white, 0); @button-default-inverse-active-text-font-family: null; @button-default-inverse-active-text-font-style: null; @button-default-inverse-active-text-font-weight: null; @button-default-inverse-active-text-transform: null; @button-default-inverse-active-text-shadow: null; @button-default-inverse-active-text-decoration: null; @button-default-inverse-active-text-rendering: null; @button-default-inverse-active-background-color: color-lighten(@neutral, 15); @button-default-inverse-active-background-gradient-color-top: null; @button-default-inverse-active-background-gradient-color-bottom: null; @button-default-inverse-active-border-width: null; @button-default-inverse-active-border-color: null; @button-default-inverse-active-border-style: null; @button-default-inverse-active-border-top-width: null; @button-default-inverse-active-border-top-color: null; @button-default-inverse-active-border-top-style: null; @button-default-inverse-active-border-right-width: null; @button-default-inverse-active-border-right-color: null; @button-default-inverse-active-border-right-style: null; @button-default-inverse-active-border-bottom-width: null; @button-default-inverse-active-border-bottom-color: null; @button-default-inverse-active-border-bottom-style: null; @button-default-inverse-active-border-left-width: null; @button-default-inverse-active-border-left-color: null; @button-default-inverse-active-border-left-style: null; @button-default-inverse-active-caret-color: @button-default-inverse-active-text-color; @button-default-inverse-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse) State: Selected ----------------------------------------------------------------------------- */ @button-default-inverse-selected-text-color: @button-default-text-color; @button-default-inverse-selected-text-font-family: null; @button-default-inverse-selected-text-font-style: null; @button-default-inverse-selected-text-font-weight: null; @button-default-inverse-selected-text-transform: null; @button-default-inverse-selected-text-shadow: null; @button-default-inverse-selected-text-decoration: null; @button-default-inverse-selected-text-rendering: null; @button-default-inverse-selected-background-color: null; @button-default-inverse-selected-background-gradient-color-top: null; @button-default-inverse-selected-background-gradient-color-bottom: null; @button-default-inverse-selected-border-width: null; @button-default-inverse-selected-border-color: color-lighten(@white, 0); @button-default-inverse-selected-border-style: null; @button-default-inverse-selected-border-top-width: null; @button-default-inverse-selected-border-top-color: null; @button-default-inverse-selected-border-top-style: null; @button-default-inverse-selected-border-right-width: null; @button-default-inverse-selected-border-right-color: null; @button-default-inverse-selected-border-right-style: null; @button-default-inverse-selected-border-bottom-width: null; @button-default-inverse-selected-border-bottom-color: null; @button-default-inverse-selected-border-bottom-style: null; @button-default-inverse-selected-border-left-width: null; @button-default-inverse-selected-border-left-color: null; @button-default-inverse-selected-border-left-style: null; @button-default-inverse-selected-caret-color: @button-default-text-color; @button-default-inverse-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @button-default-inverse-disabled-opacity: 0.5; @button-default-inverse-disabled-text-color: null; @button-default-inverse-disabled-text-font-family: null; @button-default-inverse-disabled-text-font-style: null; @button-default-inverse-disabled-text-font-weight: null; @button-default-inverse-disabled-text-transform: null; @button-default-inverse-disabled-text-shadow: null; @button-default-inverse-disabled-text-decoration: null; @button-default-inverse-disabled-text-rendering: null; @button-default-inverse-disabled-background-color: null; @button-default-inverse-disabled-background-gradient-color-top: null; @button-default-inverse-disabled-background-gradient-color-bottom: null; @button-default-inverse-disabled-border-width: null; @button-default-inverse-disabled-border-color: null; @button-default-inverse-disabled-border-style: null; @button-default-inverse-disabled-border-top-width: null; @button-default-inverse-disabled-border-top-color: null; @button-default-inverse-disabled-border-top-style: null; @button-default-inverse-disabled-border-right-width: null; @button-default-inverse-disabled-border-right-color: null; @button-default-inverse-disabled-border-right-style: null; @button-default-inverse-disabled-border-bottom-width: null; @button-default-inverse-disabled-border-bottom-color: null; @button-default-inverse-disabled-border-bottom-style: null; @button-default-inverse-disabled-border-left-width: null; @button-default-inverse-disabled-border-left-color: null; @button-default-inverse-disabled-border-left-style: null; @button-default-inverse-disabled-caret-color: null; @button-default-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Default, Inverse, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-default-inverse-link-enabled: @button-default-link-enabled; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Link) State: Normal ----------------------------------------------------------------------------- */ @button-default-inverse-link-text-color: null; @button-default-inverse-link-text-font-family: null; @button-default-inverse-link-text-font-style: null; @button-default-inverse-link-text-font-weight: null; @button-default-inverse-link-text-transform: null; @button-default-inverse-link-text-shadow: null; @button-default-inverse-link-text-decoration: null; @button-default-inverse-link-text-rendering: null; @button-default-inverse-link-background-color: none; @button-default-inverse-link-background-gradient-color-top: none; @button-default-inverse-link-background-gradient-color-bottom: none; @button-default-inverse-link-border-width: null; @button-default-inverse-link-border-color: null; @button-default-inverse-link-border-style: null; @button-default-inverse-link-border-top-width: null; @button-default-inverse-link-border-top-color: null; @button-default-inverse-link-border-top-style: null; @button-default-inverse-link-border-right-width: null; @button-default-inverse-link-border-right-color: null; @button-default-inverse-link-border-right-style: null; @button-default-inverse-link-border-bottom-width: null; @button-default-inverse-link-border-bottom-color: null; @button-default-inverse-link-border-bottom-style: null; @button-default-inverse-link-border-left-width: null; @button-default-inverse-link-border-left-color: null; @button-default-inverse-link-border-left-style: null; @button-default-inverse-link-caret-color: null; @button-default-inverse-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Link) State: Hover ----------------------------------------------------------------------------- */ @button-default-inverse-link-hover-text-color: null; @button-default-inverse-link-hover-text-font-family: null; @button-default-inverse-link-hover-text-font-style: null; @button-default-inverse-link-hover-text-font-weight: null; @button-default-inverse-link-hover-text-transform: null; @button-default-inverse-link-hover-text-shadow: null; @button-default-inverse-link-hover-text-decoration: null; @button-default-inverse-link-hover-text-rendering: null; @button-default-inverse-link-hover-background-color: null; @button-default-inverse-link-hover-background-gradient-color-top: null; @button-default-inverse-link-hover-background-gradient-color-bottom: null; @button-default-inverse-link-hover-border-width: null; @button-default-inverse-link-hover-border-color: null; @button-default-inverse-link-hover-border-style: null; @button-default-inverse-link-hover-border-top-width: null; @button-default-inverse-link-hover-border-top-color: null; @button-default-inverse-link-hover-border-top-style: null; @button-default-inverse-link-hover-border-right-width: null; @button-default-inverse-link-hover-border-right-color: null; @button-default-inverse-link-hover-border-right-style: null; @button-default-inverse-link-hover-border-bottom-width: null; @button-default-inverse-link-hover-border-bottom-color: null; @button-default-inverse-link-hover-border-bottom-style: null; @button-default-inverse-link-hover-border-left-width: null; @button-default-inverse-link-hover-border-left-color: null; @button-default-inverse-link-hover-border-left-style: null; @button-default-inverse-link-hover-caret-color: null; @button-default-inverse-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Link) State: Active ----------------------------------------------------------------------------- */ @button-default-inverse-link-active-text-color: null; @button-default-inverse-link-active-text-font-family: null; @button-default-inverse-link-active-text-font-style: null; @button-default-inverse-link-active-text-font-weight: null; @button-default-inverse-link-active-text-transform: null; @button-default-inverse-link-active-text-shadow: null; @button-default-inverse-link-active-text-decoration: null; @button-default-inverse-link-active-text-rendering: null; @button-default-inverse-link-active-background-color: null; @button-default-inverse-link-active-background-gradient-color-top: null; @button-default-inverse-link-active-background-gradient-color-bottom: null; @button-default-inverse-link-active-border-width: null; @button-default-inverse-link-active-border-color: null; @button-default-inverse-link-active-border-style: null; @button-default-inverse-link-active-border-top-width: null; @button-default-inverse-link-active-border-top-color: null; @button-default-inverse-link-active-border-top-style: null; @button-default-inverse-link-active-border-right-width: null; @button-default-inverse-link-active-border-right-color: null; @button-default-inverse-link-active-border-right-style: null; @button-default-inverse-link-active-border-bottom-width: null; @button-default-inverse-link-active-border-bottom-color: null; @button-default-inverse-link-active-border-bottom-style: null; @button-default-inverse-link-active-border-left-width: null; @button-default-inverse-link-active-border-left-color: null; @button-default-inverse-link-active-border-left-style: null; @button-default-inverse-link-active-caret-color: null; @button-default-inverse-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Link) State: Selected ----------------------------------------------------------------------------- */ @button-default-inverse-link-selected-text-color: null; @button-default-inverse-link-selected-text-font-family: null; @button-default-inverse-link-selected-text-font-style: null; @button-default-inverse-link-selected-text-font-weight: null; @button-default-inverse-link-selected-text-transform: null; @button-default-inverse-link-selected-text-shadow: null; @button-default-inverse-link-selected-text-decoration: null; @button-default-inverse-link-selected-text-rendering: null; @button-default-inverse-link-selected-background-color: null; @button-default-inverse-link-selected-background-gradient-color-top: null; @button-default-inverse-link-selected-background-gradient-color-bottom: null; @button-default-inverse-link-selected-border-width: null; @button-default-inverse-link-selected-border-color: null; @button-default-inverse-link-selected-border-style: null; @button-default-inverse-link-selected-border-top-width: null; @button-default-inverse-link-selected-border-top-color: null; @button-default-inverse-link-selected-border-top-style: null; @button-default-inverse-link-selected-border-right-width: null; @button-default-inverse-link-selected-border-right-color: null; @button-default-inverse-link-selected-border-right-style: null; @button-default-inverse-link-selected-border-bottom-width: null; @button-default-inverse-link-selected-border-bottom-color: null; @button-default-inverse-link-selected-border-bottom-style: null; @button-default-inverse-link-selected-border-left-width: null; @button-default-inverse-link-selected-border-left-color: null; @button-default-inverse-link-selected-border-left-style: null; @button-default-inverse-link-selected-caret-color: null; @button-default-inverse-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-default-inverse-link-disabled-opacity: 0.5; @button-default-inverse-link-disabled-text-color: null; @button-default-inverse-link-disabled-text-font-family: null; @button-default-inverse-link-disabled-text-font-style: null; @button-default-inverse-link-disabled-text-font-weight: null; @button-default-inverse-link-disabled-text-transform: null; @button-default-inverse-link-disabled-text-shadow: null; @button-default-inverse-link-disabled-text-decoration: null; @button-default-inverse-link-disabled-text-rendering: null; @button-default-inverse-link-disabled-background-color: null; @button-default-inverse-link-disabled-background-gradient-color-top: null; @button-default-inverse-link-disabled-background-gradient-color-bottom: null; @button-default-inverse-link-disabled-border-width: null; @button-default-inverse-link-disabled-border-color: null; @button-default-inverse-link-disabled-border-style: null; @button-default-inverse-link-disabled-border-top-width: null; @button-default-inverse-link-disabled-border-top-color: null; @button-default-inverse-link-disabled-border-top-style: null; @button-default-inverse-link-disabled-border-right-width: null; @button-default-inverse-link-disabled-border-right-color: null; @button-default-inverse-link-disabled-border-right-style: null; @button-default-inverse-link-disabled-border-bottom-width: null; @button-default-inverse-link-disabled-border-bottom-color: null; @button-default-inverse-link-disabled-border-bottom-style: null; @button-default-inverse-link-disabled-border-left-width: null; @button-default-inverse-link-disabled-border-left-color: null; @button-default-inverse-link-disabled-border-left-style: null; @button-default-inverse-link-disabled-caret-color: null; @button-default-inverse-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Default, Inverse, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-default-inverse-stroke-enabled: @button-default-stroke-enabled; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-default-inverse-stroke-text-color: null; @button-default-inverse-stroke-text-font-family: null; @button-default-inverse-stroke-text-font-style: null; @button-default-inverse-stroke-text-font-weight: null; @button-default-inverse-stroke-text-transform: null; @button-default-inverse-stroke-text-shadow: null; @button-default-inverse-stroke-text-decoration: null; @button-default-inverse-stroke-text-rendering: null; @button-default-inverse-stroke-background-color: none; @button-default-inverse-stroke-background-gradient-color-top: none; @button-default-inverse-stroke-background-gradient-color-bottom: none; @button-default-inverse-stroke-border-width: null; @button-default-inverse-stroke-border-color: @button-default-inverse-background-color; @button-default-inverse-stroke-border-style: null; @button-default-inverse-stroke-border-top-width: null; @button-default-inverse-stroke-border-top-color: null; @button-default-inverse-stroke-border-top-style: null; @button-default-inverse-stroke-border-right-width: null; @button-default-inverse-stroke-border-right-color: null; @button-default-inverse-stroke-border-right-style: null; @button-default-inverse-stroke-border-bottom-width: null; @button-default-inverse-stroke-border-bottom-color: null; @button-default-inverse-stroke-border-bottom-style: null; @button-default-inverse-stroke-border-left-width: null; @button-default-inverse-stroke-border-left-color: null; @button-default-inverse-stroke-border-left-style: null; @button-default-inverse-stroke-caret-color: null; @button-default-inverse-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-default-inverse-stroke-hover-text-color: null; @button-default-inverse-stroke-hover-text-font-family: null; @button-default-inverse-stroke-hover-text-font-style: null; @button-default-inverse-stroke-hover-text-font-weight: null; @button-default-inverse-stroke-hover-text-transform: null; @button-default-inverse-stroke-hover-text-shadow: null; @button-default-inverse-stroke-hover-text-decoration: null; @button-default-inverse-stroke-hover-text-rendering: null; @button-default-inverse-stroke-hover-background-color: hsla(hue(@neutral), saturation(@neutral), lightness(@neutral), 0.4); @button-default-inverse-stroke-hover-background-gradient-color-top: null; @button-default-inverse-stroke-hover-background-gradient-color-bottom: null; @button-default-inverse-stroke-hover-border-width: null; @button-default-inverse-stroke-hover-border-color: @button-default-inverse-background-color; @button-default-inverse-stroke-hover-border-style: null; @button-default-inverse-stroke-hover-border-top-width: null; @button-default-inverse-stroke-hover-border-top-color: null; @button-default-inverse-stroke-hover-border-top-style: null; @button-default-inverse-stroke-hover-border-right-width: null; @button-default-inverse-stroke-hover-border-right-color: null; @button-default-inverse-stroke-hover-border-right-style: null; @button-default-inverse-stroke-hover-border-bottom-width: null; @button-default-inverse-stroke-hover-border-bottom-color: null; @button-default-inverse-stroke-hover-border-bottom-style: null; @button-default-inverse-stroke-hover-border-left-width: null; @button-default-inverse-stroke-hover-border-left-color: null; @button-default-inverse-stroke-hover-border-left-style: null; @button-default-inverse-stroke-hover-caret-color: null; @button-default-inverse-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-default-inverse-stroke-active-text-color: null; @button-default-inverse-stroke-active-text-font-family: null; @button-default-inverse-stroke-active-text-font-style: null; @button-default-inverse-stroke-active-text-font-weight: null; @button-default-inverse-stroke-active-text-transform: null; @button-default-inverse-stroke-active-text-shadow: null; @button-default-inverse-stroke-active-text-decoration: null; @button-default-inverse-stroke-active-text-rendering: null; @button-default-inverse-stroke-active-background-color: hsla(hue(@neutral), saturation(@neutral), lightness(@neutral), 0.6); @button-default-inverse-stroke-active-background-gradient-color-top: null; @button-default-inverse-stroke-active-background-gradient-color-bottom: null; @button-default-inverse-stroke-active-border-width: null; @button-default-inverse-stroke-active-border-color: @button-default-inverse-background-color; @button-default-inverse-stroke-active-border-style: null; @button-default-inverse-stroke-active-border-top-width: null; @button-default-inverse-stroke-active-border-top-color: null; @button-default-inverse-stroke-active-border-top-style: null; @button-default-inverse-stroke-active-border-right-width: null; @button-default-inverse-stroke-active-border-right-color: null; @button-default-inverse-stroke-active-border-right-style: null; @button-default-inverse-stroke-active-border-bottom-width: null; @button-default-inverse-stroke-active-border-bottom-color: null; @button-default-inverse-stroke-active-border-bottom-style: null; @button-default-inverse-stroke-active-border-left-width: null; @button-default-inverse-stroke-active-border-left-color: null; @button-default-inverse-stroke-active-border-left-style: null; @button-default-inverse-stroke-active-caret-color: null; @button-default-inverse-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-default-inverse-stroke-selected-text-color: @white; @button-default-inverse-stroke-selected-text-font-family: null; @button-default-inverse-stroke-selected-text-font-style: null; @button-default-inverse-stroke-selected-text-font-weight: null; @button-default-inverse-stroke-selected-text-transform: null; @button-default-inverse-stroke-selected-text-shadow: null; @button-default-inverse-stroke-selected-text-decoration: null; @button-default-inverse-stroke-selected-text-rendering: null; @button-default-inverse-stroke-selected-background-color: @button-default-inverse-background-color; @button-default-inverse-stroke-selected-background-gradient-color-top: null; @button-default-inverse-stroke-selected-background-gradient-color-bottom: null; @button-default-inverse-stroke-selected-border-width: null; @button-default-inverse-stroke-selected-border-color: null; @button-default-inverse-stroke-selected-border-style: null; @button-default-inverse-stroke-selected-border-top-width: null; @button-default-inverse-stroke-selected-border-top-color: null; @button-default-inverse-stroke-selected-border-top-style: null; @button-default-inverse-stroke-selected-border-right-width: null; @button-default-inverse-stroke-selected-border-right-color: null; @button-default-inverse-stroke-selected-border-right-style: null; @button-default-inverse-stroke-selected-border-bottom-width: null; @button-default-inverse-stroke-selected-border-bottom-color: null; @button-default-inverse-stroke-selected-border-bottom-style: null; @button-default-inverse-stroke-selected-border-left-width: null; @button-default-inverse-stroke-selected-border-left-color: null; @button-default-inverse-stroke-selected-border-left-style: null; @button-default-inverse-stroke-selected-caret-color: null; @button-default-inverse-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Default, Inverse, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-default-inverse-stroke-disabled-opacity: 0.5; @button-default-inverse-stroke-disabled-text-color: null; @button-default-inverse-stroke-disabled-text-font-family: null; @button-default-inverse-stroke-disabled-text-font-style: null; @button-default-inverse-stroke-disabled-text-font-weight: null; @button-default-inverse-stroke-disabled-text-transform: null; @button-default-inverse-stroke-disabled-text-shadow: null; @button-default-inverse-stroke-disabled-text-decoration: null; @button-default-inverse-stroke-disabled-text-rendering: null; @button-default-inverse-stroke-disabled-background-color: null; @button-default-inverse-stroke-disabled-background-gradient-color-top: null; @button-default-inverse-stroke-disabled-background-gradient-color-bottom: null; @button-default-inverse-stroke-disabled-border-width: null; @button-default-inverse-stroke-disabled-border-color: null; @button-default-inverse-stroke-disabled-border-style: null; @button-default-inverse-stroke-disabled-border-top-width: null; @button-default-inverse-stroke-disabled-border-top-color: null; @button-default-inverse-stroke-disabled-border-top-style: null; @button-default-inverse-stroke-disabled-border-right-width: null; @button-default-inverse-stroke-disabled-border-right-color: null; @button-default-inverse-stroke-disabled-border-right-style: null; @button-default-inverse-stroke-disabled-border-bottom-width: null; @button-default-inverse-stroke-disabled-border-bottom-color: null; @button-default-inverse-stroke-disabled-border-bottom-style: null; @button-default-inverse-stroke-disabled-border-left-width: null; @button-default-inverse-stroke-disabled-border-left-color: null; @button-default-inverse-stroke-disabled-border-left-style: null; @button-default-inverse-stroke-disabled-caret-color: null; @button-default-inverse-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Primary) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-primary-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Primary) State: Normal ----------------------------------------------------------------------------- */ @button-primary-text-color: color-lighten(@white, 0); @button-primary-text-font-family: null; @button-primary-text-font-style: null; @button-primary-text-font-weight: null; @button-primary-text-transform: null; @button-primary-text-shadow: null; @button-primary-text-decoration: null; @button-primary-text-rendering: null; @button-primary-background-color: color-lighten(@purple, 0); @button-primary-background-gradient-color-top: null; @button-primary-background-gradient-color-bottom: null; @button-primary-border-width: null; @button-primary-border-color: null; @button-primary-border-style: null; @button-primary-border-top-width: null; @button-primary-border-top-color: null; @button-primary-border-top-style: null; @button-primary-border-right-width: null; @button-primary-border-right-color: null; @button-primary-border-right-style: null; @button-primary-border-bottom-width: null; @button-primary-border-bottom-color: null; @button-primary-border-bottom-style: null; @button-primary-border-left-width: null; @button-primary-border-left-color: null; @button-primary-border-left-style: null; @button-primary-caret-color: @button-primary-text-color; @button-primary-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary) State: Hover ----------------------------------------------------------------------------- */ @button-primary-hover-text-color: null; @button-primary-hover-text-font-family: null; @button-primary-hover-text-font-style: null; @button-primary-hover-text-font-weight: null; @button-primary-hover-text-transform: null; @button-primary-hover-text-shadow: null; @button-primary-hover-text-decoration: null; @button-primary-hover-text-rendering: null; @button-primary-hover-background-color: color-lighten(@purple, -10); @button-primary-hover-background-gradient-color-top: null; @button-primary-hover-background-gradient-color-bottom: null; @button-primary-hover-border-width: null; @button-primary-hover-border-color: null; @button-primary-hover-border-style: null; @button-primary-hover-border-top-width: null; @button-primary-hover-border-top-color: null; @button-primary-hover-border-top-style: null; @button-primary-hover-border-right-width: null; @button-primary-hover-border-right-color: null; @button-primary-hover-border-right-style: null; @button-primary-hover-border-bottom-width: null; @button-primary-hover-border-bottom-color: null; @button-primary-hover-border-bottom-style: null; @button-primary-hover-border-left-width: null; @button-primary-hover-border-left-color: null; @button-primary-hover-border-left-style: null; @button-primary-hover-caret-color: null; @button-primary-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary) State: Active ----------------------------------------------------------------------------- */ @button-primary-active-text-color: color-lighten(@purple, 80); @button-primary-active-text-font-family: null; @button-primary-active-text-font-style: null; @button-primary-active-text-font-weight: null; @button-primary-active-text-transform: null; @button-primary-active-text-shadow: null; @button-primary-active-text-decoration: null; @button-primary-active-text-rendering: null; @button-primary-active-background-color: color-lighten(@purple, -30); @button-primary-active-background-gradient-color-top: null; @button-primary-active-background-gradient-color-bottom: null; @button-primary-active-border-width: null; @button-primary-active-border-color: null; @button-primary-active-border-style: null; @button-primary-active-border-top-width: null; @button-primary-active-border-top-color: null; @button-primary-active-border-top-style: null; @button-primary-active-border-right-width: null; @button-primary-active-border-right-color: null; @button-primary-active-border-right-style: null; @button-primary-active-border-bottom-width: null; @button-primary-active-border-bottom-color: null; @button-primary-active-border-bottom-style: null; @button-primary-active-border-left-width: null; @button-primary-active-border-left-color: null; @button-primary-active-border-left-style: null; @button-primary-active-caret-color: @button-primary-active-text-color; @button-primary-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary) State: Selected ----------------------------------------------------------------------------- */ @button-primary-selected-text-color: @button-primary-active-text-color; @button-primary-selected-text-font-family: @button-primary-active-text-font-family; @button-primary-selected-text-font-style: @button-primary-active-text-font-style; @button-primary-selected-text-font-weight: @button-primary-active-text-font-weight; @button-primary-selected-text-transform: @button-primary-active-text-transform; @button-primary-selected-text-shadow: @button-primary-active-text-shadow; @button-primary-selected-text-decoration: @button-primary-active-text-decoration; @button-primary-selected-text-rendering: @button-primary-active-text-rendering; @button-primary-selected-background-color: color-lighten(@purple, -20); @button-primary-selected-background-gradient-color-top: @button-primary-active-background-gradient-color-top; @button-primary-selected-background-gradient-color-bottom: @button-primary-active-background-gradient-color-bottom; @button-primary-selected-border-width: @button-primary-active-border-width; @button-primary-selected-border-color: @button-primary-active-border-color; @button-primary-selected-border-style: @button-primary-active-border-style; @button-primary-selected-border-top-width: @button-primary-active-border-top-width; @button-primary-selected-border-top-color: @button-primary-active-border-top-color; @button-primary-selected-border-top-style: @button-primary-active-border-top-style; @button-primary-selected-border-right-width: @button-primary-active-border-right-width; @button-primary-selected-border-right-color: @button-primary-active-border-right-color; @button-primary-selected-border-right-style: @button-primary-active-border-right-style; @button-primary-selected-border-bottom-width: @button-primary-active-border-bottom-width; @button-primary-selected-border-bottom-color: @button-primary-active-border-bottom-color; @button-primary-selected-border-bottom-style: @button-primary-active-border-bottom-style; @button-primary-selected-border-left-width: @button-primary-active-border-left-width; @button-primary-selected-border-left-color: @button-primary-active-border-left-color; @button-primary-selected-border-left-style: @button-primary-active-border-left-style; @button-primary-selected-caret-color: @button-primary-active-caret-color; @button-primary-selected-shadow: @button-primary-active-shadow; /* ----------------------------------------------------------------------------- Button (Primary) State: Disabled ----------------------------------------------------------------------------- */ @button-primary-disabled-opacity: 0.5; @button-primary-disabled-text-color: null; @button-primary-disabled-text-font-family: null; @button-primary-disabled-text-font-style: null; @button-primary-disabled-text-font-weight: null; @button-primary-disabled-text-transform: null; @button-primary-disabled-text-shadow: null; @button-primary-disabled-text-decoration: null; @button-primary-disabled-text-rendering: null; @button-primary-disabled-background-color: null; @button-primary-disabled-background-gradient-color-top: null; @button-primary-disabled-background-gradient-color-bottom: null; @button-primary-disabled-border-width: null; @button-primary-disabled-border-color: null; @button-primary-disabled-border-style: null; @button-primary-disabled-border-top-width: null; @button-primary-disabled-border-top-color: null; @button-primary-disabled-border-top-style: null; @button-primary-disabled-border-right-width: null; @button-primary-disabled-border-right-color: null; @button-primary-disabled-border-right-style: null; @button-primary-disabled-border-bottom-width: null; @button-primary-disabled-border-bottom-color: null; @button-primary-disabled-border-bottom-style: null; @button-primary-disabled-border-left-width: null; @button-primary-disabled-border-left-color: null; @button-primary-disabled-border-left-style: null; @button-primary-disabled-caret-color: null; @button-primary-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Primary, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-primary-link-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Primary, Link) State: Normal ----------------------------------------------------------------------------- */ @button-primary-link-text-color: @button-primary-background-color; @button-primary-link-text-font-family: null; @button-primary-link-text-font-style: null; @button-primary-link-text-font-weight: null; @button-primary-link-text-transform: null; @button-primary-link-text-shadow: null; @button-primary-link-text-decoration: null; @button-primary-link-text-rendering: null; @button-primary-link-background-color: none; @button-primary-link-background-gradient-color-top: none; @button-primary-link-background-gradient-color-bottom: none; @button-primary-link-border-width: null; @button-primary-link-border-color: null; @button-primary-link-border-style: null; @button-primary-link-border-top-width: null; @button-primary-link-border-top-color: null; @button-primary-link-border-top-style: null; @button-primary-link-border-right-width: null; @button-primary-link-border-right-color: null; @button-primary-link-border-right-style: null; @button-primary-link-border-bottom-width: null; @button-primary-link-border-bottom-color: null; @button-primary-link-border-bottom-style: null; @button-primary-link-border-left-width: null; @button-primary-link-border-left-color: null; @button-primary-link-border-left-style: null; @button-primary-link-caret-color: null; @button-primary-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Link) State: Hover ----------------------------------------------------------------------------- */ @button-primary-link-hover-text-color: @button-primary-hover-background-color; @button-primary-link-hover-text-font-family: null; @button-primary-link-hover-text-font-style: null; @button-primary-link-hover-text-font-weight: null; @button-primary-link-hover-text-transform: null; @button-primary-link-hover-text-shadow: null; @button-primary-link-hover-text-decoration: null; @button-primary-link-hover-text-rendering: null; @button-primary-link-hover-background-color: null; @button-primary-link-hover-background-gradient-color-top: null; @button-primary-link-hover-background-gradient-color-bottom: null; @button-primary-link-hover-border-width: null; @button-primary-link-hover-border-color: null; @button-primary-link-hover-border-style: null; @button-primary-link-hover-border-top-width: null; @button-primary-link-hover-border-top-color: null; @button-primary-link-hover-border-top-style: null; @button-primary-link-hover-border-right-width: null; @button-primary-link-hover-border-right-color: null; @button-primary-link-hover-border-right-style: null; @button-primary-link-hover-border-bottom-width: null; @button-primary-link-hover-border-bottom-color: null; @button-primary-link-hover-border-bottom-style: null; @button-primary-link-hover-border-left-width: null; @button-primary-link-hover-border-left-color: null; @button-primary-link-hover-border-left-style: null; @button-primary-link-hover-caret-color: null; @button-primary-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Link) State: Active ----------------------------------------------------------------------------- */ @button-primary-link-active-text-color: @button-primary-active-background-color; @button-primary-link-active-text-font-family: null; @button-primary-link-active-text-font-style: null; @button-primary-link-active-text-font-weight: null; @button-primary-link-active-text-transform: null; @button-primary-link-active-text-shadow: null; @button-primary-link-active-text-decoration: null; @button-primary-link-active-text-rendering: null; @button-primary-link-active-background-color: null; @button-primary-link-active-background-gradient-color-top: null; @button-primary-link-active-background-gradient-color-bottom: null; @button-primary-link-active-border-width: null; @button-primary-link-active-border-color: null; @button-primary-link-active-border-style: null;; @button-primary-link-active-border-top-width: null; @button-primary-link-active-border-top-color: null; @button-primary-link-active-border-top-style: null; @button-primary-link-active-border-right-width: null; @button-primary-link-active-border-right-color: null; @button-primary-link-active-border-right-style: null; @button-primary-link-active-border-bottom-width: null; @button-primary-link-active-border-bottom-color: null; @button-primary-link-active-border-bottom-style: null; @button-primary-link-active-border-left-width: null; @button-primary-link-active-border-left-color: null; @button-primary-link-active-border-left-style: null; @button-primary-link-active-caret-color: null; @button-primary-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Link) State: Selected ----------------------------------------------------------------------------- */ @button-primary-link-selected-text-color: @button-primary-link-active-text-color; @button-primary-link-selected-text-font-family: null; @button-primary-link-selected-text-font-style: null; @button-primary-link-selected-text-font-weight: null; @button-primary-link-selected-text-transform: null; @button-primary-link-selected-text-shadow: null; @button-primary-link-selected-text-decoration: null; @button-primary-link-selected-text-rendering: null; @button-primary-link-selected-background-color: null; @button-primary-link-selected-background-gradient-color-top: null; @button-primary-link-selected-background-gradient-color-bottom: null; @button-primary-link-selected-border-width: null; @button-primary-link-selected-border-color: null; @button-primary-link-selected-border-style: null; @button-primary-link-selected-border-top-width: null; @button-primary-link-selected-border-top-color: null; @button-primary-link-selected-border-top-style: null; @button-primary-link-selected-border-right-width: null; @button-primary-link-selected-border-right-color: null; @button-primary-link-selected-border-right-style: null; @button-primary-link-selected-border-bottom-width: null; @button-primary-link-selected-border-bottom-color: null; @button-primary-link-selected-border-bottom-style: null; @button-primary-link-selected-border-left-width: null; @button-primary-link-selected-border-left-color: null; @button-primary-link-selected-border-left-style: null; @button-primary-link-selected-caret-color: null; @button-primary-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-primary-link-disabled-opacity: 0.5; @button-primary-link-disabled-text-color: null; @button-primary-link-disabled-text-font-family: null; @button-primary-link-disabled-text-font-style: null; @button-primary-link-disabled-text-font-weight: null; @button-primary-link-disabled-text-transform: null; @button-primary-link-disabled-text-shadow: null; @button-primary-link-disabled-text-decoration: null; @button-primary-link-disabled-text-rendering: null; @button-primary-link-disabled-background-color: null; @button-primary-link-disabled-background-gradient-color-top: null; @button-primary-link-disabled-background-gradient-color-bottom: null; @button-primary-link-disabled-border-width: null; @button-primary-link-disabled-border-color: null; @button-primary-link-disabled-border-style: null; @button-primary-link-disabled-border-top-width: null; @button-primary-link-disabled-border-top-color: null; @button-primary-link-disabled-border-top-style: null; @button-primary-link-disabled-border-right-width: null; @button-primary-link-disabled-border-right-color: null; @button-primary-link-disabled-border-right-style: null; @button-primary-link-disabled-border-bottom-width: null; @button-primary-link-disabled-border-bottom-color: null; @button-primary-link-disabled-border-bottom-style: null; @button-primary-link-disabled-border-left-width: null; @button-primary-link-disabled-border-left-color: null; @button-primary-link-disabled-border-left-style: null; @button-primary-link-disabled-caret-color: null; @button-primary-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Primary, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-primary-stroke-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Primary, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-primary-stroke-text-color: @button-primary-background-color; @button-primary-stroke-text-font-family: null; @button-primary-stroke-text-font-style: null; @button-primary-stroke-text-font-weight: null; @button-primary-stroke-text-transform: null; @button-primary-stroke-text-shadow: null; @button-primary-stroke-text-decoration: null; @button-primary-stroke-text-rendering: null; @button-primary-stroke-background-color: none; @button-primary-stroke-background-gradient-color-top: none; @button-primary-stroke-background-gradient-color-bottom: none; @button-primary-stroke-border-width: null; @button-primary-stroke-border-color: @button-primary-background-color; @button-primary-stroke-border-style: null; @button-primary-stroke-border-top-width: null; @button-primary-stroke-border-top-color: null; @button-primary-stroke-border-top-style: null; @button-primary-stroke-border-right-width: null; @button-primary-stroke-border-right-color: null; @button-primary-stroke-border-right-style: null; @button-primary-stroke-border-bottom-width: null; @button-primary-stroke-border-bottom-color: null; @button-primary-stroke-border-bottom-style: null; @button-primary-stroke-border-left-width: null; @button-primary-stroke-border-left-color: null; @button-primary-stroke-border-left-style: null; @button-primary-stroke-caret-color: null; @button-primary-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-primary-stroke-hover-text-color: @button-primary-hover-background-color; @button-primary-stroke-hover-text-font-family: null; @button-primary-stroke-hover-text-font-style: null; @button-primary-stroke-hover-text-font-weight: null; @button-primary-stroke-hover-text-transform: null; @button-primary-stroke-hover-text-shadow: null; @button-primary-stroke-hover-text-decoration: null; @button-primary-stroke-hover-text-rendering: null; @button-primary-stroke-hover-background-color: hsla(hue(@purple), saturation(@purple), lightness(@purple), 0.025); @button-primary-stroke-hover-background-gradient-color-top: null; @button-primary-stroke-hover-background-gradient-color-bottom: null; @button-primary-stroke-hover-border-width: null; @button-primary-stroke-hover-border-color: null; @button-primary-stroke-hover-border-style: null; @button-primary-stroke-hover-border-top-width: null; @button-primary-stroke-hover-border-top-color: null; @button-primary-stroke-hover-border-top-style: null; @button-primary-stroke-hover-border-right-width: null; @button-primary-stroke-hover-border-right-color: null; @button-primary-stroke-hover-border-right-style: null; @button-primary-stroke-hover-border-bottom-width: null; @button-primary-stroke-hover-border-bottom-color: null; @button-primary-stroke-hover-border-bottom-style: null; @button-primary-stroke-hover-border-left-width: null; @button-primary-stroke-hover-border-left-color: null; @button-primary-stroke-hover-border-left-style: null; @button-primary-stroke-hover-caret-color: null; @button-primary-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-primary-stroke-active-text-color: @button-primary-active-background-color; @button-primary-stroke-active-text-font-family: null; @button-primary-stroke-active-text-font-style: null; @button-primary-stroke-active-text-font-weight: null; @button-primary-stroke-active-text-transform: null; @button-primary-stroke-active-text-shadow: null; @button-primary-stroke-active-text-decoration: null; @button-primary-stroke-active-text-rendering: null; @button-primary-stroke-active-background-color: hsla(hue(@purple), saturation(@purple), lightness(@purple), 0.05); @button-primary-stroke-active-background-gradient-color-top: null; @button-primary-stroke-active-background-gradient-color-bottom: null; @button-primary-stroke-active-border-width: null; @button-primary-stroke-active-border-color: null; @button-primary-stroke-active-border-style: null; @button-primary-stroke-active-border-top-width: null; @button-primary-stroke-active-border-top-color: null; @button-primary-stroke-active-border-top-style: null; @button-primary-stroke-active-border-right-width: null; @button-primary-stroke-active-border-right-color: null; @button-primary-stroke-active-border-right-style: null; @button-primary-stroke-active-border-bottom-width: null; @button-primary-stroke-active-border-bottom-color: null; @button-primary-stroke-active-border-bottom-style: null; @button-primary-stroke-active-border-left-width: null; @button-primary-stroke-active-border-left-color: null; @button-primary-stroke-active-border-left-style: null; @button-primary-stroke-active-caret-color: null; @button-primary-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-primary-stroke-selected-text-color: @white; @button-primary-stroke-selected-text-font-family: null; @button-primary-stroke-selected-text-font-style: null; @button-primary-stroke-selected-text-font-weight: null; @button-primary-stroke-selected-text-transform: null; @button-primary-stroke-selected-text-shadow: null; @button-primary-stroke-selected-text-decoration: null; @button-primary-stroke-selected-text-rendering: null; @button-primary-stroke-selected-background-color: @button-primary-background-color; @button-primary-stroke-selected-background-gradient-color-top: null; @button-primary-stroke-selected-background-gradient-color-bottom: null; @button-primary-stroke-selected-border-width: null; @button-primary-stroke-selected-border-color: null; @button-primary-stroke-selected-border-style: null; @button-primary-stroke-selected-border-top-width: null; @button-primary-stroke-selected-border-top-color: null; @button-primary-stroke-selected-border-top-style: null; @button-primary-stroke-selected-border-right-width: null; @button-primary-stroke-selected-border-right-color: null; @button-primary-stroke-selected-border-right-style: null; @button-primary-stroke-selected-border-bottom-width: null; @button-primary-stroke-selected-border-bottom-color: null; @button-primary-stroke-selected-border-bottom-style: null; @button-primary-stroke-selected-border-left-width: null; @button-primary-stroke-selected-border-left-color: null; @button-primary-stroke-selected-border-left-style: null; @button-primary-stroke-selected-caret-color: null; @button-primary-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-primary-stroke-disabled-opacity: 0.5; @button-primary-stroke-disabled-text-color: null; @button-primary-stroke-disabled-text-font-family: null; @button-primary-stroke-disabled-text-font-style: null; @button-primary-stroke-disabled-text-font-weight: null; @button-primary-stroke-disabled-text-transform: null; @button-primary-stroke-disabled-text-shadow: null; @button-primary-stroke-disabled-text-decoration: null; @button-primary-stroke-disabled-text-rendering: null; @button-primary-stroke-disabled-background-color: null; @button-primary-stroke-disabled-background-gradient-color-top: null; @button-primary-stroke-disabled-background-gradient-color-bottom: null; @button-primary-stroke-disabled-border-width: null; @button-primary-stroke-disabled-border-color: null; @button-primary-stroke-disabled-border-style: null; @button-primary-stroke-disabled-border-top-width: null; @button-primary-stroke-disabled-border-top-color: null; @button-primary-stroke-disabled-border-top-style: null; @button-primary-stroke-disabled-border-right-width: null; @button-primary-stroke-disabled-border-right-color: null; @button-primary-stroke-disabled-border-right-style: null; @button-primary-stroke-disabled-border-bottom-width: null; @button-primary-stroke-disabled-border-bottom-color: null; @button-primary-stroke-disabled-border-bottom-style: null; @button-primary-stroke-disabled-border-left-width: null; @button-primary-stroke-disabled-border-left-color: null; @button-primary-stroke-disabled-border-left-style: null; @button-primary-stroke-disabled-caret-color: null; @button-primary-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Primary, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-primary-inverse-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Primary, Inverse) State: Normal ----------------------------------------------------------------------------- */ @button-primary-inverse-text-color: @button-primary-background-color; @button-primary-inverse-text-font-family: null; @button-primary-inverse-text-font-style: null; @button-primary-inverse-text-font-weight: null; @button-primary-inverse-text-transform: null; @button-primary-inverse-text-shadow: null; @button-primary-inverse-text-decoration: null; @button-primary-inverse-text-rendering: null; @button-primary-inverse-background-color: @button-primary-text-color; @button-primary-inverse-background-gradient-color-top: null; @button-primary-inverse-background-gradient-color-bottom: null; @button-primary-inverse-border-width: null; @button-primary-inverse-border-color: null; @button-primary-inverse-border-style: null; @button-primary-inverse-border-top-width: null; @button-primary-inverse-border-top-color: null; @button-primary-inverse-border-top-style: null; @button-primary-inverse-border-right-width: null; @button-primary-inverse-border-right-color: null; @button-primary-inverse-border-right-style: null; @button-primary-inverse-border-bottom-width: null; @button-primary-inverse-border-bottom-color: null; @button-primary-inverse-border-bottom-style: null; @button-primary-inverse-border-left-width: null; @button-primary-inverse-border-left-color: null; @button-primary-inverse-border-left-style: null; @button-primary-inverse-caret-color: @button-primary-inverse-text-color; @button-primary-inverse-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse) State: Hover ----------------------------------------------------------------------------- */ @button-primary-inverse-hover-text-color: @button-primary-hover-background-color; @button-primary-inverse-hover-text-font-family: null; @button-primary-inverse-hover-text-font-style: null; @button-primary-inverse-hover-text-font-weight: null; @button-primary-inverse-hover-text-transform: null; @button-primary-inverse-hover-text-shadow: null; @button-primary-inverse-hover-text-decoration: null; @button-primary-inverse-hover-text-rendering: null; @button-primary-inverse-hover-background-color: color-lighten(@purple, 90); @button-primary-inverse-hover-background-gradient-color-top: null; @button-primary-inverse-hover-background-gradient-color-bottom: null; @button-primary-inverse-hover-border-width: null; @button-primary-inverse-hover-border-color: null; @button-primary-inverse-hover-border-style: null; @button-primary-inverse-hover-border-top-width: null; @button-primary-inverse-hover-border-top-color: null; @button-primary-inverse-hover-border-top-style: null; @button-primary-inverse-hover-border-right-width: null; @button-primary-inverse-hover-border-right-color: null; @button-primary-inverse-hover-border-right-style: null; @button-primary-inverse-hover-border-bottom-width: null; @button-primary-inverse-hover-border-bottom-color: null; @button-primary-inverse-hover-border-bottom-style: null; @button-primary-inverse-hover-border-left-width: null; @button-primary-inverse-hover-border-left-color: null; @button-primary-inverse-hover-border-left-style: null; @button-primary-inverse-hover-caret-color: @button-primary-inverse-hover-text-color; @button-primary-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse) State: Active ----------------------------------------------------------------------------- */ @button-primary-inverse-active-text-color: @button-primary-hover-background-color; @button-primary-inverse-active-text-font-family: null; @button-primary-inverse-active-text-font-style: null; @button-primary-inverse-active-text-font-weight: null; @button-primary-inverse-active-text-transform: null; @button-primary-inverse-active-text-shadow: null; @button-primary-inverse-active-text-decoration: null; @button-primary-inverse-active-text-rendering: null; @button-primary-inverse-active-background-color: color-lighten(@purple, 80); @button-primary-inverse-active-background-gradient-color-top: null; @button-primary-inverse-active-background-gradient-color-bottom: null; @button-primary-inverse-active-border-width: null; @button-primary-inverse-active-border-color: null; @button-primary-inverse-active-border-style: null; @button-primary-inverse-active-border-top-width: null; @button-primary-inverse-active-border-top-color: null; @button-primary-inverse-active-border-top-style: null; @button-primary-inverse-active-border-right-width: null; @button-primary-inverse-active-border-right-color: null; @button-primary-inverse-active-border-right-style: null; @button-primary-inverse-active-border-bottom-width: null; @button-primary-inverse-active-border-bottom-color: null; @button-primary-inverse-active-border-bottom-style: null; @button-primary-inverse-active-border-left-width: null; @button-primary-inverse-active-border-left-color: null; @button-primary-inverse-active-border-left-style: null; @button-primary-inverse-active-caret-color: @button-primary-inverse-active-text-color; @button-primary-inverse-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse) State: Selected ----------------------------------------------------------------------------- */ @button-primary-inverse-selected-text-color: @white; @button-primary-inverse-selected-text-font-family: null; @button-primary-inverse-selected-text-font-style: null; @button-primary-inverse-selected-text-font-weight: null; @button-primary-inverse-selected-text-transform: null; @button-primary-inverse-selected-text-shadow: null; @button-primary-inverse-selected-text-decoration: null; @button-primary-inverse-selected-text-rendering: null; @button-primary-inverse-selected-background-color: color-lighten(@purple, 0); @button-primary-inverse-selected-background-gradient-color-top: null; @button-primary-inverse-selected-background-gradient-color-bottom: null; @button-primary-inverse-selected-border-width: null; @button-primary-inverse-selected-border-color: color-lighten(@purple, 0); @button-primary-inverse-selected-border-style: null; @button-primary-inverse-selected-border-top-width: null; @button-primary-inverse-selected-border-top-color: null; @button-primary-inverse-selected-border-top-style: null; @button-primary-inverse-selected-border-right-width: null; @button-primary-inverse-selected-border-right-color: null; @button-primary-inverse-selected-border-right-style: null; @button-primary-inverse-selected-border-bottom-width: null; @button-primary-inverse-selected-border-bottom-color: null; @button-primary-inverse-selected-border-bottom-style: null; @button-primary-inverse-selected-border-left-width: null; @button-primary-inverse-selected-border-left-color: null; @button-primary-inverse-selected-border-left-style: null; @button-primary-inverse-selected-caret-color: @button-primary-text-color; @button-primary-inverse-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @button-primary-inverse-disabled-opacity: 0.5; @button-primary-inverse-disabled-text-color: null; @button-primary-inverse-disabled-text-font-family: null; @button-primary-inverse-disabled-text-font-style: null; @button-primary-inverse-disabled-text-font-weight: null; @button-primary-inverse-disabled-text-transform: null; @button-primary-inverse-disabled-text-shadow: null; @button-primary-inverse-disabled-text-decoration: null; @button-primary-inverse-disabled-text-rendering: null; @button-primary-inverse-disabled-background-color: null; @button-primary-inverse-disabled-background-gradient-color-top: null; @button-primary-inverse-disabled-background-gradient-color-bottom: null; @button-primary-inverse-disabled-border-width: null; @button-primary-inverse-disabled-border-color: null; @button-primary-inverse-disabled-border-style: null; @button-primary-inverse-disabled-border-top-width: null; @button-primary-inverse-disabled-border-top-color: null; @button-primary-inverse-disabled-border-top-style: null; @button-primary-inverse-disabled-border-right-width: null; @button-primary-inverse-disabled-border-right-color: null; @button-primary-inverse-disabled-border-right-style: null; @button-primary-inverse-disabled-border-bottom-width: null; @button-primary-inverse-disabled-border-bottom-color: null; @button-primary-inverse-disabled-border-bottom-style: null; @button-primary-inverse-disabled-border-left-width: null; @button-primary-inverse-disabled-border-left-color: null; @button-primary-inverse-disabled-border-left-style: null; @button-primary-inverse-disabled-caret-color: null; @button-primary-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Primary, Inverse, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-primary-inverse-link-enabled: @button-primary-link-enabled; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Link) State: Normal ----------------------------------------------------------------------------- */ @button-primary-inverse-link-text-color: null; @button-primary-inverse-link-text-font-family: null; @button-primary-inverse-link-text-font-style: null; @button-primary-inverse-link-text-font-weight: null; @button-primary-inverse-link-text-transform: null; @button-primary-inverse-link-text-shadow: null; @button-primary-inverse-link-text-decoration: null; @button-primary-inverse-link-text-rendering: null; @button-primary-inverse-link-background-color: none; @button-primary-inverse-link-background-gradient-color-top: none; @button-primary-inverse-link-background-gradient-color-bottom: none; @button-primary-inverse-link-border-width: null; @button-primary-inverse-link-border-color: null; @button-primary-inverse-link-border-style: null; @button-primary-inverse-link-border-top-width: null; @button-primary-inverse-link-border-top-color: null; @button-primary-inverse-link-border-top-style: null; @button-primary-inverse-link-border-right-width: null; @button-primary-inverse-link-border-right-color: null; @button-primary-inverse-link-border-right-style: null; @button-primary-inverse-link-border-bottom-width: null; @button-primary-inverse-link-border-bottom-color: null; @button-primary-inverse-link-border-bottom-style: null; @button-primary-inverse-link-border-left-width: null; @button-primary-inverse-link-border-left-color: null; @button-primary-inverse-link-border-left-style: null; @button-primary-inverse-link-caret-color: null; @button-primary-inverse-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Link) State: Hover ----------------------------------------------------------------------------- */ @button-primary-inverse-link-hover-text-color: null; @button-primary-inverse-link-hover-text-font-family: null; @button-primary-inverse-link-hover-text-font-style: null; @button-primary-inverse-link-hover-text-font-weight: null; @button-primary-inverse-link-hover-text-transform: null; @button-primary-inverse-link-hover-text-shadow: null; @button-primary-inverse-link-hover-text-decoration: null; @button-primary-inverse-link-hover-text-rendering: null; @button-primary-inverse-link-hover-background-color: null; @button-primary-inverse-link-hover-background-gradient-color-top: null; @button-primary-inverse-link-hover-background-gradient-color-bottom: null; @button-primary-inverse-link-hover-border-width: null; @button-primary-inverse-link-hover-border-color: null; @button-primary-inverse-link-hover-border-style: null; @button-primary-inverse-link-hover-border-top-width: null; @button-primary-inverse-link-hover-border-top-color: null; @button-primary-inverse-link-hover-border-top-style: null; @button-primary-inverse-link-hover-border-right-width: null; @button-primary-inverse-link-hover-border-right-color: null; @button-primary-inverse-link-hover-border-right-style: null; @button-primary-inverse-link-hover-border-bottom-width: null; @button-primary-inverse-link-hover-border-bottom-color: null; @button-primary-inverse-link-hover-border-bottom-style: null; @button-primary-inverse-link-hover-border-left-width: null; @button-primary-inverse-link-hover-border-left-color: null; @button-primary-inverse-link-hover-border-left-style: null; @button-primary-inverse-link-hover-caret-color: null; @button-primary-inverse-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Link) State: Active ----------------------------------------------------------------------------- */ @button-primary-inverse-link-active-text-color: null; @button-primary-inverse-link-active-text-font-family: null; @button-primary-inverse-link-active-text-font-style: null; @button-primary-inverse-link-active-text-font-weight: null; @button-primary-inverse-link-active-text-transform: null; @button-primary-inverse-link-active-text-shadow: null; @button-primary-inverse-link-active-text-decoration: null; @button-primary-inverse-link-active-text-rendering: null; @button-primary-inverse-link-active-background-color: null; @button-primary-inverse-link-active-background-gradient-color-top: null; @button-primary-inverse-link-active-background-gradient-color-bottom: null; @button-primary-inverse-link-active-border-width: null; @button-primary-inverse-link-active-border-color: null; @button-primary-inverse-link-active-border-style: null; @button-primary-inverse-link-active-border-top-width: null; @button-primary-inverse-link-active-border-top-color: null; @button-primary-inverse-link-active-border-top-style: null; @button-primary-inverse-link-active-border-right-width: null; @button-primary-inverse-link-active-border-right-color: null; @button-primary-inverse-link-active-border-right-style: null; @button-primary-inverse-link-active-border-bottom-width: null; @button-primary-inverse-link-active-border-bottom-color: null; @button-primary-inverse-link-active-border-bottom-style: null; @button-primary-inverse-link-active-border-left-width: null; @button-primary-inverse-link-active-border-left-color: null; @button-primary-inverse-link-active-border-left-style: null; @button-primary-inverse-link-active-caret-color: null; @button-primary-inverse-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Link) State: Selected ----------------------------------------------------------------------------- */ @button-primary-inverse-link-selected-text-color: null; @button-primary-inverse-link-selected-text-font-family: null; @button-primary-inverse-link-selected-text-font-style: null; @button-primary-inverse-link-selected-text-font-weight: null; @button-primary-inverse-link-selected-text-transform: null; @button-primary-inverse-link-selected-text-shadow: null; @button-primary-inverse-link-selected-text-decoration: null; @button-primary-inverse-link-selected-text-rendering: null; @button-primary-inverse-link-selected-background-color: null; @button-primary-inverse-link-selected-background-gradient-color-top: null; @button-primary-inverse-link-selected-background-gradient-color-bottom: null; @button-primary-inverse-link-selected-border-width: null; @button-primary-inverse-link-selected-border-color: null; @button-primary-inverse-link-selected-border-style: null; @button-primary-inverse-link-selected-border-top-width: null; @button-primary-inverse-link-selected-border-top-color: null; @button-primary-inverse-link-selected-border-top-style: null; @button-primary-inverse-link-selected-border-right-width: null; @button-primary-inverse-link-selected-border-right-color: null; @button-primary-inverse-link-selected-border-right-style: null; @button-primary-inverse-link-selected-border-bottom-width: null; @button-primary-inverse-link-selected-border-bottom-color: null; @button-primary-inverse-link-selected-border-bottom-style: null; @button-primary-inverse-link-selected-border-left-width: null; @button-primary-inverse-link-selected-border-left-color: null; @button-primary-inverse-link-selected-border-left-style: null; @button-primary-inverse-link-selected-caret-color: null; @button-primary-inverse-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-primary-inverse-link-disabled-opacity: 0.5; @button-primary-inverse-link-disabled-text-color: null; @button-primary-inverse-link-disabled-text-font-family: null; @button-primary-inverse-link-disabled-text-font-style: null; @button-primary-inverse-link-disabled-text-font-weight: null; @button-primary-inverse-link-disabled-text-transform: null; @button-primary-inverse-link-disabled-text-shadow: null; @button-primary-inverse-link-disabled-text-decoration: null; @button-primary-inverse-link-disabled-text-rendering: null; @button-primary-inverse-link-disabled-background-color: null; @button-primary-inverse-link-disabled-background-gradient-color-top: null; @button-primary-inverse-link-disabled-background-gradient-color-bottom: null; @button-primary-inverse-link-disabled-border-width: null; @button-primary-inverse-link-disabled-border-color: null; @button-primary-inverse-link-disabled-border-style: null; @button-primary-inverse-link-disabled-border-top-width: null; @button-primary-inverse-link-disabled-border-top-color: null; @button-primary-inverse-link-disabled-border-top-style: null; @button-primary-inverse-link-disabled-border-right-width: null; @button-primary-inverse-link-disabled-border-right-color: null; @button-primary-inverse-link-disabled-border-right-style: null; @button-primary-inverse-link-disabled-border-bottom-width: null; @button-primary-inverse-link-disabled-border-bottom-color: null; @button-primary-inverse-link-disabled-border-bottom-style: null; @button-primary-inverse-link-disabled-border-left-width: null; @button-primary-inverse-link-disabled-border-left-color: null; @button-primary-inverse-link-disabled-border-left-style: null; @button-primary-inverse-link-disabled-caret-color: null; @button-primary-inverse-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Primary, Inverse, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-primary-inverse-stroke-enabled: @button-primary-stroke-enabled; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-primary-inverse-stroke-text-color: @white; @button-primary-inverse-stroke-text-font-family: null; @button-primary-inverse-stroke-text-font-style: null; @button-primary-inverse-stroke-text-font-weight: null; @button-primary-inverse-stroke-text-transform: null; @button-primary-inverse-stroke-text-shadow: null; @button-primary-inverse-stroke-text-decoration: null; @button-primary-inverse-stroke-text-rendering: null; @button-primary-inverse-stroke-background-color: none; @button-primary-inverse-stroke-background-gradient-color-top: none; @button-primary-inverse-stroke-background-gradient-color-bottom: none; @button-primary-inverse-stroke-border-width: null; @button-primary-inverse-stroke-border-color: color-lighten(@purple, 0); @button-primary-inverse-stroke-border-style: null; @button-primary-inverse-stroke-border-top-width: null; @button-primary-inverse-stroke-border-top-color: null; @button-primary-inverse-stroke-border-top-style: null; @button-primary-inverse-stroke-border-right-width: null; @button-primary-inverse-stroke-border-right-color: null; @button-primary-inverse-stroke-border-right-style: null; @button-primary-inverse-stroke-border-bottom-width: null; @button-primary-inverse-stroke-border-bottom-color: null; @button-primary-inverse-stroke-border-bottom-style: null; @button-primary-inverse-stroke-border-left-width: null; @button-primary-inverse-stroke-border-left-color: null; @button-primary-inverse-stroke-border-left-style: null; @button-primary-inverse-stroke-caret-color: null; @button-primary-inverse-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-primary-inverse-stroke-hover-text-color: null; @button-primary-inverse-stroke-hover-text-font-family: null; @button-primary-inverse-stroke-hover-text-font-style: null; @button-primary-inverse-stroke-hover-text-font-weight: null; @button-primary-inverse-stroke-hover-text-transform: null; @button-primary-inverse-stroke-hover-text-shadow: null; @button-primary-inverse-stroke-hover-text-decoration: null; @button-primary-inverse-stroke-hover-text-rendering: null; @button-primary-inverse-stroke-hover-background-color: hsla(hue(@purple), saturation(@purple), lightness(@purple), 0.2); @button-primary-inverse-stroke-hover-background-gradient-color-top: null; @button-primary-inverse-stroke-hover-background-gradient-color-bottom: null; @button-primary-inverse-stroke-hover-border-width: null; @button-primary-inverse-stroke-hover-border-color: color-lighten(@purple, 0); @button-primary-inverse-stroke-hover-border-style: null; @button-primary-inverse-stroke-hover-border-top-width: null; @button-primary-inverse-stroke-hover-border-top-color: null; @button-primary-inverse-stroke-hover-border-top-style: null; @button-primary-inverse-stroke-hover-border-right-width: null; @button-primary-inverse-stroke-hover-border-right-color: null; @button-primary-inverse-stroke-hover-border-right-style: null; @button-primary-inverse-stroke-hover-border-bottom-width: null; @button-primary-inverse-stroke-hover-border-bottom-color: null; @button-primary-inverse-stroke-hover-border-bottom-style: null; @button-primary-inverse-stroke-hover-border-left-width: null; @button-primary-inverse-stroke-hover-border-left-color: null; @button-primary-inverse-stroke-hover-border-left-style: null; @button-primary-inverse-stroke-hover-caret-color: null; @button-primary-inverse-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-primary-inverse-stroke-active-text-color: null; @button-primary-inverse-stroke-active-text-font-family: null; @button-primary-inverse-stroke-active-text-font-style: null; @button-primary-inverse-stroke-active-text-font-weight: null; @button-primary-inverse-stroke-active-text-transform: null; @button-primary-inverse-stroke-active-text-shadow: null; @button-primary-inverse-stroke-active-text-decoration: null; @button-primary-inverse-stroke-active-text-rendering: null; @button-primary-inverse-stroke-active-background-color: hsla(hue(@purple), saturation(@purple), lightness(@purple), 0.4); @button-primary-inverse-stroke-active-background-gradient-color-top: null; @button-primary-inverse-stroke-active-background-gradient-color-bottom: null; @button-primary-inverse-stroke-active-border-width: null; @button-primary-inverse-stroke-active-border-color: color-lighten(@purple, 0); @button-primary-inverse-stroke-active-border-style: null; @button-primary-inverse-stroke-active-border-top-width: null; @button-primary-inverse-stroke-active-border-top-color: null; @button-primary-inverse-stroke-active-border-top-style: null; @button-primary-inverse-stroke-active-border-right-width: null; @button-primary-inverse-stroke-active-border-right-color: null; @button-primary-inverse-stroke-active-border-right-style: null; @button-primary-inverse-stroke-active-border-bottom-width: null; @button-primary-inverse-stroke-active-border-bottom-color: null; @button-primary-inverse-stroke-active-border-bottom-style: null; @button-primary-inverse-stroke-active-border-left-width: null; @button-primary-inverse-stroke-active-border-left-color: null; @button-primary-inverse-stroke-active-border-left-style: null; @button-primary-inverse-stroke-active-caret-color: null; @button-primary-inverse-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-primary-inverse-stroke-selected-text-color: @white; @button-primary-inverse-stroke-selected-text-font-family: null; @button-primary-inverse-stroke-selected-text-font-style: null; @button-primary-inverse-stroke-selected-text-font-weight: null; @button-primary-inverse-stroke-selected-text-transform: null; @button-primary-inverse-stroke-selected-text-shadow: null; @button-primary-inverse-stroke-selected-text-decoration: null; @button-primary-inverse-stroke-selected-text-rendering: null; @button-primary-inverse-stroke-selected-background-color: @button-primary-background-color; @button-primary-inverse-stroke-selected-background-gradient-color-top: null; @button-primary-inverse-stroke-selected-background-gradient-color-bottom: null; @button-primary-inverse-stroke-selected-border-width: null; @button-primary-inverse-stroke-selected-border-color: null; @button-primary-inverse-stroke-selected-border-style: null; @button-primary-inverse-stroke-selected-border-top-width: null; @button-primary-inverse-stroke-selected-border-top-color: null; @button-primary-inverse-stroke-selected-border-top-style: null; @button-primary-inverse-stroke-selected-border-right-width: null; @button-primary-inverse-stroke-selected-border-right-color: null; @button-primary-inverse-stroke-selected-border-right-style: null; @button-primary-inverse-stroke-selected-border-bottom-width: null; @button-primary-inverse-stroke-selected-border-bottom-color: null; @button-primary-inverse-stroke-selected-border-bottom-style: null; @button-primary-inverse-stroke-selected-border-left-width: null; @button-primary-inverse-stroke-selected-border-left-color: null; @button-primary-inverse-stroke-selected-border-left-style: null; @button-primary-inverse-stroke-selected-caret-color: null; @button-primary-inverse-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Primary, Inverse, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-primary-inverse-stroke-disabled-opacity: 0.5; @button-primary-inverse-stroke-disabled-text-color: null; @button-primary-inverse-stroke-disabled-text-font-family: null; @button-primary-inverse-stroke-disabled-text-font-style: null; @button-primary-inverse-stroke-disabled-text-font-weight: null; @button-primary-inverse-stroke-disabled-text-transform: null; @button-primary-inverse-stroke-disabled-text-shadow: null; @button-primary-inverse-stroke-disabled-text-decoration: null; @button-primary-inverse-stroke-disabled-text-rendering: null; @button-primary-inverse-stroke-disabled-background-color: null; @button-primary-inverse-stroke-disabled-background-gradient-color-top: null; @button-primary-inverse-stroke-disabled-background-gradient-color-bottom: null; @button-primary-inverse-stroke-disabled-border-width: null; @button-primary-inverse-stroke-disabled-border-color: null; @button-primary-inverse-stroke-disabled-border-style: null; @button-primary-inverse-stroke-disabled-border-top-width: null; @button-primary-inverse-stroke-disabled-border-top-color: null; @button-primary-inverse-stroke-disabled-border-top-style: null; @button-primary-inverse-stroke-disabled-border-right-width: null; @button-primary-inverse-stroke-disabled-border-right-color: null; @button-primary-inverse-stroke-disabled-border-right-style: null; @button-primary-inverse-stroke-disabled-border-bottom-width: null; @button-primary-inverse-stroke-disabled-border-bottom-color: null; @button-primary-inverse-stroke-disabled-border-bottom-style: null; @button-primary-inverse-stroke-disabled-border-left-width: null; @button-primary-inverse-stroke-disabled-border-left-color: null; @button-primary-inverse-stroke-disabled-border-left-style: null; @button-primary-inverse-stroke-disabled-caret-color: null; @button-primary-inverse-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-success-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Success) State: Normal ----------------------------------------------------------------------------- */ @button-success-text-color: color-lighten(@white, 0); @button-success-text-font-family: null; @button-success-text-font-style: null; @button-success-text-font-weight: null; @button-success-text-transform: null; @button-success-text-shadow: null; @button-success-text-decoration: null; @button-success-text-rendering: null; @button-success-background-color: color-lighten(@green, 0); @button-success-background-gradient-color-top: null; @button-success-background-gradient-color-bottom: null; @button-success-border-width: null; @button-success-border-color: null; @button-success-border-style: null; @button-success-border-top-width: null; @button-success-border-top-color: null; @button-success-border-top-style: null; @button-success-border-right-width: null; @button-success-border-right-color: null; @button-success-border-right-style: null; @button-success-border-bottom-width: null; @button-success-border-bottom-color: null; @button-success-border-bottom-style: null; @button-success-border-left-width: null; @button-success-border-left-color: null; @button-success-border-left-style: null; @button-success-caret-color: @button-success-text-color; @button-success-shadow: null; /* ----------------------------------------------------------------------------- Button (Success) State: Hover ----------------------------------------------------------------------------- */ @button-success-hover-text-color: null; @button-success-hover-text-font-family: null; @button-success-hover-text-font-style: null; @button-success-hover-text-font-weight: null; @button-success-hover-text-transform: null; @button-success-hover-text-shadow: null; @button-success-hover-text-decoration: null; @button-success-hover-text-rendering: null; @button-success-hover-background-color: color-lighten(@green, -10); @button-success-hover-background-gradient-color-top: null; @button-success-hover-background-gradient-color-bottom: null; @button-success-hover-border-width: null; @button-success-hover-border-color: null; @button-success-hover-border-style: null; @button-success-hover-border-top-width: null; @button-success-hover-border-top-color: null; @button-success-hover-border-top-style: null; @button-success-hover-border-right-width: null; @button-success-hover-border-right-color: null; @button-success-hover-border-right-style: null; @button-success-hover-border-bottom-width: null; @button-success-hover-border-bottom-color: null; @button-success-hover-border-bottom-style: null; @button-success-hover-border-left-width: null; @button-success-hover-border-left-color: null; @button-success-hover-border-left-style: null; @button-success-hover-caret-color: null; @button-success-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Success) State: Active ----------------------------------------------------------------------------- */ @button-success-active-text-color: color-lighten(@green, 80); @button-success-active-text-font-family: null; @button-success-active-text-font-style: null; @button-success-active-text-font-weight: null; @button-success-active-text-transform: null; @button-success-active-text-shadow: null; @button-success-active-text-decoration: null; @button-success-active-text-rendering: null; @button-success-active-background-color: color-lighten(@green, -30); @button-success-active-background-gradient-color-top: null; @button-success-active-background-gradient-color-bottom: null; @button-success-active-border-width: null; @button-success-active-border-color: null; @button-success-active-border-style: null; @button-success-active-border-top-width: null; @button-success-active-border-top-color: null; @button-success-active-border-top-style: null; @button-success-active-border-right-width: null; @button-success-active-border-right-color: null; @button-success-active-border-right-style: null; @button-success-active-border-bottom-width: null; @button-success-active-border-bottom-color: null; @button-success-active-border-bottom-style: null; @button-success-active-border-left-width: null; @button-success-active-border-left-color: null; @button-success-active-border-left-style: null; @button-success-active-caret-color: @button-success-active-text-color; @button-success-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Success) State: Selected ----------------------------------------------------------------------------- */ @button-success-selected-text-color: @button-success-active-text-color; @button-success-selected-text-font-family: @button-success-active-text-font-family; @button-success-selected-text-font-style: @button-success-active-text-font-style; @button-success-selected-text-font-weight: @button-success-active-text-font-weight; @button-success-selected-text-transform: @button-success-active-text-transform; @button-success-selected-text-shadow: @button-success-active-text-shadow; @button-success-selected-text-decoration: @button-success-active-text-decoration; @button-success-selected-text-rendering: @button-success-active-text-rendering; @button-success-selected-background-color: color-lighten(@green, -20); @button-success-selected-background-gradient-color-top: @button-success-active-background-gradient-color-top; @button-success-selected-background-gradient-color-bottom: @button-success-active-background-gradient-color-bottom; @button-success-selected-border-width: @button-success-active-border-width; @button-success-selected-border-color: @button-success-active-border-color; @button-success-selected-border-style: @button-success-active-border-style; @button-success-selected-border-top-width: @button-success-active-border-top-width; @button-success-selected-border-top-color: @button-success-active-border-top-color; @button-success-selected-border-top-style: @button-success-active-border-top-style; @button-success-selected-border-right-width: @button-success-active-border-right-width; @button-success-selected-border-right-color: @button-success-active-border-right-color; @button-success-selected-border-right-style: @button-success-active-border-right-style; @button-success-selected-border-bottom-width: @button-success-active-border-bottom-width; @button-success-selected-border-bottom-color: @button-success-active-border-bottom-color; @button-success-selected-border-bottom-style: @button-success-active-border-bottom-style; @button-success-selected-border-left-width: @button-success-active-border-left-width; @button-success-selected-border-left-color: @button-success-active-border-left-color; @button-success-selected-border-left-style: @button-success-active-border-left-style; @button-success-selected-caret-color: @button-success-active-caret-color; @button-success-selected-shadow: @button-success-active-shadow; /* ----------------------------------------------------------------------------- Button (Success) State: Disabled ----------------------------------------------------------------------------- */ @button-success-disabled-opacity: 0.5; @button-success-disabled-text-color: null; @button-success-disabled-text-font-family: null; @button-success-disabled-text-font-style: null; @button-success-disabled-text-font-weight: null; @button-success-disabled-text-transform: null; @button-success-disabled-text-shadow: null; @button-success-disabled-text-decoration: null; @button-success-disabled-text-rendering: null; @button-success-disabled-background-color: null; @button-success-disabled-background-gradient-color-top: null; @button-success-disabled-background-gradient-color-bottom: null; @button-success-disabled-border-width: null; @button-success-disabled-border-color: null; @button-success-disabled-border-style: null; @button-success-disabled-border-top-width: null; @button-success-disabled-border-top-color: null; @button-success-disabled-border-top-style: null; @button-success-disabled-border-right-width: null; @button-success-disabled-border-right-color: null; @button-success-disabled-border-right-style: null; @button-success-disabled-border-bottom-width: null; @button-success-disabled-border-bottom-color: null; @button-success-disabled-border-bottom-style: null; @button-success-disabled-border-left-width: null; @button-success-disabled-border-left-color: null; @button-success-disabled-border-left-style: null; @button-success-disabled-caret-color: null; @button-success-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Success, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-success-link-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Success, Link) State: Normal ----------------------------------------------------------------------------- */ @button-success-link-text-color: @button-success-background-color; @button-success-link-text-font-family: null; @button-success-link-text-font-style: null; @button-success-link-text-font-weight: null; @button-success-link-text-transform: null; @button-success-link-text-shadow: null; @button-success-link-text-decoration: null; @button-success-link-text-rendering: null; @button-success-link-background-color: none; @button-success-link-background-gradient-color-top: none; @button-success-link-background-gradient-color-bottom: none; @button-success-link-border-width: null; @button-success-link-border-color: null; @button-success-link-border-style: null; @button-success-link-border-top-width: null; @button-success-link-border-top-color: null; @button-success-link-border-top-style: null; @button-success-link-border-right-width: null; @button-success-link-border-right-color: null; @button-success-link-border-right-style: null; @button-success-link-border-bottom-width: null; @button-success-link-border-bottom-color: null; @button-success-link-border-bottom-style: null; @button-success-link-border-left-width: null; @button-success-link-border-left-color: null; @button-success-link-border-left-style: null; @button-success-link-caret-color: null; @button-success-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Link) State: Hover ----------------------------------------------------------------------------- */ @button-success-link-hover-text-color: @button-success-hover-background-color; @button-success-link-hover-text-font-family: null; @button-success-link-hover-text-font-style: null; @button-success-link-hover-text-font-weight: null; @button-success-link-hover-text-transform: null; @button-success-link-hover-text-shadow: null; @button-success-link-hover-text-decoration: null; @button-success-link-hover-text-rendering: null; @button-success-link-hover-background-color: null; @button-success-link-hover-background-gradient-color-top: null; @button-success-link-hover-background-gradient-color-bottom: null; @button-success-link-hover-border-width: null; @button-success-link-hover-border-color: null; @button-success-link-hover-border-style: null; @button-success-link-hover-border-top-width: null; @button-success-link-hover-border-top-color: null; @button-success-link-hover-border-top-style: null; @button-success-link-hover-border-right-width: null; @button-success-link-hover-border-right-color: null; @button-success-link-hover-border-right-style: null; @button-success-link-hover-border-bottom-width: null; @button-success-link-hover-border-bottom-color: null; @button-success-link-hover-border-bottom-style: null; @button-success-link-hover-border-left-width: null; @button-success-link-hover-border-left-color: null; @button-success-link-hover-border-left-style: null; @button-success-link-hover-caret-color: null; @button-success-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Link) State: Active ----------------------------------------------------------------------------- */ @button-success-link-active-text-color: @button-success-active-background-color; @button-success-link-active-text-font-family: null; @button-success-link-active-text-font-style: null; @button-success-link-active-text-font-weight: null; @button-success-link-active-text-transform: null; @button-success-link-active-text-shadow: null; @button-success-link-active-text-decoration: null; @button-success-link-active-text-rendering: null; @button-success-link-active-background-color: null; @button-success-link-active-background-gradient-color-top: null; @button-success-link-active-background-gradient-color-bottom: null; @button-success-link-active-border-width: null; @button-success-link-active-border-color: null; @button-success-link-active-border-style: null;; @button-success-link-active-border-top-width: null; @button-success-link-active-border-top-color: null; @button-success-link-active-border-top-style: null; @button-success-link-active-border-right-width: null; @button-success-link-active-border-right-color: null; @button-success-link-active-border-right-style: null; @button-success-link-active-border-bottom-width: null; @button-success-link-active-border-bottom-color: null; @button-success-link-active-border-bottom-style: null; @button-success-link-active-border-left-width: null; @button-success-link-active-border-left-color: null; @button-success-link-active-border-left-style: null; @button-success-link-active-caret-color: null; @button-success-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Link) State: Selected ----------------------------------------------------------------------------- */ @button-success-link-selected-text-color: @button-success-link-active-text-color; @button-success-link-selected-text-font-family: null; @button-success-link-selected-text-font-style: null; @button-success-link-selected-text-font-weight: null; @button-success-link-selected-text-transform: null; @button-success-link-selected-text-shadow: null; @button-success-link-selected-text-decoration: null; @button-success-link-selected-text-rendering: null; @button-success-link-selected-background-color: null; @button-success-link-selected-background-gradient-color-top: null; @button-success-link-selected-background-gradient-color-bottom: null; @button-success-link-selected-border-width: null; @button-success-link-selected-border-color: null; @button-success-link-selected-border-style: null; @button-success-link-selected-border-top-width: null; @button-success-link-selected-border-top-color: null; @button-success-link-selected-border-top-style: null; @button-success-link-selected-border-right-width: null; @button-success-link-selected-border-right-color: null; @button-success-link-selected-border-right-style: null; @button-success-link-selected-border-bottom-width: null; @button-success-link-selected-border-bottom-color: null; @button-success-link-selected-border-bottom-style: null; @button-success-link-selected-border-left-width: null; @button-success-link-selected-border-left-color: null; @button-success-link-selected-border-left-style: null; @button-success-link-selected-caret-color: null; @button-success-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-success-link-disabled-opacity: 0.5; @button-success-link-disabled-text-color: null; @button-success-link-disabled-text-font-family: null; @button-success-link-disabled-text-font-style: null; @button-success-link-disabled-text-font-weight: null; @button-success-link-disabled-text-transform: null; @button-success-link-disabled-text-shadow: null; @button-success-link-disabled-text-decoration: null; @button-success-link-disabled-text-rendering: null; @button-success-link-disabled-background-color: null; @button-success-link-disabled-background-gradient-color-top: null; @button-success-link-disabled-background-gradient-color-bottom: null; @button-success-link-disabled-border-width: null; @button-success-link-disabled-border-color: null; @button-success-link-disabled-border-style: null; @button-success-link-disabled-border-top-width: null; @button-success-link-disabled-border-top-color: null; @button-success-link-disabled-border-top-style: null; @button-success-link-disabled-border-right-width: null; @button-success-link-disabled-border-right-color: null; @button-success-link-disabled-border-right-style: null; @button-success-link-disabled-border-bottom-width: null; @button-success-link-disabled-border-bottom-color: null; @button-success-link-disabled-border-bottom-style: null; @button-success-link-disabled-border-left-width: null; @button-success-link-disabled-border-left-color: null; @button-success-link-disabled-border-left-style: null; @button-success-link-disabled-caret-color: null; @button-success-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Success, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-success-stroke-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Success, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-success-stroke-text-color: @button-success-background-color; @button-success-stroke-text-font-family: null; @button-success-stroke-text-font-style: null; @button-success-stroke-text-font-weight: null; @button-success-stroke-text-transform: null; @button-success-stroke-text-shadow: null; @button-success-stroke-text-decoration: null; @button-success-stroke-text-rendering: null; @button-success-stroke-background-color: none; @button-success-stroke-background-gradient-color-top: none; @button-success-stroke-background-gradient-color-bottom: none; @button-success-stroke-border-width: null; @button-success-stroke-border-color: @button-success-background-color; @button-success-stroke-border-style: null; @button-success-stroke-border-top-width: null; @button-success-stroke-border-top-color: null; @button-success-stroke-border-top-style: null; @button-success-stroke-border-right-width: null; @button-success-stroke-border-right-color: null; @button-success-stroke-border-right-style: null; @button-success-stroke-border-bottom-width: null; @button-success-stroke-border-bottom-color: null; @button-success-stroke-border-bottom-style: null; @button-success-stroke-border-left-width: null; @button-success-stroke-border-left-color: null; @button-success-stroke-border-left-style: null; @button-success-stroke-caret-color: null; @button-success-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-success-stroke-hover-text-color: @button-success-hover-background-color; @button-success-stroke-hover-text-font-family: null; @button-success-stroke-hover-text-font-style: null; @button-success-stroke-hover-text-font-weight: null; @button-success-stroke-hover-text-transform: null; @button-success-stroke-hover-text-shadow: null; @button-success-stroke-hover-text-decoration: null; @button-success-stroke-hover-text-rendering: null; @button-success-stroke-hover-background-color: hsla(hue(@green), saturation(@green), lightness(@green), 0.025); @button-success-stroke-hover-background-gradient-color-top: null; @button-success-stroke-hover-background-gradient-color-bottom: null; @button-success-stroke-hover-border-width: null; @button-success-stroke-hover-border-color: null; @button-success-stroke-hover-border-style: null; @button-success-stroke-hover-border-top-width: null; @button-success-stroke-hover-border-top-color: null; @button-success-stroke-hover-border-top-style: null; @button-success-stroke-hover-border-right-width: null; @button-success-stroke-hover-border-right-color: null; @button-success-stroke-hover-border-right-style: null; @button-success-stroke-hover-border-bottom-width: null; @button-success-stroke-hover-border-bottom-color: null; @button-success-stroke-hover-border-bottom-style: null; @button-success-stroke-hover-border-left-width: null; @button-success-stroke-hover-border-left-color: null; @button-success-stroke-hover-border-left-style: null; @button-success-stroke-hover-caret-color: null; @button-success-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-success-stroke-active-text-color: @button-success-active-background-color; @button-success-stroke-active-text-font-family: null; @button-success-stroke-active-text-font-style: null; @button-success-stroke-active-text-font-weight: null; @button-success-stroke-active-text-transform: null; @button-success-stroke-active-text-shadow: null; @button-success-stroke-active-text-decoration: null; @button-success-stroke-active-text-rendering: null; @button-success-stroke-active-background-color: hsla(hue(@green), saturation(@green), lightness(@green), 0.05); @button-success-stroke-active-background-gradient-color-top: null; @button-success-stroke-active-background-gradient-color-bottom: null; @button-success-stroke-active-border-width: null; @button-success-stroke-active-border-color: null; @button-success-stroke-active-border-style: null; @button-success-stroke-active-border-top-width: null; @button-success-stroke-active-border-top-color: null; @button-success-stroke-active-border-top-style: null; @button-success-stroke-active-border-right-width: null; @button-success-stroke-active-border-right-color: null; @button-success-stroke-active-border-right-style: null; @button-success-stroke-active-border-bottom-width: null; @button-success-stroke-active-border-bottom-color: null; @button-success-stroke-active-border-bottom-style: null; @button-success-stroke-active-border-left-width: null; @button-success-stroke-active-border-left-color: null; @button-success-stroke-active-border-left-style: null; @button-success-stroke-active-caret-color: null; @button-success-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-success-stroke-selected-text-color: @white; @button-success-stroke-selected-text-font-family: null; @button-success-stroke-selected-text-font-style: null; @button-success-stroke-selected-text-font-weight: null; @button-success-stroke-selected-text-transform: null; @button-success-stroke-selected-text-shadow: null; @button-success-stroke-selected-text-decoration: null; @button-success-stroke-selected-text-rendering: null; @button-success-stroke-selected-background-color: @button-success-background-color; @button-success-stroke-selected-background-gradient-color-top: null; @button-success-stroke-selected-background-gradient-color-bottom: null; @button-success-stroke-selected-border-width: null; @button-success-stroke-selected-border-color: null; @button-success-stroke-selected-border-style: null; @button-success-stroke-selected-border-top-width: null; @button-success-stroke-selected-border-top-color: null; @button-success-stroke-selected-border-top-style: null; @button-success-stroke-selected-border-right-width: null; @button-success-stroke-selected-border-right-color: null; @button-success-stroke-selected-border-right-style: null; @button-success-stroke-selected-border-bottom-width: null; @button-success-stroke-selected-border-bottom-color: null; @button-success-stroke-selected-border-bottom-style: null; @button-success-stroke-selected-border-left-width: null; @button-success-stroke-selected-border-left-color: null; @button-success-stroke-selected-border-left-style: null; @button-success-stroke-selected-caret-color: null; @button-success-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-success-stroke-disabled-opacity: 0.5; @button-success-stroke-disabled-text-color: null; @button-success-stroke-disabled-text-font-family: null; @button-success-stroke-disabled-text-font-style: null; @button-success-stroke-disabled-text-font-weight: null; @button-success-stroke-disabled-text-transform: null; @button-success-stroke-disabled-text-shadow: null; @button-success-stroke-disabled-text-decoration: null; @button-success-stroke-disabled-text-rendering: null; @button-success-stroke-disabled-background-color: null; @button-success-stroke-disabled-background-gradient-color-top: null; @button-success-stroke-disabled-background-gradient-color-bottom: null; @button-success-stroke-disabled-border-width: null; @button-success-stroke-disabled-border-color: null; @button-success-stroke-disabled-border-style: null; @button-success-stroke-disabled-border-top-width: null; @button-success-stroke-disabled-border-top-color: null; @button-success-stroke-disabled-border-top-style: null; @button-success-stroke-disabled-border-right-width: null; @button-success-stroke-disabled-border-right-color: null; @button-success-stroke-disabled-border-right-style: null; @button-success-stroke-disabled-border-bottom-width: null; @button-success-stroke-disabled-border-bottom-color: null; @button-success-stroke-disabled-border-bottom-style: null; @button-success-stroke-disabled-border-left-width: null; @button-success-stroke-disabled-border-left-color: null; @button-success-stroke-disabled-border-left-style: null; @button-success-stroke-disabled-caret-color: null; @button-success-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Success, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-success-inverse-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Success, Inverse) State: Normal ----------------------------------------------------------------------------- */ @button-success-inverse-text-color: @button-success-background-color; @button-success-inverse-text-font-family: null; @button-success-inverse-text-font-style: null; @button-success-inverse-text-font-weight: null; @button-success-inverse-text-transform: null; @button-success-inverse-text-shadow: null; @button-success-inverse-text-decoration: null; @button-success-inverse-text-rendering: null; @button-success-inverse-background-color: @button-success-text-color; @button-success-inverse-background-gradient-color-top: null; @button-success-inverse-background-gradient-color-bottom: null; @button-success-inverse-border-width: null; @button-success-inverse-border-color: null; @button-success-inverse-border-style: null; @button-success-inverse-border-top-width: null; @button-success-inverse-border-top-color: null; @button-success-inverse-border-top-style: null; @button-success-inverse-border-right-width: null; @button-success-inverse-border-right-color: null; @button-success-inverse-border-right-style: null; @button-success-inverse-border-bottom-width: null; @button-success-inverse-border-bottom-color: null; @button-success-inverse-border-bottom-style: null; @button-success-inverse-border-left-width: null; @button-success-inverse-border-left-color: null; @button-success-inverse-border-left-style: null; @button-success-inverse-caret-color: @button-success-inverse-text-color; @button-success-inverse-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse) State: Hover ----------------------------------------------------------------------------- */ @button-success-inverse-hover-text-color: @button-success-hover-background-color; @button-success-inverse-hover-text-font-family: null; @button-success-inverse-hover-text-font-style: null; @button-success-inverse-hover-text-font-weight: null; @button-success-inverse-hover-text-transform: null; @button-success-inverse-hover-text-shadow: null; @button-success-inverse-hover-text-decoration: null; @button-success-inverse-hover-text-rendering: null; @button-success-inverse-hover-background-color: color-lighten(@green, 90); @button-success-inverse-hover-background-gradient-color-top: null; @button-success-inverse-hover-background-gradient-color-bottom: null; @button-success-inverse-hover-border-width: null; @button-success-inverse-hover-border-color: null; @button-success-inverse-hover-border-style: null; @button-success-inverse-hover-border-top-width: null; @button-success-inverse-hover-border-top-color: null; @button-success-inverse-hover-border-top-style: null; @button-success-inverse-hover-border-right-width: null; @button-success-inverse-hover-border-right-color: null; @button-success-inverse-hover-border-right-style: null; @button-success-inverse-hover-border-bottom-width: null; @button-success-inverse-hover-border-bottom-color: null; @button-success-inverse-hover-border-bottom-style: null; @button-success-inverse-hover-border-left-width: null; @button-success-inverse-hover-border-left-color: null; @button-success-inverse-hover-border-left-style: null; @button-success-inverse-hover-caret-color: @button-success-inverse-hover-text-color; @button-success-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse) State: Active ----------------------------------------------------------------------------- */ @button-success-inverse-active-text-color: @button-success-hover-background-color; @button-success-inverse-active-text-font-family: null; @button-success-inverse-active-text-font-style: null; @button-success-inverse-active-text-font-weight: null; @button-success-inverse-active-text-transform: null; @button-success-inverse-active-text-shadow: null; @button-success-inverse-active-text-decoration: null; @button-success-inverse-active-text-rendering: null; @button-success-inverse-active-background-color: color-lighten(@green, 80); @button-success-inverse-active-background-gradient-color-top: null; @button-success-inverse-active-background-gradient-color-bottom: null; @button-success-inverse-active-border-width: null; @button-success-inverse-active-border-color: null; @button-success-inverse-active-border-style: null; @button-success-inverse-active-border-top-width: null; @button-success-inverse-active-border-top-color: null; @button-success-inverse-active-border-top-style: null; @button-success-inverse-active-border-right-width: null; @button-success-inverse-active-border-right-color: null; @button-success-inverse-active-border-right-style: null; @button-success-inverse-active-border-bottom-width: null; @button-success-inverse-active-border-bottom-color: null; @button-success-inverse-active-border-bottom-style: null; @button-success-inverse-active-border-left-width: null; @button-success-inverse-active-border-left-color: null; @button-success-inverse-active-border-left-style: null; @button-success-inverse-active-caret-color: @button-success-inverse-active-text-color; @button-success-inverse-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse) State: Selected ----------------------------------------------------------------------------- */ @button-success-inverse-selected-text-color: @white; @button-success-inverse-selected-text-font-family: null; @button-success-inverse-selected-text-font-style: null; @button-success-inverse-selected-text-font-weight: null; @button-success-inverse-selected-text-transform: null; @button-success-inverse-selected-text-shadow: null; @button-success-inverse-selected-text-decoration: null; @button-success-inverse-selected-text-rendering: null; @button-success-inverse-selected-background-color: color-lighten(@green, 0); @button-success-inverse-selected-background-gradient-color-top: null; @button-success-inverse-selected-background-gradient-color-bottom: null; @button-success-inverse-selected-border-width: null; @button-success-inverse-selected-border-color: color-lighten(@green, 0); @button-success-inverse-selected-border-style: null; @button-success-inverse-selected-border-top-width: null; @button-success-inverse-selected-border-top-color: null; @button-success-inverse-selected-border-top-style: null; @button-success-inverse-selected-border-right-width: null; @button-success-inverse-selected-border-right-color: null; @button-success-inverse-selected-border-right-style: null; @button-success-inverse-selected-border-bottom-width: null; @button-success-inverse-selected-border-bottom-color: null; @button-success-inverse-selected-border-bottom-style: null; @button-success-inverse-selected-border-left-width: null; @button-success-inverse-selected-border-left-color: null; @button-success-inverse-selected-border-left-style: null; @button-success-inverse-selected-caret-color: @button-success-text-color; @button-success-inverse-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @button-success-inverse-disabled-opacity: 0.5; @button-success-inverse-disabled-text-color: null; @button-success-inverse-disabled-text-font-family: null; @button-success-inverse-disabled-text-font-style: null; @button-success-inverse-disabled-text-font-weight: null; @button-success-inverse-disabled-text-transform: null; @button-success-inverse-disabled-text-shadow: null; @button-success-inverse-disabled-text-decoration: null; @button-success-inverse-disabled-text-rendering: null; @button-success-inverse-disabled-background-color: null; @button-success-inverse-disabled-background-gradient-color-top: null; @button-success-inverse-disabled-background-gradient-color-bottom: null; @button-success-inverse-disabled-border-width: null; @button-success-inverse-disabled-border-color: null; @button-success-inverse-disabled-border-style: null; @button-success-inverse-disabled-border-top-width: null; @button-success-inverse-disabled-border-top-color: null; @button-success-inverse-disabled-border-top-style: null; @button-success-inverse-disabled-border-right-width: null; @button-success-inverse-disabled-border-right-color: null; @button-success-inverse-disabled-border-right-style: null; @button-success-inverse-disabled-border-bottom-width: null; @button-success-inverse-disabled-border-bottom-color: null; @button-success-inverse-disabled-border-bottom-style: null; @button-success-inverse-disabled-border-left-width: null; @button-success-inverse-disabled-border-left-color: null; @button-success-inverse-disabled-border-left-style: null; @button-success-inverse-disabled-caret-color: null; @button-success-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Success, Inverse, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-success-inverse-link-enabled: @button-success-link-enabled; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Link) State: Normal ----------------------------------------------------------------------------- */ @button-success-inverse-link-text-color: null; @button-success-inverse-link-text-font-family: null; @button-success-inverse-link-text-font-style: null; @button-success-inverse-link-text-font-weight: null; @button-success-inverse-link-text-transform: null; @button-success-inverse-link-text-shadow: null; @button-success-inverse-link-text-decoration: null; @button-success-inverse-link-text-rendering: null; @button-success-inverse-link-background-color: none; @button-success-inverse-link-background-gradient-color-top: none; @button-success-inverse-link-background-gradient-color-bottom: none; @button-success-inverse-link-border-width: null; @button-success-inverse-link-border-color: null; @button-success-inverse-link-border-style: null; @button-success-inverse-link-border-top-width: null; @button-success-inverse-link-border-top-color: null; @button-success-inverse-link-border-top-style: null; @button-success-inverse-link-border-right-width: null; @button-success-inverse-link-border-right-color: null; @button-success-inverse-link-border-right-style: null; @button-success-inverse-link-border-bottom-width: null; @button-success-inverse-link-border-bottom-color: null; @button-success-inverse-link-border-bottom-style: null; @button-success-inverse-link-border-left-width: null; @button-success-inverse-link-border-left-color: null; @button-success-inverse-link-border-left-style: null; @button-success-inverse-link-caret-color: null; @button-success-inverse-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Link) State: Hover ----------------------------------------------------------------------------- */ @button-success-inverse-link-hover-text-color: null; @button-success-inverse-link-hover-text-font-family: null; @button-success-inverse-link-hover-text-font-style: null; @button-success-inverse-link-hover-text-font-weight: null; @button-success-inverse-link-hover-text-transform: null; @button-success-inverse-link-hover-text-shadow: null; @button-success-inverse-link-hover-text-decoration: null; @button-success-inverse-link-hover-text-rendering: null; @button-success-inverse-link-hover-background-color: null; @button-success-inverse-link-hover-background-gradient-color-top: null; @button-success-inverse-link-hover-background-gradient-color-bottom: null; @button-success-inverse-link-hover-border-width: null; @button-success-inverse-link-hover-border-color: null; @button-success-inverse-link-hover-border-style: null; @button-success-inverse-link-hover-border-top-width: null; @button-success-inverse-link-hover-border-top-color: null; @button-success-inverse-link-hover-border-top-style: null; @button-success-inverse-link-hover-border-right-width: null; @button-success-inverse-link-hover-border-right-color: null; @button-success-inverse-link-hover-border-right-style: null; @button-success-inverse-link-hover-border-bottom-width: null; @button-success-inverse-link-hover-border-bottom-color: null; @button-success-inverse-link-hover-border-bottom-style: null; @button-success-inverse-link-hover-border-left-width: null; @button-success-inverse-link-hover-border-left-color: null; @button-success-inverse-link-hover-border-left-style: null; @button-success-inverse-link-hover-caret-color: null; @button-success-inverse-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Link) State: Active ----------------------------------------------------------------------------- */ @button-success-inverse-link-active-text-color: null; @button-success-inverse-link-active-text-font-family: null; @button-success-inverse-link-active-text-font-style: null; @button-success-inverse-link-active-text-font-weight: null; @button-success-inverse-link-active-text-transform: null; @button-success-inverse-link-active-text-shadow: null; @button-success-inverse-link-active-text-decoration: null; @button-success-inverse-link-active-text-rendering: null; @button-success-inverse-link-active-background-color: null; @button-success-inverse-link-active-background-gradient-color-top: null; @button-success-inverse-link-active-background-gradient-color-bottom: null; @button-success-inverse-link-active-border-width: null; @button-success-inverse-link-active-border-color: null; @button-success-inverse-link-active-border-style: null; @button-success-inverse-link-active-border-top-width: null; @button-success-inverse-link-active-border-top-color: null; @button-success-inverse-link-active-border-top-style: null; @button-success-inverse-link-active-border-right-width: null; @button-success-inverse-link-active-border-right-color: null; @button-success-inverse-link-active-border-right-style: null; @button-success-inverse-link-active-border-bottom-width: null; @button-success-inverse-link-active-border-bottom-color: null; @button-success-inverse-link-active-border-bottom-style: null; @button-success-inverse-link-active-border-left-width: null; @button-success-inverse-link-active-border-left-color: null; @button-success-inverse-link-active-border-left-style: null; @button-success-inverse-link-active-caret-color: null; @button-success-inverse-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Link) State: Selected ----------------------------------------------------------------------------- */ @button-success-inverse-link-selected-text-color: null; @button-success-inverse-link-selected-text-font-family: null; @button-success-inverse-link-selected-text-font-style: null; @button-success-inverse-link-selected-text-font-weight: null; @button-success-inverse-link-selected-text-transform: null; @button-success-inverse-link-selected-text-shadow: null; @button-success-inverse-link-selected-text-decoration: null; @button-success-inverse-link-selected-text-rendering: null; @button-success-inverse-link-selected-background-color: null; @button-success-inverse-link-selected-background-gradient-color-top: null; @button-success-inverse-link-selected-background-gradient-color-bottom: null; @button-success-inverse-link-selected-border-width: null; @button-success-inverse-link-selected-border-color: null; @button-success-inverse-link-selected-border-style: null; @button-success-inverse-link-selected-border-top-width: null; @button-success-inverse-link-selected-border-top-color: null; @button-success-inverse-link-selected-border-top-style: null; @button-success-inverse-link-selected-border-right-width: null; @button-success-inverse-link-selected-border-right-color: null; @button-success-inverse-link-selected-border-right-style: null; @button-success-inverse-link-selected-border-bottom-width: null; @button-success-inverse-link-selected-border-bottom-color: null; @button-success-inverse-link-selected-border-bottom-style: null; @button-success-inverse-link-selected-border-left-width: null; @button-success-inverse-link-selected-border-left-color: null; @button-success-inverse-link-selected-border-left-style: null; @button-success-inverse-link-selected-caret-color: null; @button-success-inverse-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-success-inverse-link-disabled-opacity: 0.5; @button-success-inverse-link-disabled-text-color: null; @button-success-inverse-link-disabled-text-font-family: null; @button-success-inverse-link-disabled-text-font-style: null; @button-success-inverse-link-disabled-text-font-weight: null; @button-success-inverse-link-disabled-text-transform: null; @button-success-inverse-link-disabled-text-shadow: null; @button-success-inverse-link-disabled-text-decoration: null; @button-success-inverse-link-disabled-text-rendering: null; @button-success-inverse-link-disabled-background-color: null; @button-success-inverse-link-disabled-background-gradient-color-top: null; @button-success-inverse-link-disabled-background-gradient-color-bottom: null; @button-success-inverse-link-disabled-border-width: null; @button-success-inverse-link-disabled-border-color: null; @button-success-inverse-link-disabled-border-style: null; @button-success-inverse-link-disabled-border-top-width: null; @button-success-inverse-link-disabled-border-top-color: null; @button-success-inverse-link-disabled-border-top-style: null; @button-success-inverse-link-disabled-border-right-width: null; @button-success-inverse-link-disabled-border-right-color: null; @button-success-inverse-link-disabled-border-right-style: null; @button-success-inverse-link-disabled-border-bottom-width: null; @button-success-inverse-link-disabled-border-bottom-color: null; @button-success-inverse-link-disabled-border-bottom-style: null; @button-success-inverse-link-disabled-border-left-width: null; @button-success-inverse-link-disabled-border-left-color: null; @button-success-inverse-link-disabled-border-left-style: null; @button-success-inverse-link-disabled-caret-color: null; @button-success-inverse-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Success, Inverse, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-success-inverse-stroke-enabled: @button-success-stroke-enabled; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-success-inverse-stroke-text-color: @white; @button-success-inverse-stroke-text-font-family: null; @button-success-inverse-stroke-text-font-style: null; @button-success-inverse-stroke-text-font-weight: null; @button-success-inverse-stroke-text-transform: null; @button-success-inverse-stroke-text-shadow: null; @button-success-inverse-stroke-text-decoration: null; @button-success-inverse-stroke-text-rendering: null; @button-success-inverse-stroke-background-color: none; @button-success-inverse-stroke-background-gradient-color-top: none; @button-success-inverse-stroke-background-gradient-color-bottom: none; @button-success-inverse-stroke-border-width: null; @button-success-inverse-stroke-border-color: color-lighten(@green, 0); @button-success-inverse-stroke-border-style: null; @button-success-inverse-stroke-border-top-width: null; @button-success-inverse-stroke-border-top-color: null; @button-success-inverse-stroke-border-top-style: null; @button-success-inverse-stroke-border-right-width: null; @button-success-inverse-stroke-border-right-color: null; @button-success-inverse-stroke-border-right-style: null; @button-success-inverse-stroke-border-bottom-width: null; @button-success-inverse-stroke-border-bottom-color: null; @button-success-inverse-stroke-border-bottom-style: null; @button-success-inverse-stroke-border-left-width: null; @button-success-inverse-stroke-border-left-color: null; @button-success-inverse-stroke-border-left-style: null; @button-success-inverse-stroke-caret-color: null; @button-success-inverse-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-success-inverse-stroke-hover-text-color: null; @button-success-inverse-stroke-hover-text-font-family: null; @button-success-inverse-stroke-hover-text-font-style: null; @button-success-inverse-stroke-hover-text-font-weight: null; @button-success-inverse-stroke-hover-text-transform: null; @button-success-inverse-stroke-hover-text-shadow: null; @button-success-inverse-stroke-hover-text-decoration: null; @button-success-inverse-stroke-hover-text-rendering: null; @button-success-inverse-stroke-hover-background-color: hsla(hue(@green), saturation(@green), lightness(@green), 0.2); @button-success-inverse-stroke-hover-background-gradient-color-top: null; @button-success-inverse-stroke-hover-background-gradient-color-bottom: null; @button-success-inverse-stroke-hover-border-width: null; @button-success-inverse-stroke-hover-border-color: null; @button-success-inverse-stroke-hover-border-style: null; @button-success-inverse-stroke-hover-border-top-width: null; @button-success-inverse-stroke-hover-border-top-color: null; @button-success-inverse-stroke-hover-border-top-style: null; @button-success-inverse-stroke-hover-border-right-width: null; @button-success-inverse-stroke-hover-border-right-color: null; @button-success-inverse-stroke-hover-border-right-style: null; @button-success-inverse-stroke-hover-border-bottom-width: null; @button-success-inverse-stroke-hover-border-bottom-color: null; @button-success-inverse-stroke-hover-border-bottom-style: null; @button-success-inverse-stroke-hover-border-left-width: null; @button-success-inverse-stroke-hover-border-left-color: null; @button-success-inverse-stroke-hover-border-left-style: null; @button-success-inverse-stroke-hover-caret-color: null; @button-success-inverse-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-success-inverse-stroke-active-text-color: null; @button-success-inverse-stroke-active-text-font-family: null; @button-success-inverse-stroke-active-text-font-style: null; @button-success-inverse-stroke-active-text-font-weight: null; @button-success-inverse-stroke-active-text-transform: null; @button-success-inverse-stroke-active-text-shadow: null; @button-success-inverse-stroke-active-text-decoration: null; @button-success-inverse-stroke-active-text-rendering: null; @button-success-inverse-stroke-active-background-color: hsla(hue(@green), saturation(@green), lightness(@green), 0.4); @button-success-inverse-stroke-active-background-gradient-color-top: null; @button-success-inverse-stroke-active-background-gradient-color-bottom: null; @button-success-inverse-stroke-active-border-width: null; @button-success-inverse-stroke-active-border-color: null; @button-success-inverse-stroke-active-border-style: null; @button-success-inverse-stroke-active-border-top-width: null; @button-success-inverse-stroke-active-border-top-color: null; @button-success-inverse-stroke-active-border-top-style: null; @button-success-inverse-stroke-active-border-right-width: null; @button-success-inverse-stroke-active-border-right-color: null; @button-success-inverse-stroke-active-border-right-style: null; @button-success-inverse-stroke-active-border-bottom-width: null; @button-success-inverse-stroke-active-border-bottom-color: null; @button-success-inverse-stroke-active-border-bottom-style: null; @button-success-inverse-stroke-active-border-left-width: null; @button-success-inverse-stroke-active-border-left-color: null; @button-success-inverse-stroke-active-border-left-style: null; @button-success-inverse-stroke-active-caret-color: null; @button-success-inverse-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-success-inverse-stroke-selected-text-color: @white; @button-success-inverse-stroke-selected-text-font-family: null; @button-success-inverse-stroke-selected-text-font-style: null; @button-success-inverse-stroke-selected-text-font-weight: null; @button-success-inverse-stroke-selected-text-transform: null; @button-success-inverse-stroke-selected-text-shadow: null; @button-success-inverse-stroke-selected-text-decoration: null; @button-success-inverse-stroke-selected-text-rendering: null; @button-success-inverse-stroke-selected-background-color: @button-success-background-color; @button-success-inverse-stroke-selected-background-gradient-color-top: null; @button-success-inverse-stroke-selected-background-gradient-color-bottom: null; @button-success-inverse-stroke-selected-border-width: null; @button-success-inverse-stroke-selected-border-color: null; @button-success-inverse-stroke-selected-border-style: null; @button-success-inverse-stroke-selected-border-top-width: null; @button-success-inverse-stroke-selected-border-top-color: null; @button-success-inverse-stroke-selected-border-top-style: null; @button-success-inverse-stroke-selected-border-right-width: null; @button-success-inverse-stroke-selected-border-right-color: null; @button-success-inverse-stroke-selected-border-right-style: null; @button-success-inverse-stroke-selected-border-bottom-width: null; @button-success-inverse-stroke-selected-border-bottom-color: null; @button-success-inverse-stroke-selected-border-bottom-style: null; @button-success-inverse-stroke-selected-border-left-width: null; @button-success-inverse-stroke-selected-border-left-color: null; @button-success-inverse-stroke-selected-border-left-style: null; @button-success-inverse-stroke-selected-caret-color: null; @button-success-inverse-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Success, Inverse, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-success-inverse-stroke-disabled-opacity: 0.5; @button-success-inverse-stroke-disabled-text-color: null; @button-success-inverse-stroke-disabled-text-font-family: null; @button-success-inverse-stroke-disabled-text-font-style: null; @button-success-inverse-stroke-disabled-text-font-weight: null; @button-success-inverse-stroke-disabled-text-transform: null; @button-success-inverse-stroke-disabled-text-shadow: null; @button-success-inverse-stroke-disabled-text-decoration: null; @button-success-inverse-stroke-disabled-text-rendering: null; @button-success-inverse-stroke-disabled-background-color: null; @button-success-inverse-stroke-disabled-background-gradient-color-top: null; @button-success-inverse-stroke-disabled-background-gradient-color-bottom: null; @button-success-inverse-stroke-disabled-border-width: null; @button-success-inverse-stroke-disabled-border-color: null; @button-success-inverse-stroke-disabled-border-style: null; @button-success-inverse-stroke-disabled-border-top-width: null; @button-success-inverse-stroke-disabled-border-top-color: null; @button-success-inverse-stroke-disabled-border-top-style: null; @button-success-inverse-stroke-disabled-border-right-width: null; @button-success-inverse-stroke-disabled-border-right-color: null; @button-success-inverse-stroke-disabled-border-right-style: null; @button-success-inverse-stroke-disabled-border-bottom-width: null; @button-success-inverse-stroke-disabled-border-bottom-color: null; @button-success-inverse-stroke-disabled-border-bottom-style: null; @button-success-inverse-stroke-disabled-border-left-width: null; @button-success-inverse-stroke-disabled-border-left-color: null; @button-success-inverse-stroke-disabled-border-left-style: null; @button-success-inverse-stroke-disabled-caret-color: null; @button-success-inverse-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Warning) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-warning-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Warning) State: Normal ----------------------------------------------------------------------------- */ @button-warning-text-color: color-lighten(@white, 0); @button-warning-text-font-family: null; @button-warning-text-font-style: null; @button-warning-text-font-weight: null; @button-warning-text-transform: null; @button-warning-text-shadow: null; @button-warning-text-decoration: null; @button-warning-text-rendering: null; @button-warning-background-color: color-lighten(@orange, 0); @button-warning-background-gradient-color-top: null; @button-warning-background-gradient-color-bottom: null; @button-warning-border-width: null; @button-warning-border-color: null; @button-warning-border-style: null; @button-warning-border-top-width: null; @button-warning-border-top-color: null; @button-warning-border-top-style: null; @button-warning-border-right-width: null; @button-warning-border-right-color: null; @button-warning-border-right-style: null; @button-warning-border-bottom-width: null; @button-warning-border-bottom-color: null; @button-warning-border-bottom-style: null; @button-warning-border-left-width: null; @button-warning-border-left-color: null; @button-warning-border-left-style: null; @button-warning-caret-color: @button-warning-text-color; @button-warning-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning) State: Hover ----------------------------------------------------------------------------- */ @button-warning-hover-text-color: null; @button-warning-hover-text-font-family: null; @button-warning-hover-text-font-style: null; @button-warning-hover-text-font-weight: null; @button-warning-hover-text-transform: null; @button-warning-hover-text-shadow: null; @button-warning-hover-text-decoration: null; @button-warning-hover-text-rendering: null; @button-warning-hover-background-color: color-lighten(@orange, -10); @button-warning-hover-background-gradient-color-top: null; @button-warning-hover-background-gradient-color-bottom: null; @button-warning-hover-border-width: null; @button-warning-hover-border-color: null; @button-warning-hover-border-style: null; @button-warning-hover-border-top-width: null; @button-warning-hover-border-top-color: null; @button-warning-hover-border-top-style: null; @button-warning-hover-border-right-width: null; @button-warning-hover-border-right-color: null; @button-warning-hover-border-right-style: null; @button-warning-hover-border-bottom-width: null; @button-warning-hover-border-bottom-color: null; @button-warning-hover-border-bottom-style: null; @button-warning-hover-border-left-width: null; @button-warning-hover-border-left-color: null; @button-warning-hover-border-left-style: null; @button-warning-hover-caret-color: null; @button-warning-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning) State: Active ----------------------------------------------------------------------------- */ @button-warning-active-text-color: color-lighten(@orange, 80); @button-warning-active-text-font-family: null; @button-warning-active-text-font-style: null; @button-warning-active-text-font-weight: null; @button-warning-active-text-transform: null; @button-warning-active-text-shadow: null; @button-warning-active-text-decoration: null; @button-warning-active-text-rendering: null; @button-warning-active-background-color: color-lighten(@orange, -30); @button-warning-active-background-gradient-color-top: null; @button-warning-active-background-gradient-color-bottom: null; @button-warning-active-border-width: null; @button-warning-active-border-color: null; @button-warning-active-border-style: null; @button-warning-active-border-top-width: null; @button-warning-active-border-top-color: null; @button-warning-active-border-top-style: null; @button-warning-active-border-right-width: null; @button-warning-active-border-right-color: null; @button-warning-active-border-right-style: null; @button-warning-active-border-bottom-width: null; @button-warning-active-border-bottom-color: null; @button-warning-active-border-bottom-style: null; @button-warning-active-border-left-width: null; @button-warning-active-border-left-color: null; @button-warning-active-border-left-style: null; @button-warning-active-caret-color: @button-warning-active-text-color; @button-warning-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning) State: Selected ----------------------------------------------------------------------------- */ @button-warning-selected-text-color: @button-warning-active-text-color; @button-warning-selected-text-font-family: @button-warning-active-text-font-family; @button-warning-selected-text-font-style: @button-warning-active-text-font-style; @button-warning-selected-text-font-weight: @button-warning-active-text-font-weight; @button-warning-selected-text-transform: @button-warning-active-text-transform; @button-warning-selected-text-shadow: @button-warning-active-text-shadow; @button-warning-selected-text-decoration: @button-warning-active-text-decoration; @button-warning-selected-text-rendering: @button-warning-active-text-rendering; @button-warning-selected-background-color: color-lighten(@orange, -20); @button-warning-selected-background-gradient-color-top: @button-warning-active-background-gradient-color-top; @button-warning-selected-background-gradient-color-bottom: @button-warning-active-background-gradient-color-bottom; @button-warning-selected-border-width: @button-warning-active-border-width; @button-warning-selected-border-color: @button-warning-active-border-color; @button-warning-selected-border-style: @button-warning-active-border-style; @button-warning-selected-border-top-width: @button-warning-active-border-top-width; @button-warning-selected-border-top-color: @button-warning-active-border-top-color; @button-warning-selected-border-top-style: @button-warning-active-border-top-style; @button-warning-selected-border-right-width: @button-warning-active-border-right-width; @button-warning-selected-border-right-color: @button-warning-active-border-right-color; @button-warning-selected-border-right-style: @button-warning-active-border-right-style; @button-warning-selected-border-bottom-width: @button-warning-active-border-bottom-width; @button-warning-selected-border-bottom-color: @button-warning-active-border-bottom-color; @button-warning-selected-border-bottom-style: @button-warning-active-border-bottom-style; @button-warning-selected-border-left-width: @button-warning-active-border-left-width; @button-warning-selected-border-left-color: @button-warning-active-border-left-color; @button-warning-selected-border-left-style: @button-warning-active-border-left-style; @button-warning-selected-caret-color: @button-warning-active-caret-color; @button-warning-selected-shadow: @button-warning-active-shadow; /* ----------------------------------------------------------------------------- Button (Warning) State: Disabled ----------------------------------------------------------------------------- */ @button-warning-disabled-opacity: 0.5; @button-warning-disabled-text-color: null; @button-warning-disabled-text-font-family: null; @button-warning-disabled-text-font-style: null; @button-warning-disabled-text-font-weight: null; @button-warning-disabled-text-transform: null; @button-warning-disabled-text-shadow: null; @button-warning-disabled-text-decoration: null; @button-warning-disabled-text-rendering: null; @button-warning-disabled-background-color: null; @button-warning-disabled-background-gradient-color-top: null; @button-warning-disabled-background-gradient-color-bottom: null; @button-warning-disabled-border-width: null; @button-warning-disabled-border-color: null; @button-warning-disabled-border-style: null; @button-warning-disabled-border-top-width: null; @button-warning-disabled-border-top-color: null; @button-warning-disabled-border-top-style: null; @button-warning-disabled-border-right-width: null; @button-warning-disabled-border-right-color: null; @button-warning-disabled-border-right-style: null; @button-warning-disabled-border-bottom-width: null; @button-warning-disabled-border-bottom-color: null; @button-warning-disabled-border-bottom-style: null; @button-warning-disabled-border-left-width: null; @button-warning-disabled-border-left-color: null; @button-warning-disabled-border-left-style: null; @button-warning-disabled-caret-color: null; @button-warning-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Warning, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-warning-link-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Warning, Link) State: Normal ----------------------------------------------------------------------------- */ @button-warning-link-text-color: @button-warning-background-color; @button-warning-link-text-font-family: null; @button-warning-link-text-font-style: null; @button-warning-link-text-font-weight: null; @button-warning-link-text-transform: null; @button-warning-link-text-shadow: null; @button-warning-link-text-decoration: null; @button-warning-link-text-rendering: null; @button-warning-link-background-color: none; @button-warning-link-background-gradient-color-top: none; @button-warning-link-background-gradient-color-bottom: none; @button-warning-link-border-width: null; @button-warning-link-border-color: null; @button-warning-link-border-style: null; @button-warning-link-border-top-width: null; @button-warning-link-border-top-color: null; @button-warning-link-border-top-style: null; @button-warning-link-border-right-width: null; @button-warning-link-border-right-color: null; @button-warning-link-border-right-style: null; @button-warning-link-border-bottom-width: null; @button-warning-link-border-bottom-color: null; @button-warning-link-border-bottom-style: null; @button-warning-link-border-left-width: null; @button-warning-link-border-left-color: null; @button-warning-link-border-left-style: null; @button-warning-link-caret-color: null; @button-warning-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Link) State: Hover ----------------------------------------------------------------------------- */ @button-warning-link-hover-text-color: @button-warning-hover-background-color; @button-warning-link-hover-text-font-family: null; @button-warning-link-hover-text-font-style: null; @button-warning-link-hover-text-font-weight: null; @button-warning-link-hover-text-transform: null; @button-warning-link-hover-text-shadow: null; @button-warning-link-hover-text-decoration: null; @button-warning-link-hover-text-rendering: null; @button-warning-link-hover-background-color: null; @button-warning-link-hover-background-gradient-color-top: null; @button-warning-link-hover-background-gradient-color-bottom: null; @button-warning-link-hover-border-width: null; @button-warning-link-hover-border-color: null; @button-warning-link-hover-border-style: null; @button-warning-link-hover-border-top-width: null; @button-warning-link-hover-border-top-color: null; @button-warning-link-hover-border-top-style: null; @button-warning-link-hover-border-right-width: null; @button-warning-link-hover-border-right-color: null; @button-warning-link-hover-border-right-style: null; @button-warning-link-hover-border-bottom-width: null; @button-warning-link-hover-border-bottom-color: null; @button-warning-link-hover-border-bottom-style: null; @button-warning-link-hover-border-left-width: null; @button-warning-link-hover-border-left-color: null; @button-warning-link-hover-border-left-style: null; @button-warning-link-hover-caret-color: null; @button-warning-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Link) State: Active ----------------------------------------------------------------------------- */ @button-warning-link-active-text-color: @button-warning-active-background-color; @button-warning-link-active-text-font-family: null; @button-warning-link-active-text-font-style: null; @button-warning-link-active-text-font-weight: null; @button-warning-link-active-text-transform: null; @button-warning-link-active-text-shadow: null; @button-warning-link-active-text-decoration: null; @button-warning-link-active-text-rendering: null; @button-warning-link-active-background-color: null; @button-warning-link-active-background-gradient-color-top: null; @button-warning-link-active-background-gradient-color-bottom: null; @button-warning-link-active-border-width: null; @button-warning-link-active-border-color: null; @button-warning-link-active-border-style: null;; @button-warning-link-active-border-top-width: null; @button-warning-link-active-border-top-color: null; @button-warning-link-active-border-top-style: null; @button-warning-link-active-border-right-width: null; @button-warning-link-active-border-right-color: null; @button-warning-link-active-border-right-style: null; @button-warning-link-active-border-bottom-width: null; @button-warning-link-active-border-bottom-color: null; @button-warning-link-active-border-bottom-style: null; @button-warning-link-active-border-left-width: null; @button-warning-link-active-border-left-color: null; @button-warning-link-active-border-left-style: null; @button-warning-link-active-caret-color: null; @button-warning-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Link) State: Selected ----------------------------------------------------------------------------- */ @button-warning-link-selected-text-color: @button-warning-link-active-text-color; @button-warning-link-selected-text-font-family: null; @button-warning-link-selected-text-font-style: null; @button-warning-link-selected-text-font-weight: null; @button-warning-link-selected-text-transform: null; @button-warning-link-selected-text-shadow: null; @button-warning-link-selected-text-decoration: null; @button-warning-link-selected-text-rendering: null; @button-warning-link-selected-background-color: null; @button-warning-link-selected-background-gradient-color-top: null; @button-warning-link-selected-background-gradient-color-bottom: null; @button-warning-link-selected-border-width: null; @button-warning-link-selected-border-color: null; @button-warning-link-selected-border-style: null; @button-warning-link-selected-border-top-width: null; @button-warning-link-selected-border-top-color: null; @button-warning-link-selected-border-top-style: null; @button-warning-link-selected-border-right-width: null; @button-warning-link-selected-border-right-color: null; @button-warning-link-selected-border-right-style: null; @button-warning-link-selected-border-bottom-width: null; @button-warning-link-selected-border-bottom-color: null; @button-warning-link-selected-border-bottom-style: null; @button-warning-link-selected-border-left-width: null; @button-warning-link-selected-border-left-color: null; @button-warning-link-selected-border-left-style: null; @button-warning-link-selected-caret-color: null; @button-warning-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-warning-link-disabled-opacity: 0.5; @button-warning-link-disabled-text-color: null; @button-warning-link-disabled-text-font-family: null; @button-warning-link-disabled-text-font-style: null; @button-warning-link-disabled-text-font-weight: null; @button-warning-link-disabled-text-transform: null; @button-warning-link-disabled-text-shadow: null; @button-warning-link-disabled-text-decoration: null; @button-warning-link-disabled-text-rendering: null; @button-warning-link-disabled-background-color: null; @button-warning-link-disabled-background-gradient-color-top: null; @button-warning-link-disabled-background-gradient-color-bottom: null; @button-warning-link-disabled-border-width: null; @button-warning-link-disabled-border-color: null; @button-warning-link-disabled-border-style: null; @button-warning-link-disabled-border-top-width: null; @button-warning-link-disabled-border-top-color: null; @button-warning-link-disabled-border-top-style: null; @button-warning-link-disabled-border-right-width: null; @button-warning-link-disabled-border-right-color: null; @button-warning-link-disabled-border-right-style: null; @button-warning-link-disabled-border-bottom-width: null; @button-warning-link-disabled-border-bottom-color: null; @button-warning-link-disabled-border-bottom-style: null; @button-warning-link-disabled-border-left-width: null; @button-warning-link-disabled-border-left-color: null; @button-warning-link-disabled-border-left-style: null; @button-warning-link-disabled-caret-color: null; @button-warning-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Warning, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-warning-stroke-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Warning, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-warning-stroke-text-color: @button-warning-background-color; @button-warning-stroke-text-font-family: null; @button-warning-stroke-text-font-style: null; @button-warning-stroke-text-font-weight: null; @button-warning-stroke-text-transform: null; @button-warning-stroke-text-shadow: null; @button-warning-stroke-text-decoration: null; @button-warning-stroke-text-rendering: null; @button-warning-stroke-background-color: none; @button-warning-stroke-background-gradient-color-top: none; @button-warning-stroke-background-gradient-color-bottom: none; @button-warning-stroke-border-width: null; @button-warning-stroke-border-color: @button-warning-background-color; @button-warning-stroke-border-style: null; @button-warning-stroke-border-top-width: null; @button-warning-stroke-border-top-color: null; @button-warning-stroke-border-top-style: null; @button-warning-stroke-border-right-width: null; @button-warning-stroke-border-right-color: null; @button-warning-stroke-border-right-style: null; @button-warning-stroke-border-bottom-width: null; @button-warning-stroke-border-bottom-color: null; @button-warning-stroke-border-bottom-style: null; @button-warning-stroke-border-left-width: null; @button-warning-stroke-border-left-color: null; @button-warning-stroke-border-left-style: null; @button-warning-stroke-caret-color: null; @button-warning-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-warning-stroke-hover-text-color: @button-warning-hover-background-color; @button-warning-stroke-hover-text-font-family: null; @button-warning-stroke-hover-text-font-style: null; @button-warning-stroke-hover-text-font-weight: null; @button-warning-stroke-hover-text-transform: null; @button-warning-stroke-hover-text-shadow: null; @button-warning-stroke-hover-text-decoration: null; @button-warning-stroke-hover-text-rendering: null; @button-warning-stroke-hover-background-color: hsla(hue(@orange), saturation(@orange), lightness(@orange), 0.025); @button-warning-stroke-hover-background-gradient-color-top: null; @button-warning-stroke-hover-background-gradient-color-bottom: null; @button-warning-stroke-hover-border-width: null; @button-warning-stroke-hover-border-color: null; @button-warning-stroke-hover-border-style: null; @button-warning-stroke-hover-border-top-width: null; @button-warning-stroke-hover-border-top-color: null; @button-warning-stroke-hover-border-top-style: null; @button-warning-stroke-hover-border-right-width: null; @button-warning-stroke-hover-border-right-color: null; @button-warning-stroke-hover-border-right-style: null; @button-warning-stroke-hover-border-bottom-width: null; @button-warning-stroke-hover-border-bottom-color: null; @button-warning-stroke-hover-border-bottom-style: null; @button-warning-stroke-hover-border-left-width: null; @button-warning-stroke-hover-border-left-color: null; @button-warning-stroke-hover-border-left-style: null; @button-warning-stroke-hover-caret-color: null; @button-warning-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-warning-stroke-active-text-color: @button-warning-active-background-color; @button-warning-stroke-active-text-font-family: null; @button-warning-stroke-active-text-font-style: null; @button-warning-stroke-active-text-font-weight: null; @button-warning-stroke-active-text-transform: null; @button-warning-stroke-active-text-shadow: null; @button-warning-stroke-active-text-decoration: null; @button-warning-stroke-active-text-rendering: null; @button-warning-stroke-active-background-color: hsla(hue(@orange), saturation(@orange), lightness(@orange), 0.05); @button-warning-stroke-active-background-gradient-color-top: null; @button-warning-stroke-active-background-gradient-color-bottom: null; @button-warning-stroke-active-border-width: null; @button-warning-stroke-active-border-color: null; @button-warning-stroke-active-border-style: null; @button-warning-stroke-active-border-top-width: null; @button-warning-stroke-active-border-top-color: null; @button-warning-stroke-active-border-top-style: null; @button-warning-stroke-active-border-right-width: null; @button-warning-stroke-active-border-right-color: null; @button-warning-stroke-active-border-right-style: null; @button-warning-stroke-active-border-bottom-width: null; @button-warning-stroke-active-border-bottom-color: null; @button-warning-stroke-active-border-bottom-style: null; @button-warning-stroke-active-border-left-width: null; @button-warning-stroke-active-border-left-color: null; @button-warning-stroke-active-border-left-style: null; @button-warning-stroke-active-caret-color: null; @button-warning-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-warning-stroke-selected-text-color: @white; @button-warning-stroke-selected-text-font-family: null; @button-warning-stroke-selected-text-font-style: null; @button-warning-stroke-selected-text-font-weight: null; @button-warning-stroke-selected-text-transform: null; @button-warning-stroke-selected-text-shadow: null; @button-warning-stroke-selected-text-decoration: null; @button-warning-stroke-selected-text-rendering: null; @button-warning-stroke-selected-background-color: @button-warning-background-color; @button-warning-stroke-selected-background-gradient-color-top: null; @button-warning-stroke-selected-background-gradient-color-bottom: null; @button-warning-stroke-selected-border-width: null; @button-warning-stroke-selected-border-color: null; @button-warning-stroke-selected-border-style: null; @button-warning-stroke-selected-border-top-width: null; @button-warning-stroke-selected-border-top-color: null; @button-warning-stroke-selected-border-top-style: null; @button-warning-stroke-selected-border-right-width: null; @button-warning-stroke-selected-border-right-color: null; @button-warning-stroke-selected-border-right-style: null; @button-warning-stroke-selected-border-bottom-width: null; @button-warning-stroke-selected-border-bottom-color: null; @button-warning-stroke-selected-border-bottom-style: null; @button-warning-stroke-selected-border-left-width: null; @button-warning-stroke-selected-border-left-color: null; @button-warning-stroke-selected-border-left-style: null; @button-warning-stroke-selected-caret-color: null; @button-warning-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-warning-stroke-disabled-opacity: 0.5; @button-warning-stroke-disabled-text-color: null; @button-warning-stroke-disabled-text-font-family: null; @button-warning-stroke-disabled-text-font-style: null; @button-warning-stroke-disabled-text-font-weight: null; @button-warning-stroke-disabled-text-transform: null; @button-warning-stroke-disabled-text-shadow: null; @button-warning-stroke-disabled-text-decoration: null; @button-warning-stroke-disabled-text-rendering: null; @button-warning-stroke-disabled-background-color: null; @button-warning-stroke-disabled-background-gradient-color-top: null; @button-warning-stroke-disabled-background-gradient-color-bottom: null; @button-warning-stroke-disabled-border-width: null; @button-warning-stroke-disabled-border-color: null; @button-warning-stroke-disabled-border-style: null; @button-warning-stroke-disabled-border-top-width: null; @button-warning-stroke-disabled-border-top-color: null; @button-warning-stroke-disabled-border-top-style: null; @button-warning-stroke-disabled-border-right-width: null; @button-warning-stroke-disabled-border-right-color: null; @button-warning-stroke-disabled-border-right-style: null; @button-warning-stroke-disabled-border-bottom-width: null; @button-warning-stroke-disabled-border-bottom-color: null; @button-warning-stroke-disabled-border-bottom-style: null; @button-warning-stroke-disabled-border-left-width: null; @button-warning-stroke-disabled-border-left-color: null; @button-warning-stroke-disabled-border-left-style: null; @button-warning-stroke-disabled-caret-color: null; @button-warning-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Warning, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-warning-inverse-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Warning, Inverse) State: Normal ----------------------------------------------------------------------------- */ @button-warning-inverse-text-color: @button-warning-background-color; @button-warning-inverse-text-font-family: null; @button-warning-inverse-text-font-style: null; @button-warning-inverse-text-font-weight: null; @button-warning-inverse-text-transform: null; @button-warning-inverse-text-shadow: null; @button-warning-inverse-text-decoration: null; @button-warning-inverse-text-rendering: null; @button-warning-inverse-background-color: @button-warning-text-color; @button-warning-inverse-background-gradient-color-top: null; @button-warning-inverse-background-gradient-color-bottom: null; @button-warning-inverse-border-width: null; @button-warning-inverse-border-color: null; @button-warning-inverse-border-style: null; @button-warning-inverse-border-top-width: null; @button-warning-inverse-border-top-color: null; @button-warning-inverse-border-top-style: null; @button-warning-inverse-border-right-width: null; @button-warning-inverse-border-right-color: null; @button-warning-inverse-border-right-style: null; @button-warning-inverse-border-bottom-width: null; @button-warning-inverse-border-bottom-color: null; @button-warning-inverse-border-bottom-style: null; @button-warning-inverse-border-left-width: null; @button-warning-inverse-border-left-color: null; @button-warning-inverse-border-left-style: null; @button-warning-inverse-caret-color: @button-warning-inverse-text-color; @button-warning-inverse-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse) State: Hover ----------------------------------------------------------------------------- */ @button-warning-inverse-hover-text-color: @button-warning-hover-background-color; @button-warning-inverse-hover-text-font-family: null; @button-warning-inverse-hover-text-font-style: null; @button-warning-inverse-hover-text-font-weight: null; @button-warning-inverse-hover-text-transform: null; @button-warning-inverse-hover-text-shadow: null; @button-warning-inverse-hover-text-decoration: null; @button-warning-inverse-hover-text-rendering: null; @button-warning-inverse-hover-background-color: color-lighten(@orange, 90); @button-warning-inverse-hover-background-gradient-color-top: null; @button-warning-inverse-hover-background-gradient-color-bottom: null; @button-warning-inverse-hover-border-width: null; @button-warning-inverse-hover-border-color: null; @button-warning-inverse-hover-border-style: null; @button-warning-inverse-hover-border-top-width: null; @button-warning-inverse-hover-border-top-color: null; @button-warning-inverse-hover-border-top-style: null; @button-warning-inverse-hover-border-right-width: null; @button-warning-inverse-hover-border-right-color: null; @button-warning-inverse-hover-border-right-style: null; @button-warning-inverse-hover-border-bottom-width: null; @button-warning-inverse-hover-border-bottom-color: null; @button-warning-inverse-hover-border-bottom-style: null; @button-warning-inverse-hover-border-left-width: null; @button-warning-inverse-hover-border-left-color: null; @button-warning-inverse-hover-border-left-style: null; @button-warning-inverse-hover-caret-color: @button-warning-inverse-hover-text-color; @button-warning-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse) State: Active ----------------------------------------------------------------------------- */ @button-warning-inverse-active-text-color: @button-warning-hover-background-color; @button-warning-inverse-active-text-font-family: null; @button-warning-inverse-active-text-font-style: null; @button-warning-inverse-active-text-font-weight: null; @button-warning-inverse-active-text-transform: null; @button-warning-inverse-active-text-shadow: null; @button-warning-inverse-active-text-decoration: null; @button-warning-inverse-active-text-rendering: null; @button-warning-inverse-active-background-color: color-lighten(@orange, 80); @button-warning-inverse-active-background-gradient-color-top: null; @button-warning-inverse-active-background-gradient-color-bottom: null; @button-warning-inverse-active-border-width: null; @button-warning-inverse-active-border-color: null; @button-warning-inverse-active-border-style: null; @button-warning-inverse-active-border-top-width: null; @button-warning-inverse-active-border-top-color: null; @button-warning-inverse-active-border-top-style: null; @button-warning-inverse-active-border-right-width: null; @button-warning-inverse-active-border-right-color: null; @button-warning-inverse-active-border-right-style: null; @button-warning-inverse-active-border-bottom-width: null; @button-warning-inverse-active-border-bottom-color: null; @button-warning-inverse-active-border-bottom-style: null; @button-warning-inverse-active-border-left-width: null; @button-warning-inverse-active-border-left-color: null; @button-warning-inverse-active-border-left-style: null; @button-warning-inverse-active-caret-color: @button-warning-inverse-active-text-color; @button-warning-inverse-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse) State: Selected ----------------------------------------------------------------------------- */ @button-warning-inverse-selected-text-color: @white; @button-warning-inverse-selected-text-font-family: null; @button-warning-inverse-selected-text-font-style: null; @button-warning-inverse-selected-text-font-weight: null; @button-warning-inverse-selected-text-transform: null; @button-warning-inverse-selected-text-shadow: null; @button-warning-inverse-selected-text-decoration: null; @button-warning-inverse-selected-text-rendering: null; @button-warning-inverse-selected-background-color: color-lighten(@orange, 0); @button-warning-inverse-selected-background-gradient-color-top: null; @button-warning-inverse-selected-background-gradient-color-bottom: null; @button-warning-inverse-selected-border-width: null; @button-warning-inverse-selected-border-color: color-lighten(@orange, 0); @button-warning-inverse-selected-border-style: null; @button-warning-inverse-selected-border-top-width: null; @button-warning-inverse-selected-border-top-color: null; @button-warning-inverse-selected-border-top-style: null; @button-warning-inverse-selected-border-right-width: null; @button-warning-inverse-selected-border-right-color: null; @button-warning-inverse-selected-border-right-style: null; @button-warning-inverse-selected-border-bottom-width: null; @button-warning-inverse-selected-border-bottom-color: null; @button-warning-inverse-selected-border-bottom-style: null; @button-warning-inverse-selected-border-left-width: null; @button-warning-inverse-selected-border-left-color: null; @button-warning-inverse-selected-border-left-style: null; @button-warning-inverse-selected-caret-color: @button-warning-text-color; @button-warning-inverse-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @button-warning-inverse-disabled-opacity: 0.5; @button-warning-inverse-disabled-text-color: null; @button-warning-inverse-disabled-text-font-family: null; @button-warning-inverse-disabled-text-font-style: null; @button-warning-inverse-disabled-text-font-weight: null; @button-warning-inverse-disabled-text-transform: null; @button-warning-inverse-disabled-text-shadow: null; @button-warning-inverse-disabled-text-decoration: null; @button-warning-inverse-disabled-text-rendering: null; @button-warning-inverse-disabled-background-color: null; @button-warning-inverse-disabled-background-gradient-color-top: null; @button-warning-inverse-disabled-background-gradient-color-bottom: null; @button-warning-inverse-disabled-border-width: null; @button-warning-inverse-disabled-border-color: null; @button-warning-inverse-disabled-border-style: null; @button-warning-inverse-disabled-border-top-width: null; @button-warning-inverse-disabled-border-top-color: null; @button-warning-inverse-disabled-border-top-style: null; @button-warning-inverse-disabled-border-right-width: null; @button-warning-inverse-disabled-border-right-color: null; @button-warning-inverse-disabled-border-right-style: null; @button-warning-inverse-disabled-border-bottom-width: null; @button-warning-inverse-disabled-border-bottom-color: null; @button-warning-inverse-disabled-border-bottom-style: null; @button-warning-inverse-disabled-border-left-width: null; @button-warning-inverse-disabled-border-left-color: null; @button-warning-inverse-disabled-border-left-style: null; @button-warning-inverse-disabled-caret-color: null; @button-warning-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Warning, Inverse, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-warning-inverse-link-enabled: @button-warning-link-enabled; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Link) State: Normal ----------------------------------------------------------------------------- */ @button-warning-inverse-link-text-color: null; @button-warning-inverse-link-text-font-family: null; @button-warning-inverse-link-text-font-style: null; @button-warning-inverse-link-text-font-weight: null; @button-warning-inverse-link-text-transform: null; @button-warning-inverse-link-text-shadow: null; @button-warning-inverse-link-text-decoration: null; @button-warning-inverse-link-text-rendering: null; @button-warning-inverse-link-background-color: none; @button-warning-inverse-link-background-gradient-color-top: none; @button-warning-inverse-link-background-gradient-color-bottom: none; @button-warning-inverse-link-border-width: null; @button-warning-inverse-link-border-color: null; @button-warning-inverse-link-border-style: null; @button-warning-inverse-link-border-top-width: null; @button-warning-inverse-link-border-top-color: null; @button-warning-inverse-link-border-top-style: null; @button-warning-inverse-link-border-right-width: null; @button-warning-inverse-link-border-right-color: null; @button-warning-inverse-link-border-right-style: null; @button-warning-inverse-link-border-bottom-width: null; @button-warning-inverse-link-border-bottom-color: null; @button-warning-inverse-link-border-bottom-style: null; @button-warning-inverse-link-border-left-width: null; @button-warning-inverse-link-border-left-color: null; @button-warning-inverse-link-border-left-style: null; @button-warning-inverse-link-caret-color: null; @button-warning-inverse-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Link) State: Hover ----------------------------------------------------------------------------- */ @button-warning-inverse-link-hover-text-color: null; @button-warning-inverse-link-hover-text-font-family: null; @button-warning-inverse-link-hover-text-font-style: null; @button-warning-inverse-link-hover-text-font-weight: null; @button-warning-inverse-link-hover-text-transform: null; @button-warning-inverse-link-hover-text-shadow: null; @button-warning-inverse-link-hover-text-decoration: null; @button-warning-inverse-link-hover-text-rendering: null; @button-warning-inverse-link-hover-background-color: null; @button-warning-inverse-link-hover-background-gradient-color-top: null; @button-warning-inverse-link-hover-background-gradient-color-bottom: null; @button-warning-inverse-link-hover-border-width: null; @button-warning-inverse-link-hover-border-color: null; @button-warning-inverse-link-hover-border-style: null; @button-warning-inverse-link-hover-border-top-width: null; @button-warning-inverse-link-hover-border-top-color: null; @button-warning-inverse-link-hover-border-top-style: null; @button-warning-inverse-link-hover-border-right-width: null; @button-warning-inverse-link-hover-border-right-color: null; @button-warning-inverse-link-hover-border-right-style: null; @button-warning-inverse-link-hover-border-bottom-width: null; @button-warning-inverse-link-hover-border-bottom-color: null; @button-warning-inverse-link-hover-border-bottom-style: null; @button-warning-inverse-link-hover-border-left-width: null; @button-warning-inverse-link-hover-border-left-color: null; @button-warning-inverse-link-hover-border-left-style: null; @button-warning-inverse-link-hover-caret-color: null; @button-warning-inverse-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Link) State: Active ----------------------------------------------------------------------------- */ @button-warning-inverse-link-active-text-color: null; @button-warning-inverse-link-active-text-font-family: null; @button-warning-inverse-link-active-text-font-style: null; @button-warning-inverse-link-active-text-font-weight: null; @button-warning-inverse-link-active-text-transform: null; @button-warning-inverse-link-active-text-shadow: null; @button-warning-inverse-link-active-text-decoration: null; @button-warning-inverse-link-active-text-rendering: null; @button-warning-inverse-link-active-background-color: null; @button-warning-inverse-link-active-background-gradient-color-top: null; @button-warning-inverse-link-active-background-gradient-color-bottom: null; @button-warning-inverse-link-active-border-width: null; @button-warning-inverse-link-active-border-color: null; @button-warning-inverse-link-active-border-style: null; @button-warning-inverse-link-active-border-top-width: null; @button-warning-inverse-link-active-border-top-color: null; @button-warning-inverse-link-active-border-top-style: null; @button-warning-inverse-link-active-border-right-width: null; @button-warning-inverse-link-active-border-right-color: null; @button-warning-inverse-link-active-border-right-style: null; @button-warning-inverse-link-active-border-bottom-width: null; @button-warning-inverse-link-active-border-bottom-color: null; @button-warning-inverse-link-active-border-bottom-style: null; @button-warning-inverse-link-active-border-left-width: null; @button-warning-inverse-link-active-border-left-color: null; @button-warning-inverse-link-active-border-left-style: null; @button-warning-inverse-link-active-caret-color: null; @button-warning-inverse-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Link) State: Selected ----------------------------------------------------------------------------- */ @button-warning-inverse-link-selected-text-color: null; @button-warning-inverse-link-selected-text-font-family: null; @button-warning-inverse-link-selected-text-font-style: null; @button-warning-inverse-link-selected-text-font-weight: null; @button-warning-inverse-link-selected-text-transform: null; @button-warning-inverse-link-selected-text-shadow: null; @button-warning-inverse-link-selected-text-decoration: null; @button-warning-inverse-link-selected-text-rendering: null; @button-warning-inverse-link-selected-background-color: null; @button-warning-inverse-link-selected-background-gradient-color-top: null; @button-warning-inverse-link-selected-background-gradient-color-bottom: null; @button-warning-inverse-link-selected-border-width: null; @button-warning-inverse-link-selected-border-color: null; @button-warning-inverse-link-selected-border-style: null; @button-warning-inverse-link-selected-border-top-width: null; @button-warning-inverse-link-selected-border-top-color: null; @button-warning-inverse-link-selected-border-top-style: null; @button-warning-inverse-link-selected-border-right-width: null; @button-warning-inverse-link-selected-border-right-color: null; @button-warning-inverse-link-selected-border-right-style: null; @button-warning-inverse-link-selected-border-bottom-width: null; @button-warning-inverse-link-selected-border-bottom-color: null; @button-warning-inverse-link-selected-border-bottom-style: null; @button-warning-inverse-link-selected-border-left-width: null; @button-warning-inverse-link-selected-border-left-color: null; @button-warning-inverse-link-selected-border-left-style: null; @button-warning-inverse-link-selected-caret-color: null; @button-warning-inverse-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-warning-inverse-link-disabled-opacity: 0.5; @button-warning-inverse-link-disabled-text-color: null; @button-warning-inverse-link-disabled-text-font-family: null; @button-warning-inverse-link-disabled-text-font-style: null; @button-warning-inverse-link-disabled-text-font-weight: null; @button-warning-inverse-link-disabled-text-transform: null; @button-warning-inverse-link-disabled-text-shadow: null; @button-warning-inverse-link-disabled-text-decoration: null; @button-warning-inverse-link-disabled-text-rendering: null; @button-warning-inverse-link-disabled-background-color: null; @button-warning-inverse-link-disabled-background-gradient-color-top: null; @button-warning-inverse-link-disabled-background-gradient-color-bottom: null; @button-warning-inverse-link-disabled-border-width: null; @button-warning-inverse-link-disabled-border-color: null; @button-warning-inverse-link-disabled-border-style: null; @button-warning-inverse-link-disabled-border-top-width: null; @button-warning-inverse-link-disabled-border-top-color: null; @button-warning-inverse-link-disabled-border-top-style: null; @button-warning-inverse-link-disabled-border-right-width: null; @button-warning-inverse-link-disabled-border-right-color: null; @button-warning-inverse-link-disabled-border-right-style: null; @button-warning-inverse-link-disabled-border-bottom-width: null; @button-warning-inverse-link-disabled-border-bottom-color: null; @button-warning-inverse-link-disabled-border-bottom-style: null; @button-warning-inverse-link-disabled-border-left-width: null; @button-warning-inverse-link-disabled-border-left-color: null; @button-warning-inverse-link-disabled-border-left-style: null; @button-warning-inverse-link-disabled-caret-color: null; @button-warning-inverse-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Warning, Inverse, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-warning-inverse-stroke-enabled: @button-warning-stroke-enabled; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-warning-inverse-stroke-text-color: @white; @button-warning-inverse-stroke-text-font-family: null; @button-warning-inverse-stroke-text-font-style: null; @button-warning-inverse-stroke-text-font-weight: null; @button-warning-inverse-stroke-text-transform: null; @button-warning-inverse-stroke-text-shadow: null; @button-warning-inverse-stroke-text-decoration: null; @button-warning-inverse-stroke-text-rendering: null; @button-warning-inverse-stroke-background-color: none; @button-warning-inverse-stroke-background-gradient-color-top: none; @button-warning-inverse-stroke-background-gradient-color-bottom: none; @button-warning-inverse-stroke-border-width: null; @button-warning-inverse-stroke-border-color: color-lighten(@orange, 0); @button-warning-inverse-stroke-border-style: null; @button-warning-inverse-stroke-border-top-width: null; @button-warning-inverse-stroke-border-top-color: null; @button-warning-inverse-stroke-border-top-style: null; @button-warning-inverse-stroke-border-right-width: null; @button-warning-inverse-stroke-border-right-color: null; @button-warning-inverse-stroke-border-right-style: null; @button-warning-inverse-stroke-border-bottom-width: null; @button-warning-inverse-stroke-border-bottom-color: null; @button-warning-inverse-stroke-border-bottom-style: null; @button-warning-inverse-stroke-border-left-width: null; @button-warning-inverse-stroke-border-left-color: null; @button-warning-inverse-stroke-border-left-style: null; @button-warning-inverse-stroke-caret-color: null; @button-warning-inverse-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-warning-inverse-stroke-hover-text-color: null; @button-warning-inverse-stroke-hover-text-font-family: null; @button-warning-inverse-stroke-hover-text-font-style: null; @button-warning-inverse-stroke-hover-text-font-weight: null; @button-warning-inverse-stroke-hover-text-transform: null; @button-warning-inverse-stroke-hover-text-shadow: null; @button-warning-inverse-stroke-hover-text-decoration: null; @button-warning-inverse-stroke-hover-text-rendering: null; @button-warning-inverse-stroke-hover-background-color: hsla(hue(@orange), saturation(@orange), lightness(@orange), 0.2); @button-warning-inverse-stroke-hover-background-gradient-color-top: null; @button-warning-inverse-stroke-hover-background-gradient-color-bottom: null; @button-warning-inverse-stroke-hover-border-width: null; @button-warning-inverse-stroke-hover-border-color: null; @button-warning-inverse-stroke-hover-border-style: null; @button-warning-inverse-stroke-hover-border-top-width: null; @button-warning-inverse-stroke-hover-border-top-color: null; @button-warning-inverse-stroke-hover-border-top-style: null; @button-warning-inverse-stroke-hover-border-right-width: null; @button-warning-inverse-stroke-hover-border-right-color: null; @button-warning-inverse-stroke-hover-border-right-style: null; @button-warning-inverse-stroke-hover-border-bottom-width: null; @button-warning-inverse-stroke-hover-border-bottom-color: null; @button-warning-inverse-stroke-hover-border-bottom-style: null; @button-warning-inverse-stroke-hover-border-left-width: null; @button-warning-inverse-stroke-hover-border-left-color: null; @button-warning-inverse-stroke-hover-border-left-style: null; @button-warning-inverse-stroke-hover-caret-color: null; @button-warning-inverse-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-warning-inverse-stroke-active-text-color: null; @button-warning-inverse-stroke-active-text-font-family: null; @button-warning-inverse-stroke-active-text-font-style: null; @button-warning-inverse-stroke-active-text-font-weight: null; @button-warning-inverse-stroke-active-text-transform: null; @button-warning-inverse-stroke-active-text-shadow: null; @button-warning-inverse-stroke-active-text-decoration: null; @button-warning-inverse-stroke-active-text-rendering: null; @button-warning-inverse-stroke-active-background-color: hsla(hue(@orange), saturation(@orange), lightness(@orange), 0.4); @button-warning-inverse-stroke-active-background-gradient-color-top: null; @button-warning-inverse-stroke-active-background-gradient-color-bottom: null; @button-warning-inverse-stroke-active-border-width: null; @button-warning-inverse-stroke-active-border-color: null; @button-warning-inverse-stroke-active-border-style: null; @button-warning-inverse-stroke-active-border-top-width: null; @button-warning-inverse-stroke-active-border-top-color: null; @button-warning-inverse-stroke-active-border-top-style: null; @button-warning-inverse-stroke-active-border-right-width: null; @button-warning-inverse-stroke-active-border-right-color: null; @button-warning-inverse-stroke-active-border-right-style: null; @button-warning-inverse-stroke-active-border-bottom-width: null; @button-warning-inverse-stroke-active-border-bottom-color: null; @button-warning-inverse-stroke-active-border-bottom-style: null; @button-warning-inverse-stroke-active-border-left-width: null; @button-warning-inverse-stroke-active-border-left-color: null; @button-warning-inverse-stroke-active-border-left-style: null; @button-warning-inverse-stroke-active-caret-color: null; @button-warning-inverse-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-warning-inverse-stroke-selected-text-color: @white; @button-warning-inverse-stroke-selected-text-font-family: null; @button-warning-inverse-stroke-selected-text-font-style: null; @button-warning-inverse-stroke-selected-text-font-weight: null; @button-warning-inverse-stroke-selected-text-transform: null; @button-warning-inverse-stroke-selected-text-shadow: null; @button-warning-inverse-stroke-selected-text-decoration: null; @button-warning-inverse-stroke-selected-text-rendering: null; @button-warning-inverse-stroke-selected-background-color: @button-warning-background-color; @button-warning-inverse-stroke-selected-background-gradient-color-top: null; @button-warning-inverse-stroke-selected-background-gradient-color-bottom: null; @button-warning-inverse-stroke-selected-border-width: null; @button-warning-inverse-stroke-selected-border-color: null; @button-warning-inverse-stroke-selected-border-style: null; @button-warning-inverse-stroke-selected-border-top-width: null; @button-warning-inverse-stroke-selected-border-top-color: null; @button-warning-inverse-stroke-selected-border-top-style: null; @button-warning-inverse-stroke-selected-border-right-width: null; @button-warning-inverse-stroke-selected-border-right-color: null; @button-warning-inverse-stroke-selected-border-right-style: null; @button-warning-inverse-stroke-selected-border-bottom-width: null; @button-warning-inverse-stroke-selected-border-bottom-color: null; @button-warning-inverse-stroke-selected-border-bottom-style: null; @button-warning-inverse-stroke-selected-border-left-width: null; @button-warning-inverse-stroke-selected-border-left-color: null; @button-warning-inverse-stroke-selected-border-left-style: null; @button-warning-inverse-stroke-selected-caret-color: null; @button-warning-inverse-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Warning, Inverse, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-warning-inverse-stroke-disabled-opacity: 0.5; @button-warning-inverse-stroke-disabled-text-color: null; @button-warning-inverse-stroke-disabled-text-font-family: null; @button-warning-inverse-stroke-disabled-text-font-style: null; @button-warning-inverse-stroke-disabled-text-font-weight: null; @button-warning-inverse-stroke-disabled-text-transform: null; @button-warning-inverse-stroke-disabled-text-shadow: null; @button-warning-inverse-stroke-disabled-text-decoration: null; @button-warning-inverse-stroke-disabled-text-rendering: null; @button-warning-inverse-stroke-disabled-background-color: null; @button-warning-inverse-stroke-disabled-background-gradient-color-top: null; @button-warning-inverse-stroke-disabled-background-gradient-color-bottom: null; @button-warning-inverse-stroke-disabled-border-width: null; @button-warning-inverse-stroke-disabled-border-color: null; @button-warning-inverse-stroke-disabled-border-style: null; @button-warning-inverse-stroke-disabled-border-top-width: null; @button-warning-inverse-stroke-disabled-border-top-color: null; @button-warning-inverse-stroke-disabled-border-top-style: null; @button-warning-inverse-stroke-disabled-border-right-width: null; @button-warning-inverse-stroke-disabled-border-right-color: null; @button-warning-inverse-stroke-disabled-border-right-style: null; @button-warning-inverse-stroke-disabled-border-bottom-width: null; @button-warning-inverse-stroke-disabled-border-bottom-color: null; @button-warning-inverse-stroke-disabled-border-bottom-style: null; @button-warning-inverse-stroke-disabled-border-left-width: null; @button-warning-inverse-stroke-disabled-border-left-color: null; @button-warning-inverse-stroke-disabled-border-left-style: null; @button-warning-inverse-stroke-disabled-caret-color: null; @button-warning-inverse-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Danger) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-danger-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Danger) State: Normal ----------------------------------------------------------------------------- */ @button-danger-text-color: color-lighten(@white, 0); @button-danger-text-font-family: null; @button-danger-text-font-style: null; @button-danger-text-font-weight: null; @button-danger-text-transform: null; @button-danger-text-shadow: null; @button-danger-text-decoration: null; @button-danger-text-rendering: null; @button-danger-background-color: color-lighten(@red, 0); @button-danger-background-gradient-color-top: null; @button-danger-background-gradient-color-bottom: null; @button-danger-border-width: null; @button-danger-border-color: null; @button-danger-border-style: null; @button-danger-border-top-width: null; @button-danger-border-top-color: null; @button-danger-border-top-style: null; @button-danger-border-right-width: null; @button-danger-border-right-color: null; @button-danger-border-right-style: null; @button-danger-border-bottom-width: null; @button-danger-border-bottom-color: null; @button-danger-border-bottom-style: null; @button-danger-border-left-width: null; @button-danger-border-left-color: null; @button-danger-border-left-style: null; @button-danger-caret-color: @button-danger-text-color; @button-danger-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger) State: Hover ----------------------------------------------------------------------------- */ @button-danger-hover-text-color: null; @button-danger-hover-text-font-family: null; @button-danger-hover-text-font-style: null; @button-danger-hover-text-font-weight: null; @button-danger-hover-text-transform: null; @button-danger-hover-text-shadow: null; @button-danger-hover-text-decoration: null; @button-danger-hover-text-rendering: null; @button-danger-hover-background-color: color-lighten(@red, -10); @button-danger-hover-background-gradient-color-top: null; @button-danger-hover-background-gradient-color-bottom: null; @button-danger-hover-border-width: null; @button-danger-hover-border-color: null; @button-danger-hover-border-style: null; @button-danger-hover-border-top-width: null; @button-danger-hover-border-top-color: null; @button-danger-hover-border-top-style: null; @button-danger-hover-border-right-width: null; @button-danger-hover-border-right-color: null; @button-danger-hover-border-right-style: null; @button-danger-hover-border-bottom-width: null; @button-danger-hover-border-bottom-color: null; @button-danger-hover-border-bottom-style: null; @button-danger-hover-border-left-width: null; @button-danger-hover-border-left-color: null; @button-danger-hover-border-left-style: null; @button-danger-hover-caret-color: null; @button-danger-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger) State: Active ----------------------------------------------------------------------------- */ @button-danger-active-text-color: color-lighten(@red, 80); @button-danger-active-text-font-family: null; @button-danger-active-text-font-style: null; @button-danger-active-text-font-weight: null; @button-danger-active-text-transform: null; @button-danger-active-text-shadow: null; @button-danger-active-text-decoration: null; @button-danger-active-text-rendering: null; @button-danger-active-background-color: color-lighten(@red, -30); @button-danger-active-background-gradient-color-top: null; @button-danger-active-background-gradient-color-bottom: null; @button-danger-active-border-width: null; @button-danger-active-border-color: null; @button-danger-active-border-style: null; @button-danger-active-border-top-width: null; @button-danger-active-border-top-color: null; @button-danger-active-border-top-style: null; @button-danger-active-border-right-width: null; @button-danger-active-border-right-color: null; @button-danger-active-border-right-style: null; @button-danger-active-border-bottom-width: null; @button-danger-active-border-bottom-color: null; @button-danger-active-border-bottom-style: null; @button-danger-active-border-left-width: null; @button-danger-active-border-left-color: null; @button-danger-active-border-left-style: null; @button-danger-active-caret-color: @button-danger-active-text-color; @button-danger-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger) State: Selected ----------------------------------------------------------------------------- */ @button-danger-selected-text-color: @button-danger-active-text-color; @button-danger-selected-text-font-family: @button-danger-active-text-font-family; @button-danger-selected-text-font-style: @button-danger-active-text-font-style; @button-danger-selected-text-font-weight: @button-danger-active-text-font-weight; @button-danger-selected-text-transform: @button-danger-active-text-transform; @button-danger-selected-text-shadow: @button-danger-active-text-shadow; @button-danger-selected-text-decoration: @button-danger-active-text-decoration; @button-danger-selected-text-rendering: @button-danger-active-text-rendering; @button-danger-selected-background-color: color-lighten(@red, -20); @button-danger-selected-background-gradient-color-top: @button-danger-active-background-gradient-color-top; @button-danger-selected-background-gradient-color-bottom: @button-danger-active-background-gradient-color-bottom; @button-danger-selected-border-width: @button-danger-active-border-width; @button-danger-selected-border-color: @button-danger-active-border-color; @button-danger-selected-border-style: @button-danger-active-border-style; @button-danger-selected-border-top-width: @button-danger-active-border-top-width; @button-danger-selected-border-top-color: @button-danger-active-border-top-color; @button-danger-selected-border-top-style: @button-danger-active-border-top-style; @button-danger-selected-border-right-width: @button-danger-active-border-right-width; @button-danger-selected-border-right-color: @button-danger-active-border-right-color; @button-danger-selected-border-right-style: @button-danger-active-border-right-style; @button-danger-selected-border-bottom-width: @button-danger-active-border-bottom-width; @button-danger-selected-border-bottom-color: @button-danger-active-border-bottom-color; @button-danger-selected-border-bottom-style: @button-danger-active-border-bottom-style; @button-danger-selected-border-left-width: @button-danger-active-border-left-width; @button-danger-selected-border-left-color: @button-danger-active-border-left-color; @button-danger-selected-border-left-style: @button-danger-active-border-left-style; @button-danger-selected-caret-color: @button-danger-active-caret-color; @button-danger-selected-shadow: @button-danger-active-shadow; /* ----------------------------------------------------------------------------- Button (Danger) State: Disabled ----------------------------------------------------------------------------- */ @button-danger-disabled-opacity: 0.5; @button-danger-disabled-text-color: null; @button-danger-disabled-text-font-family: null; @button-danger-disabled-text-font-style: null; @button-danger-disabled-text-font-weight: null; @button-danger-disabled-text-transform: null; @button-danger-disabled-text-shadow: null; @button-danger-disabled-text-decoration: null; @button-danger-disabled-text-rendering: null; @button-danger-disabled-background-color: null; @button-danger-disabled-background-gradient-color-top: null; @button-danger-disabled-background-gradient-color-bottom: null; @button-danger-disabled-border-width: null; @button-danger-disabled-border-color: null; @button-danger-disabled-border-style: null; @button-danger-disabled-border-top-width: null; @button-danger-disabled-border-top-color: null; @button-danger-disabled-border-top-style: null; @button-danger-disabled-border-right-width: null; @button-danger-disabled-border-right-color: null; @button-danger-disabled-border-right-style: null; @button-danger-disabled-border-bottom-width: null; @button-danger-disabled-border-bottom-color: null; @button-danger-disabled-border-bottom-style: null; @button-danger-disabled-border-left-width: null; @button-danger-disabled-border-left-color: null; @button-danger-disabled-border-left-style: null; @button-danger-disabled-caret-color: null; @button-danger-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Danger, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-danger-link-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Danger, Link) State: Normal ----------------------------------------------------------------------------- */ @button-danger-link-text-color: @button-danger-background-color; @button-danger-link-text-font-family: null; @button-danger-link-text-font-style: null; @button-danger-link-text-font-weight: null; @button-danger-link-text-transform: null; @button-danger-link-text-shadow: null; @button-danger-link-text-decoration: null; @button-danger-link-text-rendering: null; @button-danger-link-background-color: none; @button-danger-link-background-gradient-color-top: none; @button-danger-link-background-gradient-color-bottom: none; @button-danger-link-border-width: null; @button-danger-link-border-color: null; @button-danger-link-border-style: null; @button-danger-link-border-top-width: null; @button-danger-link-border-top-color: null; @button-danger-link-border-top-style: null; @button-danger-link-border-right-width: null; @button-danger-link-border-right-color: null; @button-danger-link-border-right-style: null; @button-danger-link-border-bottom-width: null; @button-danger-link-border-bottom-color: null; @button-danger-link-border-bottom-style: null; @button-danger-link-border-left-width: null; @button-danger-link-border-left-color: null; @button-danger-link-border-left-style: null; @button-danger-link-caret-color: null; @button-danger-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Link) State: Hover ----------------------------------------------------------------------------- */ @button-danger-link-hover-text-color: @button-danger-hover-background-color; @button-danger-link-hover-text-font-family: null; @button-danger-link-hover-text-font-style: null; @button-danger-link-hover-text-font-weight: null; @button-danger-link-hover-text-transform: null; @button-danger-link-hover-text-shadow: null; @button-danger-link-hover-text-decoration: null; @button-danger-link-hover-text-rendering: null; @button-danger-link-hover-background-color: null; @button-danger-link-hover-background-gradient-color-top: null; @button-danger-link-hover-background-gradient-color-bottom: null; @button-danger-link-hover-border-width: null; @button-danger-link-hover-border-color: null; @button-danger-link-hover-border-style: null; @button-danger-link-hover-border-top-width: null; @button-danger-link-hover-border-top-color: null; @button-danger-link-hover-border-top-style: null; @button-danger-link-hover-border-right-width: null; @button-danger-link-hover-border-right-color: null; @button-danger-link-hover-border-right-style: null; @button-danger-link-hover-border-bottom-width: null; @button-danger-link-hover-border-bottom-color: null; @button-danger-link-hover-border-bottom-style: null; @button-danger-link-hover-border-left-width: null; @button-danger-link-hover-border-left-color: null; @button-danger-link-hover-border-left-style: null; @button-danger-link-hover-caret-color: null; @button-danger-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Link) State: Active ----------------------------------------------------------------------------- */ @button-danger-link-active-text-color: @button-danger-active-background-color; @button-danger-link-active-text-font-family: null; @button-danger-link-active-text-font-style: null; @button-danger-link-active-text-font-weight: null; @button-danger-link-active-text-transform: null; @button-danger-link-active-text-shadow: null; @button-danger-link-active-text-decoration: null; @button-danger-link-active-text-rendering: null; @button-danger-link-active-background-color: null; @button-danger-link-active-background-gradient-color-top: null; @button-danger-link-active-background-gradient-color-bottom: null; @button-danger-link-active-border-width: null; @button-danger-link-active-border-color: null; @button-danger-link-active-border-style: null;; @button-danger-link-active-border-top-width: null; @button-danger-link-active-border-top-color: null; @button-danger-link-active-border-top-style: null; @button-danger-link-active-border-right-width: null; @button-danger-link-active-border-right-color: null; @button-danger-link-active-border-right-style: null; @button-danger-link-active-border-bottom-width: null; @button-danger-link-active-border-bottom-color: null; @button-danger-link-active-border-bottom-style: null; @button-danger-link-active-border-left-width: null; @button-danger-link-active-border-left-color: null; @button-danger-link-active-border-left-style: null; @button-danger-link-active-caret-color: null; @button-danger-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Link) State: Selected ----------------------------------------------------------------------------- */ @button-danger-link-selected-text-color: @button-danger-link-active-text-color; @button-danger-link-selected-text-font-family: null; @button-danger-link-selected-text-font-style: null; @button-danger-link-selected-text-font-weight: null; @button-danger-link-selected-text-transform: null; @button-danger-link-selected-text-shadow: null; @button-danger-link-selected-text-decoration: null; @button-danger-link-selected-text-rendering: null; @button-danger-link-selected-background-color: null; @button-danger-link-selected-background-gradient-color-top: null; @button-danger-link-selected-background-gradient-color-bottom: null; @button-danger-link-selected-border-width: null; @button-danger-link-selected-border-color: null; @button-danger-link-selected-border-style: null; @button-danger-link-selected-border-top-width: null; @button-danger-link-selected-border-top-color: null; @button-danger-link-selected-border-top-style: null; @button-danger-link-selected-border-right-width: null; @button-danger-link-selected-border-right-color: null; @button-danger-link-selected-border-right-style: null; @button-danger-link-selected-border-bottom-width: null; @button-danger-link-selected-border-bottom-color: null; @button-danger-link-selected-border-bottom-style: null; @button-danger-link-selected-border-left-width: null; @button-danger-link-selected-border-left-color: null; @button-danger-link-selected-border-left-style: null; @button-danger-link-selected-caret-color: null; @button-danger-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-danger-link-disabled-opacity: 0.5; @button-danger-link-disabled-text-color: null; @button-danger-link-disabled-text-font-family: null; @button-danger-link-disabled-text-font-style: null; @button-danger-link-disabled-text-font-weight: null; @button-danger-link-disabled-text-transform: null; @button-danger-link-disabled-text-shadow: null; @button-danger-link-disabled-text-decoration: null; @button-danger-link-disabled-text-rendering: null; @button-danger-link-disabled-background-color: null; @button-danger-link-disabled-background-gradient-color-top: null; @button-danger-link-disabled-background-gradient-color-bottom: null; @button-danger-link-disabled-border-width: null; @button-danger-link-disabled-border-color: null; @button-danger-link-disabled-border-style: null; @button-danger-link-disabled-border-top-width: null; @button-danger-link-disabled-border-top-color: null; @button-danger-link-disabled-border-top-style: null; @button-danger-link-disabled-border-right-width: null; @button-danger-link-disabled-border-right-color: null; @button-danger-link-disabled-border-right-style: null; @button-danger-link-disabled-border-bottom-width: null; @button-danger-link-disabled-border-bottom-color: null; @button-danger-link-disabled-border-bottom-style: null; @button-danger-link-disabled-border-left-width: null; @button-danger-link-disabled-border-left-color: null; @button-danger-link-disabled-border-left-style: null; @button-danger-link-disabled-caret-color: null; @button-danger-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Danger, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-danger-stroke-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Danger, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-danger-stroke-text-color: @button-danger-background-color; @button-danger-stroke-text-font-family: null; @button-danger-stroke-text-font-style: null; @button-danger-stroke-text-font-weight: null; @button-danger-stroke-text-transform: null; @button-danger-stroke-text-shadow: null; @button-danger-stroke-text-decoration: null; @button-danger-stroke-text-rendering: null; @button-danger-stroke-background-color: none; @button-danger-stroke-background-gradient-color-top: none; @button-danger-stroke-background-gradient-color-bottom: none; @button-danger-stroke-border-width: null; @button-danger-stroke-border-color: @button-danger-background-color; @button-danger-stroke-border-style: null; @button-danger-stroke-border-top-width: null; @button-danger-stroke-border-top-color: null; @button-danger-stroke-border-top-style: null; @button-danger-stroke-border-right-width: null; @button-danger-stroke-border-right-color: null; @button-danger-stroke-border-right-style: null; @button-danger-stroke-border-bottom-width: null; @button-danger-stroke-border-bottom-color: null; @button-danger-stroke-border-bottom-style: null; @button-danger-stroke-border-left-width: null; @button-danger-stroke-border-left-color: null; @button-danger-stroke-border-left-style: null; @button-danger-stroke-caret-color: null; @button-danger-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-danger-stroke-hover-text-color: @button-danger-hover-background-color; @button-danger-stroke-hover-text-font-family: null; @button-danger-stroke-hover-text-font-style: null; @button-danger-stroke-hover-text-font-weight: null; @button-danger-stroke-hover-text-transform: null; @button-danger-stroke-hover-text-shadow: null; @button-danger-stroke-hover-text-decoration: null; @button-danger-stroke-hover-text-rendering: null; @button-danger-stroke-hover-background-color: hsla(hue(@red), saturation(@red), lightness(@red), 0.025); @button-danger-stroke-hover-background-gradient-color-top: null; @button-danger-stroke-hover-background-gradient-color-bottom: null; @button-danger-stroke-hover-border-width: null; @button-danger-stroke-hover-border-color: null; @button-danger-stroke-hover-border-style: null; @button-danger-stroke-hover-border-top-width: null; @button-danger-stroke-hover-border-top-color: null; @button-danger-stroke-hover-border-top-style: null; @button-danger-stroke-hover-border-right-width: null; @button-danger-stroke-hover-border-right-color: null; @button-danger-stroke-hover-border-right-style: null; @button-danger-stroke-hover-border-bottom-width: null; @button-danger-stroke-hover-border-bottom-color: null; @button-danger-stroke-hover-border-bottom-style: null; @button-danger-stroke-hover-border-left-width: null; @button-danger-stroke-hover-border-left-color: null; @button-danger-stroke-hover-border-left-style: null; @button-danger-stroke-hover-caret-color: null; @button-danger-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-danger-stroke-active-text-color: @button-danger-active-background-color; @button-danger-stroke-active-text-font-family: null; @button-danger-stroke-active-text-font-style: null; @button-danger-stroke-active-text-font-weight: null; @button-danger-stroke-active-text-transform: null; @button-danger-stroke-active-text-shadow: null; @button-danger-stroke-active-text-decoration: null; @button-danger-stroke-active-text-rendering: null; @button-danger-stroke-active-background-color: hsla(hue(@red), saturation(@red), lightness(@red), 0.05); @button-danger-stroke-active-background-gradient-color-top: null; @button-danger-stroke-active-background-gradient-color-bottom: null; @button-danger-stroke-active-border-width: null; @button-danger-stroke-active-border-color: null; @button-danger-stroke-active-border-style: null; @button-danger-stroke-active-border-top-width: null; @button-danger-stroke-active-border-top-color: null; @button-danger-stroke-active-border-top-style: null; @button-danger-stroke-active-border-right-width: null; @button-danger-stroke-active-border-right-color: null; @button-danger-stroke-active-border-right-style: null; @button-danger-stroke-active-border-bottom-width: null; @button-danger-stroke-active-border-bottom-color: null; @button-danger-stroke-active-border-bottom-style: null; @button-danger-stroke-active-border-left-width: null; @button-danger-stroke-active-border-left-color: null; @button-danger-stroke-active-border-left-style: null; @button-danger-stroke-active-caret-color: null; @button-danger-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-danger-stroke-selected-text-color: @white; @button-danger-stroke-selected-text-font-family: null; @button-danger-stroke-selected-text-font-style: null; @button-danger-stroke-selected-text-font-weight: null; @button-danger-stroke-selected-text-transform: null; @button-danger-stroke-selected-text-shadow: null; @button-danger-stroke-selected-text-decoration: null; @button-danger-stroke-selected-text-rendering: null; @button-danger-stroke-selected-background-color: @button-danger-background-color; @button-danger-stroke-selected-background-gradient-color-top: null; @button-danger-stroke-selected-background-gradient-color-bottom: null; @button-danger-stroke-selected-border-width: null; @button-danger-stroke-selected-border-color: null; @button-danger-stroke-selected-border-style: null; @button-danger-stroke-selected-border-top-width: null; @button-danger-stroke-selected-border-top-color: null; @button-danger-stroke-selected-border-top-style: null; @button-danger-stroke-selected-border-right-width: null; @button-danger-stroke-selected-border-right-color: null; @button-danger-stroke-selected-border-right-style: null; @button-danger-stroke-selected-border-bottom-width: null; @button-danger-stroke-selected-border-bottom-color: null; @button-danger-stroke-selected-border-bottom-style: null; @button-danger-stroke-selected-border-left-width: null; @button-danger-stroke-selected-border-left-color: null; @button-danger-stroke-selected-border-left-style: null; @button-danger-stroke-selected-caret-color: null; @button-danger-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-danger-stroke-disabled-opacity: 0.5; @button-danger-stroke-disabled-text-color: null; @button-danger-stroke-disabled-text-font-family: null; @button-danger-stroke-disabled-text-font-style: null; @button-danger-stroke-disabled-text-font-weight: null; @button-danger-stroke-disabled-text-transform: null; @button-danger-stroke-disabled-text-shadow: null; @button-danger-stroke-disabled-text-decoration: null; @button-danger-stroke-disabled-text-rendering: null; @button-danger-stroke-disabled-background-color: null; @button-danger-stroke-disabled-background-gradient-color-top: null; @button-danger-stroke-disabled-background-gradient-color-bottom: null; @button-danger-stroke-disabled-border-width: null; @button-danger-stroke-disabled-border-color: null; @button-danger-stroke-disabled-border-style: null; @button-danger-stroke-disabled-border-top-width: null; @button-danger-stroke-disabled-border-top-color: null; @button-danger-stroke-disabled-border-top-style: null; @button-danger-stroke-disabled-border-right-width: null; @button-danger-stroke-disabled-border-right-color: null; @button-danger-stroke-disabled-border-right-style: null; @button-danger-stroke-disabled-border-bottom-width: null; @button-danger-stroke-disabled-border-bottom-color: null; @button-danger-stroke-disabled-border-bottom-style: null; @button-danger-stroke-disabled-border-left-width: null; @button-danger-stroke-disabled-border-left-color: null; @button-danger-stroke-disabled-border-left-style: null; @button-danger-stroke-disabled-caret-color: null; @button-danger-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Danger, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-danger-inverse-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button (Danger, Inverse) State: Normal ----------------------------------------------------------------------------- */ @button-danger-inverse-text-color: @button-danger-background-color; @button-danger-inverse-text-font-family: null; @button-danger-inverse-text-font-style: null; @button-danger-inverse-text-font-weight: null; @button-danger-inverse-text-transform: null; @button-danger-inverse-text-shadow: null; @button-danger-inverse-text-decoration: null; @button-danger-inverse-text-rendering: null; @button-danger-inverse-background-color: @button-danger-text-color; @button-danger-inverse-background-gradient-color-top: null; @button-danger-inverse-background-gradient-color-bottom: null; @button-danger-inverse-border-width: null; @button-danger-inverse-border-color: null; @button-danger-inverse-border-style: null; @button-danger-inverse-border-top-width: null; @button-danger-inverse-border-top-color: null; @button-danger-inverse-border-top-style: null; @button-danger-inverse-border-right-width: null; @button-danger-inverse-border-right-color: null; @button-danger-inverse-border-right-style: null; @button-danger-inverse-border-bottom-width: null; @button-danger-inverse-border-bottom-color: null; @button-danger-inverse-border-bottom-style: null; @button-danger-inverse-border-left-width: null; @button-danger-inverse-border-left-color: null; @button-danger-inverse-border-left-style: null; @button-danger-inverse-caret-color: @button-danger-inverse-text-color; @button-danger-inverse-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse) State: Hover ----------------------------------------------------------------------------- */ @button-danger-inverse-hover-text-color: @button-danger-hover-background-color; @button-danger-inverse-hover-text-font-family: null; @button-danger-inverse-hover-text-font-style: null; @button-danger-inverse-hover-text-font-weight: null; @button-danger-inverse-hover-text-transform: null; @button-danger-inverse-hover-text-shadow: null; @button-danger-inverse-hover-text-decoration: null; @button-danger-inverse-hover-text-rendering: null; @button-danger-inverse-hover-background-color: color-lighten(@red, 90); @button-danger-inverse-hover-background-gradient-color-top: null; @button-danger-inverse-hover-background-gradient-color-bottom: null; @button-danger-inverse-hover-border-width: null; @button-danger-inverse-hover-border-color: null; @button-danger-inverse-hover-border-style: null; @button-danger-inverse-hover-border-top-width: null; @button-danger-inverse-hover-border-top-color: null; @button-danger-inverse-hover-border-top-style: null; @button-danger-inverse-hover-border-right-width: null; @button-danger-inverse-hover-border-right-color: null; @button-danger-inverse-hover-border-right-style: null; @button-danger-inverse-hover-border-bottom-width: null; @button-danger-inverse-hover-border-bottom-color: null; @button-danger-inverse-hover-border-bottom-style: null; @button-danger-inverse-hover-border-left-width: null; @button-danger-inverse-hover-border-left-color: null; @button-danger-inverse-hover-border-left-style: null; @button-danger-inverse-hover-caret-color: @button-danger-inverse-hover-text-color; @button-danger-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse) State: Active ----------------------------------------------------------------------------- */ @button-danger-inverse-active-text-color: @button-danger-hover-background-color; @button-danger-inverse-active-text-font-family: null; @button-danger-inverse-active-text-font-style: null; @button-danger-inverse-active-text-font-weight: null; @button-danger-inverse-active-text-transform: null; @button-danger-inverse-active-text-shadow: null; @button-danger-inverse-active-text-decoration: null; @button-danger-inverse-active-text-rendering: null; @button-danger-inverse-active-background-color: color-lighten(@red, 80); @button-danger-inverse-active-background-gradient-color-top: null; @button-danger-inverse-active-background-gradient-color-bottom: null; @button-danger-inverse-active-border-width: null; @button-danger-inverse-active-border-color: null; @button-danger-inverse-active-border-style: null; @button-danger-inverse-active-border-top-width: null; @button-danger-inverse-active-border-top-color: null; @button-danger-inverse-active-border-top-style: null; @button-danger-inverse-active-border-right-width: null; @button-danger-inverse-active-border-right-color: null; @button-danger-inverse-active-border-right-style: null; @button-danger-inverse-active-border-bottom-width: null; @button-danger-inverse-active-border-bottom-color: null; @button-danger-inverse-active-border-bottom-style: null; @button-danger-inverse-active-border-left-width: null; @button-danger-inverse-active-border-left-color: null; @button-danger-inverse-active-border-left-style: null; @button-danger-inverse-active-caret-color: @button-danger-inverse-active-text-color; @button-danger-inverse-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse) State: Selected ----------------------------------------------------------------------------- */ @button-danger-inverse-selected-text-color: @white; @button-danger-inverse-selected-text-font-family: null; @button-danger-inverse-selected-text-font-style: null; @button-danger-inverse-selected-text-font-weight: null; @button-danger-inverse-selected-text-transform: null; @button-danger-inverse-selected-text-shadow: null; @button-danger-inverse-selected-text-decoration: null; @button-danger-inverse-selected-text-rendering: null; @button-danger-inverse-selected-background-color: color-lighten(@red, 0); @button-danger-inverse-selected-background-gradient-color-top: null; @button-danger-inverse-selected-background-gradient-color-bottom: null; @button-danger-inverse-selected-border-width: null; @button-danger-inverse-selected-border-color: color-lighten(@red, 0); @button-danger-inverse-selected-border-style: null; @button-danger-inverse-selected-border-top-width: null; @button-danger-inverse-selected-border-top-color: null; @button-danger-inverse-selected-border-top-style: null; @button-danger-inverse-selected-border-right-width: null; @button-danger-inverse-selected-border-right-color: null; @button-danger-inverse-selected-border-right-style: null; @button-danger-inverse-selected-border-bottom-width: null; @button-danger-inverse-selected-border-bottom-color: null; @button-danger-inverse-selected-border-bottom-style: null; @button-danger-inverse-selected-border-left-width: null; @button-danger-inverse-selected-border-left-color: null; @button-danger-inverse-selected-border-left-style: null; @button-danger-inverse-selected-caret-color: @button-danger-text-color; @button-danger-inverse-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @button-danger-inverse-disabled-opacity: 0.5; @button-danger-inverse-disabled-text-color: null; @button-danger-inverse-disabled-text-font-family: null; @button-danger-inverse-disabled-text-font-style: null; @button-danger-inverse-disabled-text-font-weight: null; @button-danger-inverse-disabled-text-transform: null; @button-danger-inverse-disabled-text-shadow: null; @button-danger-inverse-disabled-text-decoration: null; @button-danger-inverse-disabled-text-rendering: null; @button-danger-inverse-disabled-background-color: null; @button-danger-inverse-disabled-background-gradient-color-top: null; @button-danger-inverse-disabled-background-gradient-color-bottom: null; @button-danger-inverse-disabled-border-width: null; @button-danger-inverse-disabled-border-color: null; @button-danger-inverse-disabled-border-style: null; @button-danger-inverse-disabled-border-top-width: null; @button-danger-inverse-disabled-border-top-color: null; @button-danger-inverse-disabled-border-top-style: null; @button-danger-inverse-disabled-border-right-width: null; @button-danger-inverse-disabled-border-right-color: null; @button-danger-inverse-disabled-border-right-style: null; @button-danger-inverse-disabled-border-bottom-width: null; @button-danger-inverse-disabled-border-bottom-color: null; @button-danger-inverse-disabled-border-bottom-style: null; @button-danger-inverse-disabled-border-left-width: null; @button-danger-inverse-disabled-border-left-color: null; @button-danger-inverse-disabled-border-left-style: null; @button-danger-inverse-disabled-caret-color: null; @button-danger-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Danger, Inverse, Link) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-danger-inverse-link-enabled: @button-danger-link-enabled; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Link) State: Normal ----------------------------------------------------------------------------- */ @button-danger-inverse-link-text-color: null; @button-danger-inverse-link-text-font-family: null; @button-danger-inverse-link-text-font-style: null; @button-danger-inverse-link-text-font-weight: null; @button-danger-inverse-link-text-transform: null; @button-danger-inverse-link-text-shadow: null; @button-danger-inverse-link-text-decoration: null; @button-danger-inverse-link-text-rendering: null; @button-danger-inverse-link-background-color: none; @button-danger-inverse-link-background-gradient-color-top: none; @button-danger-inverse-link-background-gradient-color-bottom: none; @button-danger-inverse-link-border-width: null; @button-danger-inverse-link-border-color: null; @button-danger-inverse-link-border-style: null; @button-danger-inverse-link-border-top-width: null; @button-danger-inverse-link-border-top-color: null; @button-danger-inverse-link-border-top-style: null; @button-danger-inverse-link-border-right-width: null; @button-danger-inverse-link-border-right-color: null; @button-danger-inverse-link-border-right-style: null; @button-danger-inverse-link-border-bottom-width: null; @button-danger-inverse-link-border-bottom-color: null; @button-danger-inverse-link-border-bottom-style: null; @button-danger-inverse-link-border-left-width: null; @button-danger-inverse-link-border-left-color: null; @button-danger-inverse-link-border-left-style: null; @button-danger-inverse-link-caret-color: null; @button-danger-inverse-link-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Link) State: Hover ----------------------------------------------------------------------------- */ @button-danger-inverse-link-hover-text-color: null; @button-danger-inverse-link-hover-text-font-family: null; @button-danger-inverse-link-hover-text-font-style: null; @button-danger-inverse-link-hover-text-font-weight: null; @button-danger-inverse-link-hover-text-transform: null; @button-danger-inverse-link-hover-text-shadow: null; @button-danger-inverse-link-hover-text-decoration: null; @button-danger-inverse-link-hover-text-rendering: null; @button-danger-inverse-link-hover-background-color: null; @button-danger-inverse-link-hover-background-gradient-color-top: null; @button-danger-inverse-link-hover-background-gradient-color-bottom: null; @button-danger-inverse-link-hover-border-width: null; @button-danger-inverse-link-hover-border-color: null; @button-danger-inverse-link-hover-border-style: null; @button-danger-inverse-link-hover-border-top-width: null; @button-danger-inverse-link-hover-border-top-color: null; @button-danger-inverse-link-hover-border-top-style: null; @button-danger-inverse-link-hover-border-right-width: null; @button-danger-inverse-link-hover-border-right-color: null; @button-danger-inverse-link-hover-border-right-style: null; @button-danger-inverse-link-hover-border-bottom-width: null; @button-danger-inverse-link-hover-border-bottom-color: null; @button-danger-inverse-link-hover-border-bottom-style: null; @button-danger-inverse-link-hover-border-left-width: null; @button-danger-inverse-link-hover-border-left-color: null; @button-danger-inverse-link-hover-border-left-style: null; @button-danger-inverse-link-hover-caret-color: null; @button-danger-inverse-link-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Link) State: Active ----------------------------------------------------------------------------- */ @button-danger-inverse-link-active-text-color: null; @button-danger-inverse-link-active-text-font-family: null; @button-danger-inverse-link-active-text-font-style: null; @button-danger-inverse-link-active-text-font-weight: null; @button-danger-inverse-link-active-text-transform: null; @button-danger-inverse-link-active-text-shadow: null; @button-danger-inverse-link-active-text-decoration: null; @button-danger-inverse-link-active-text-rendering: null; @button-danger-inverse-link-active-background-color: null; @button-danger-inverse-link-active-background-gradient-color-top: null; @button-danger-inverse-link-active-background-gradient-color-bottom: null; @button-danger-inverse-link-active-border-width: null; @button-danger-inverse-link-active-border-color: null; @button-danger-inverse-link-active-border-style: null; @button-danger-inverse-link-active-border-top-width: null; @button-danger-inverse-link-active-border-top-color: null; @button-danger-inverse-link-active-border-top-style: null; @button-danger-inverse-link-active-border-right-width: null; @button-danger-inverse-link-active-border-right-color: null; @button-danger-inverse-link-active-border-right-style: null; @button-danger-inverse-link-active-border-bottom-width: null; @button-danger-inverse-link-active-border-bottom-color: null; @button-danger-inverse-link-active-border-bottom-style: null; @button-danger-inverse-link-active-border-left-width: null; @button-danger-inverse-link-active-border-left-color: null; @button-danger-inverse-link-active-border-left-style: null; @button-danger-inverse-link-active-caret-color: null; @button-danger-inverse-link-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Link) State: Selected ----------------------------------------------------------------------------- */ @button-danger-inverse-link-selected-text-color: null; @button-danger-inverse-link-selected-text-font-family: null; @button-danger-inverse-link-selected-text-font-style: null; @button-danger-inverse-link-selected-text-font-weight: null; @button-danger-inverse-link-selected-text-transform: null; @button-danger-inverse-link-selected-text-shadow: null; @button-danger-inverse-link-selected-text-decoration: null; @button-danger-inverse-link-selected-text-rendering: null; @button-danger-inverse-link-selected-background-color: null; @button-danger-inverse-link-selected-background-gradient-color-top: null; @button-danger-inverse-link-selected-background-gradient-color-bottom: null; @button-danger-inverse-link-selected-border-width: null; @button-danger-inverse-link-selected-border-color: null; @button-danger-inverse-link-selected-border-style: null; @button-danger-inverse-link-selected-border-top-width: null; @button-danger-inverse-link-selected-border-top-color: null; @button-danger-inverse-link-selected-border-top-style: null; @button-danger-inverse-link-selected-border-right-width: null; @button-danger-inverse-link-selected-border-right-color: null; @button-danger-inverse-link-selected-border-right-style: null; @button-danger-inverse-link-selected-border-bottom-width: null; @button-danger-inverse-link-selected-border-bottom-color: null; @button-danger-inverse-link-selected-border-bottom-style: null; @button-danger-inverse-link-selected-border-left-width: null; @button-danger-inverse-link-selected-border-left-color: null; @button-danger-inverse-link-selected-border-left-style: null; @button-danger-inverse-link-selected-caret-color: null; @button-danger-inverse-link-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Link) State: Disabled ----------------------------------------------------------------------------- */ @button-danger-inverse-link-disabled-opacity: 0.5; @button-danger-inverse-link-disabled-text-color: null; @button-danger-inverse-link-disabled-text-font-family: null; @button-danger-inverse-link-disabled-text-font-style: null; @button-danger-inverse-link-disabled-text-font-weight: null; @button-danger-inverse-link-disabled-text-transform: null; @button-danger-inverse-link-disabled-text-shadow: null; @button-danger-inverse-link-disabled-text-decoration: null; @button-danger-inverse-link-disabled-text-rendering: null; @button-danger-inverse-link-disabled-background-color: null; @button-danger-inverse-link-disabled-background-gradient-color-top: null; @button-danger-inverse-link-disabled-background-gradient-color-bottom: null; @button-danger-inverse-link-disabled-border-width: null; @button-danger-inverse-link-disabled-border-color: null; @button-danger-inverse-link-disabled-border-style: null; @button-danger-inverse-link-disabled-border-top-width: null; @button-danger-inverse-link-disabled-border-top-color: null; @button-danger-inverse-link-disabled-border-top-style: null; @button-danger-inverse-link-disabled-border-right-width: null; @button-danger-inverse-link-disabled-border-right-color: null; @button-danger-inverse-link-disabled-border-right-style: null; @button-danger-inverse-link-disabled-border-bottom-width: null; @button-danger-inverse-link-disabled-border-bottom-color: null; @button-danger-inverse-link-disabled-border-bottom-style: null; @button-danger-inverse-link-disabled-border-left-width: null; @button-danger-inverse-link-disabled-border-left-color: null; @button-danger-inverse-link-disabled-border-left-style: null; @button-danger-inverse-link-disabled-caret-color: null; @button-danger-inverse-link-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button (Danger, Inverse, Stroke) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-danger-inverse-stroke-enabled: @button-danger-stroke-enabled; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Stroke) State: Normal ----------------------------------------------------------------------------- */ @button-danger-inverse-stroke-text-color: @white; @button-danger-inverse-stroke-text-font-family: null; @button-danger-inverse-stroke-text-font-style: null; @button-danger-inverse-stroke-text-font-weight: null; @button-danger-inverse-stroke-text-transform: null; @button-danger-inverse-stroke-text-shadow: null; @button-danger-inverse-stroke-text-decoration: null; @button-danger-inverse-stroke-text-rendering: null; @button-danger-inverse-stroke-background-color: none; @button-danger-inverse-stroke-background-gradient-color-top: none; @button-danger-inverse-stroke-background-gradient-color-bottom: none; @button-danger-inverse-stroke-border-width: null; @button-danger-inverse-stroke-border-color: color-lighten(@red, 0); @button-danger-inverse-stroke-border-style: null; @button-danger-inverse-stroke-border-top-width: null; @button-danger-inverse-stroke-border-top-color: null; @button-danger-inverse-stroke-border-top-style: null; @button-danger-inverse-stroke-border-right-width: null; @button-danger-inverse-stroke-border-right-color: null; @button-danger-inverse-stroke-border-right-style: null; @button-danger-inverse-stroke-border-bottom-width: null; @button-danger-inverse-stroke-border-bottom-color: null; @button-danger-inverse-stroke-border-bottom-style: null; @button-danger-inverse-stroke-border-left-width: null; @button-danger-inverse-stroke-border-left-color: null; @button-danger-inverse-stroke-border-left-style: null; @button-danger-inverse-stroke-caret-color: null; @button-danger-inverse-stroke-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Stroke) State: Hover ----------------------------------------------------------------------------- */ @button-danger-inverse-stroke-hover-text-color: null; @button-danger-inverse-stroke-hover-text-font-family: null; @button-danger-inverse-stroke-hover-text-font-style: null; @button-danger-inverse-stroke-hover-text-font-weight: null; @button-danger-inverse-stroke-hover-text-transform: null; @button-danger-inverse-stroke-hover-text-shadow: null; @button-danger-inverse-stroke-hover-text-decoration: null; @button-danger-inverse-stroke-hover-text-rendering: null; @button-danger-inverse-stroke-hover-background-color: hsla(hue(@red), saturation(@red), lightness(@red), 0.2); @button-danger-inverse-stroke-hover-background-gradient-color-top: null; @button-danger-inverse-stroke-hover-background-gradient-color-bottom: null; @button-danger-inverse-stroke-hover-border-width: null; @button-danger-inverse-stroke-hover-border-color: null; @button-danger-inverse-stroke-hover-border-style: null; @button-danger-inverse-stroke-hover-border-top-width: null; @button-danger-inverse-stroke-hover-border-top-color: null; @button-danger-inverse-stroke-hover-border-top-style: null; @button-danger-inverse-stroke-hover-border-right-width: null; @button-danger-inverse-stroke-hover-border-right-color: null; @button-danger-inverse-stroke-hover-border-right-style: null; @button-danger-inverse-stroke-hover-border-bottom-width: null; @button-danger-inverse-stroke-hover-border-bottom-color: null; @button-danger-inverse-stroke-hover-border-bottom-style: null; @button-danger-inverse-stroke-hover-border-left-width: null; @button-danger-inverse-stroke-hover-border-left-color: null; @button-danger-inverse-stroke-hover-border-left-style: null; @button-danger-inverse-stroke-hover-caret-color: null; @button-danger-inverse-stroke-hover-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Stroke) State: Active ----------------------------------------------------------------------------- */ @button-danger-inverse-stroke-active-text-color: null; @button-danger-inverse-stroke-active-text-font-family: null; @button-danger-inverse-stroke-active-text-font-style: null; @button-danger-inverse-stroke-active-text-font-weight: null; @button-danger-inverse-stroke-active-text-transform: null; @button-danger-inverse-stroke-active-text-shadow: null; @button-danger-inverse-stroke-active-text-decoration: null; @button-danger-inverse-stroke-active-text-rendering: null; @button-danger-inverse-stroke-active-background-color: hsla(hue(@red), saturation(@red), lightness(@red), 0.4); @button-danger-inverse-stroke-active-background-gradient-color-top: null; @button-danger-inverse-stroke-active-background-gradient-color-bottom: null; @button-danger-inverse-stroke-active-border-width: null; @button-danger-inverse-stroke-active-border-color: null; @button-danger-inverse-stroke-active-border-style: null; @button-danger-inverse-stroke-active-border-top-width: null; @button-danger-inverse-stroke-active-border-top-color: null; @button-danger-inverse-stroke-active-border-top-style: null; @button-danger-inverse-stroke-active-border-right-width: null; @button-danger-inverse-stroke-active-border-right-color: null; @button-danger-inverse-stroke-active-border-right-style: null; @button-danger-inverse-stroke-active-border-bottom-width: null; @button-danger-inverse-stroke-active-border-bottom-color: null; @button-danger-inverse-stroke-active-border-bottom-style: null; @button-danger-inverse-stroke-active-border-left-width: null; @button-danger-inverse-stroke-active-border-left-color: null; @button-danger-inverse-stroke-active-border-left-style: null; @button-danger-inverse-stroke-active-caret-color: null; @button-danger-inverse-stroke-active-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Stroke) State: Selected ----------------------------------------------------------------------------- */ @button-danger-inverse-stroke-selected-text-color: @white; @button-danger-inverse-stroke-selected-text-font-family: null; @button-danger-inverse-stroke-selected-text-font-style: null; @button-danger-inverse-stroke-selected-text-font-weight: null; @button-danger-inverse-stroke-selected-text-transform: null; @button-danger-inverse-stroke-selected-text-shadow: null; @button-danger-inverse-stroke-selected-text-decoration: null; @button-danger-inverse-stroke-selected-text-rendering: null; @button-danger-inverse-stroke-selected-background-color: @button-danger-background-color; @button-danger-inverse-stroke-selected-background-gradient-color-top: null; @button-danger-inverse-stroke-selected-background-gradient-color-bottom: null; @button-danger-inverse-stroke-selected-border-width: null; @button-danger-inverse-stroke-selected-border-color: null; @button-danger-inverse-stroke-selected-border-style: null; @button-danger-inverse-stroke-selected-border-top-width: null; @button-danger-inverse-stroke-selected-border-top-color: null; @button-danger-inverse-stroke-selected-border-top-style: null; @button-danger-inverse-stroke-selected-border-right-width: null; @button-danger-inverse-stroke-selected-border-right-color: null; @button-danger-inverse-stroke-selected-border-right-style: null; @button-danger-inverse-stroke-selected-border-bottom-width: null; @button-danger-inverse-stroke-selected-border-bottom-color: null; @button-danger-inverse-stroke-selected-border-bottom-style: null; @button-danger-inverse-stroke-selected-border-left-width: null; @button-danger-inverse-stroke-selected-border-left-color: null; @button-danger-inverse-stroke-selected-border-left-style: null; @button-danger-inverse-stroke-selected-caret-color: null; @button-danger-inverse-stroke-selected-shadow: null; /* ----------------------------------------------------------------------------- Button (Danger, Inverse, Stroke) State: Disabled ----------------------------------------------------------------------------- */ @button-danger-inverse-stroke-disabled-opacity: 0.5; @button-danger-inverse-stroke-disabled-text-color: null; @button-danger-inverse-stroke-disabled-text-font-family: null; @button-danger-inverse-stroke-disabled-text-font-style: null; @button-danger-inverse-stroke-disabled-text-font-weight: null; @button-danger-inverse-stroke-disabled-text-transform: null; @button-danger-inverse-stroke-disabled-text-shadow: null; @button-danger-inverse-stroke-disabled-text-decoration: null; @button-danger-inverse-stroke-disabled-text-rendering: null; @button-danger-inverse-stroke-disabled-background-color: null; @button-danger-inverse-stroke-disabled-background-gradient-color-top: null; @button-danger-inverse-stroke-disabled-background-gradient-color-bottom: null; @button-danger-inverse-stroke-disabled-border-width: null; @button-danger-inverse-stroke-disabled-border-color: null; @button-danger-inverse-stroke-disabled-border-style: null; @button-danger-inverse-stroke-disabled-border-top-width: null; @button-danger-inverse-stroke-disabled-border-top-color: null; @button-danger-inverse-stroke-disabled-border-top-style: null; @button-danger-inverse-stroke-disabled-border-right-width: null; @button-danger-inverse-stroke-disabled-border-right-color: null; @button-danger-inverse-stroke-disabled-border-right-style: null; @button-danger-inverse-stroke-disabled-border-bottom-width: null; @button-danger-inverse-stroke-disabled-border-bottom-color: null; @button-danger-inverse-stroke-disabled-border-bottom-style: null; @button-danger-inverse-stroke-disabled-border-left-width: null; @button-danger-inverse-stroke-disabled-border-left-color: null; @button-danger-inverse-stroke-disabled-border-left-style: null; @button-danger-inverse-stroke-disabled-caret-color: null; @button-danger-inverse-stroke-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button Collection -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-collection-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button Collection Spacing ----------------------------------------------------------------------------- */ @button-collection-spacing: @base-spacing-unit * 0.2; @button-collection-spacing-screen-mini: @base-spacing-unit-screen-mini * 0.2; @button-collection-spacing-screen-small: @base-spacing-unit-screen-small * 0.2; @button-collection-spacing-screen-medium: @base-spacing-unit-screen-medium * 0.15; @button-collection-spacing-screen-large: @base-spacing-unit-screen-large * 0.15; /* ----------------------------------------------------------------------------- Button Collection Margins ----------------------------------------------------------------------------- */ @button-collection-margin-top: 0px; @button-collection-margin-bottom: @base-spacing-unit * 0.5; @button-collection-short-margin-top: 0px; @button-collection-short-margin-bottom: @base-spacing-unit * 0.25; @button-collection-tall-margin-top: 0px; @button-collection-tall-margin-bottom: @base-spacing-unit * 1.0; /* ----------------------------------------------------------------------------- Button Collection Responsive Scaling ----------------------------------------------------------------------------- */ @button-collection-scale-screen-mini-enabled: @button-scale-screen-mini-enabled; @button-collection-scale-screen-small-enabled: @button-scale-screen-small-enabled; @button-collection-scale-screen-medium-enabled: @button-scale-screen-medium-enabled; @button-collection-scale-screen-large-enabled: @button-scale-screen-large-enabled; @button-collection-margin-top-scale-screen-mini: 1.0; @button-collection-margin-top-scale-screen-small: 1.1; @button-collection-margin-top-scale-screen-medium: 1.2; @button-collection-margin-top-scale-screen-large: 1.2; @button-collection-margin-bottom-scale-screen-mini: 1.0; @button-collection-margin-bottom-scale-screen-small: 1.1; @button-collection-margin-bottom-scale-screen-medium: 1.2; @button-collection-margin-bottom-scale-screen-large: 1.2; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button Group -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-group-enabled: @button-enabled; /* ----------------------------------------------------------------------------- Button Collection Spacing ----------------------------------------------------------------------------- */ @button-group-button-default-offset-horizontal: 0px; @button-group-button-default-offset-vertical: 0px; @button-group-button-stroke-offset-horizontal: -1px; @button-group-button-stroke-offset-vertical: 0px; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Button Dropdown -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @button-dropdown-enabled: @button-enabled;