/* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- variables/variables-forms.less -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Form Margins ----------------------------------------------------------------------------- */ @form-margin-top: 0px; @form-margin-bottom: @base-spacing-unit * 1.0; @form-short-margin-top: 0px; @form-short-margin-bottom: @base-spacing-unit * 0.5; @form-tall-margin-top: 0px; @form-tall-margin-bottom: @base-spacing-unit * 1.5; /* ----------------------------------------------------------------------------- Form Responsive Scaling ----------------------------------------------------------------------------- */ @form-scale-screen-mini-enabled: @screen-mini-enabled; @form-scale-screen-small-enabled: @screen-small-enabled; @form-scale-screen-medium-enabled: @screen-medium-enabled; @form-scale-screen-large-enabled: @screen-large-enabled; @form-margin-top-scale-screen-mini: @base-spacing-unit-screen-mini / @base-spacing-unit; @form-margin-top-scale-screen-small: @base-spacing-unit-screen-small / @base-spacing-unit; @form-margin-top-scale-screen-medium: @base-spacing-unit-screen-medium / @base-spacing-unit; @form-margin-top-scale-screen-large: @base-spacing-unit-screen-large / @base-spacing-unit; @form-margin-bottom-scale-screen-mini: @base-spacing-unit-screen-mini / @base-spacing-unit; @form-margin-bottom-scale-screen-small: @base-spacing-unit-screen-small / @base-spacing-unit; @form-margin-bottom-scale-screen-medium: @base-spacing-unit-screen-medium / @base-spacing-unit; @form-margin-bottom-scale-screen-large: @base-spacing-unit-screen-large / @base-spacing-unit; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Group -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-group-enabled: @form-enabled; /* ----------------------------------------------------------------------------- Form Group States ----------------------------------------------------------------------------- */ @form-group-success-enabled: @form-group-enabled; @form-group-error-enabled: @form-group-enabled; /* ----------------------------------------------------------------------------- Form Group Margin ----------------------------------------------------------------------------- */ @form-group-margin-top: 0px; @form-group-margin-bottom: @base-spacing-unit * 0.5; @form-group-short-margin-top: 0px; @form-group-short-margin-bottom: @base-spacing-unit * 0.25; @form-group-tall-margin-top: 0px; @form-group-tall-margin-bottom: @base-spacing-unit * 1.0; /* ----------------------------------------------------------------------------- Form Group Responsive Scaling ----------------------------------------------------------------------------- */ @form-group-scale-screen-mini-enabled: @form-scale-screen-mini-enabled; @form-group-scale-screen-small-enabled: @form-scale-screen-small-enabled; @form-group-scale-screen-medium-enabled: @form-scale-screen-medium-enabled; @form-group-scale-screen-large-enabled: @form-scale-screen-large-enabled; @form-group-margin-top-scale-screen-mini: @base-spacing-unit-screen-mini / @base-spacing-unit; @form-group-margin-top-scale-screen-small: @base-spacing-unit-screen-small / @base-spacing-unit; @form-group-margin-top-scale-screen-medium: @base-spacing-unit-screen-medium / @base-spacing-unit; @form-group-margin-top-scale-screen-large: @base-spacing-unit-screen-large / @base-spacing-unit; @form-group-margin-bottom-scale-screen-mini: @base-spacing-unit-screen-mini / @base-spacing-unit; @form-group-margin-bottom-scale-screen-small: @base-spacing-unit-screen-small / @base-spacing-unit; @form-group-margin-bottom-scale-screen-medium: @base-spacing-unit-screen-medium / @base-spacing-unit; @form-group-margin-bottom-scale-screen-large: @base-spacing-unit-screen-large / @base-spacing-unit; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-enabled: @form-enabled; /* ----------------------------------------------------------------------------- Form Control Styles ----------------------------------------------------------------------------- */ @form-control-text-font-size: @button-text-font-size; @form-control-text-line-height: @button-text-line-height; @form-control-height: @button-height; @form-control-padding-horizontal: @button-padding-horizontal * 0.5; @form-control-border-radius: @button-border-radius; @form-control-box-sizing: border-box; @form-control-background-clip: padding-box; /* ----------------------------------------------------------------------------- Form Control Select Arrow Style ----------------------------------------------------------------------------- */ @form-control-select-arrow-width: 10px; @form-control-select-arrow-height: 6px; /* ----------------------------------------------------------------------------- Form Control Responsive Scaling ----------------------------------------------------------------------------- */ @form-control-scale-screen-mini-enabled: @form-scale-screen-mini-enabled; @form-control-scale-screen-small-enabled: @form-scale-screen-small-enabled; @form-control-scale-screen-medium-enabled: @form-scale-screen-medium-enabled; @form-control-scale-screen-large-enabled: @form-scale-screen-large-enabled; @form-control-text-font-size-scale-screen-mini: @button-text-font-size-scale-screen-mini; @form-control-text-font-size-scale-screen-small: @button-text-font-size-scale-screen-small; @form-control-text-font-size-scale-screen-medium: @button-text-font-size-scale-screen-medium; @form-control-text-font-size-scale-screen-large: @button-text-font-size-scale-screen-large; @form-control-text-line-height-scale-screen-mini: @button-text-line-height-scale-screen-mini; @form-control-text-line-height-scale-screen-small: @button-text-line-height-scale-screen-small; @form-control-text-line-height-scale-screen-medium: @button-text-line-height-scale-screen-medium; @form-control-text-line-height-scale-screen-large: @button-text-line-height-scale-screen-large; @form-control-height-scale-screen-mini: @button-height-scale-screen-mini; @form-control-height-scale-screen-small: @button-height-scale-screen-small; @form-control-height-scale-screen-medium: @button-height-scale-screen-medium; @form-control-height-scale-screen-large: @button-height-scale-screen-large; @form-control-padding-horizontal-scale-screen-mini: @button-padding-horizontal-scale-screen-mini; @form-control-padding-horizontal-scale-screen-small: @button-padding-horizontal-scale-screen-small; @form-control-padding-horizontal-scale-screen-medium: @button-padding-horizontal-scale-screen-medium; @form-control-padding-horizontal-scale-screen-large: @button-padding-horizontal-scale-screen-large; @form-control-border-radius-scale-screen-mini: @button-border-radius-scale-screen-mini; @form-control-border-radius-scale-screen-small: @button-border-radius-scale-screen-small; @form-control-border-radius-scale-screen-medium: @button-border-radius-scale-screen-medium; @form-control-border-radius-scale-screen-large: @button-border-radius-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Mini) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-mini-enabled: @button-mini-enabled; /* ----------------------------------------------------------------------------- Form Control (Mini) Styles ----------------------------------------------------------------------------- */ @form-control-mini-text-font-size: @button-mini-text-font-size; @form-control-mini-text-line-height: @button-mini-text-line-height; @form-control-mini-height: @button-mini-height; @form-control-mini-padding-horizontal: @button-padding-horizontal * 0.5; @form-control-mini-border-radius: @button-mini-border-radius; /* ----------------------------------------------------------------------------- Form Control Select Arrow Style ----------------------------------------------------------------------------- */ @form-control-mini-select-arrow-width: @form-control-select-arrow-width * (@button-mini-height / @button-height); @form-control-mini-select-arrow-height: @form-control-select-arrow-height * (@button-mini-height / @button-height); /* ----------------------------------------------------------------------------- Form Control (Mini) Responsive Scaling ----------------------------------------------------------------------------- */ @form-control-mini-scale-screen-mini-enabled: @form-control-scale-screen-mini-enabled; @form-control-mini-scale-screen-small-enabled: @form-control-scale-screen-small-enabled; @form-control-mini-scale-screen-medium-enabled: @form-control-scale-screen-medium-enabled; @form-control-mini-scale-screen-large-enabled: @form-control-scale-screen-large-enabled; @form-control-mini-text-font-size-scale-screen-mini: @button-mini-text-font-size-scale-screen-mini; @form-control-mini-text-font-size-scale-screen-small: @button-mini-text-font-size-scale-screen-small; @form-control-mini-text-font-size-scale-screen-medium: @button-mini-text-font-size-scale-screen-medium; @form-control-mini-text-font-size-scale-screen-large: @button-mini-text-font-size-scale-screen-large; @form-control-mini-text-line-height-scale-screen-mini: @button-mini-text-line-height-scale-screen-mini; @form-control-mini-text-line-height-scale-screen-small: @button-mini-text-line-height-scale-screen-small; @form-control-mini-text-line-height-scale-screen-medium: @button-mini-text-line-height-scale-screen-medium; @form-control-mini-text-line-height-scale-screen-large: @button-mini-text-line-height-scale-screen-large; @form-control-mini-height-scale-screen-mini: @button-mini-height-scale-screen-mini; @form-control-mini-height-scale-screen-small: @button-mini-height-scale-screen-small; @form-control-mini-height-scale-screen-medium: @button-mini-height-scale-screen-medium; @form-control-mini-height-scale-screen-large: @button-mini-height-scale-screen-large; @form-control-mini-padding-horizontal-scale-screen-mini: @button-mini-padding-horizontal-scale-screen-mini; @form-control-mini-padding-horizontal-scale-screen-small: @button-mini-padding-horizontal-scale-screen-small; @form-control-mini-padding-horizontal-scale-screen-medium: @button-mini-padding-horizontal-scale-screen-medium; @form-control-mini-padding-horizontal-scale-screen-large: @button-mini-padding-horizontal-scale-screen-large; @form-control-mini-border-radius-scale-screen-mini: @button-mini-border-radius-scale-screen-mini; @form-control-mini-border-radius-scale-screen-small: @button-mini-border-radius-scale-screen-small; @form-control-mini-border-radius-scale-screen-medium: @button-mini-border-radius-scale-screen-medium; @form-control-mini-border-radius-scale-screen-large: @button-mini-border-radius-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Small) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-small-enabled: @button-small-enabled; /* ----------------------------------------------------------------------------- Form Control (Small) Styles ----------------------------------------------------------------------------- */ @form-control-small-text-font-size: @button-small-text-font-size; @form-control-small-text-line-height: @button-small-text-line-height; @form-control-small-height: @button-small-height; @form-control-small-padding-horizontal: @button-padding-horizontal * 0.5; @form-control-small-border-radius: @button-small-border-radius; /* ----------------------------------------------------------------------------- Form Control (Small) Select Arrow Style ----------------------------------------------------------------------------- */ @form-control-small-select-arrow-width: @form-control-select-arrow-width * (@button-small-height / @button-height); @form-control-small-select-arrow-height: @form-control-select-arrow-height * (@button-small-height / @button-height); /* ----------------------------------------------------------------------------- Form Control (Small) Responsive Scaling ----------------------------------------------------------------------------- */ @form-control-small-scale-screen-mini-enabled: @form-control-scale-screen-mini-enabled; @form-control-small-scale-screen-small-enabled: @form-control-scale-screen-small-enabled; @form-control-small-scale-screen-medium-enabled: @form-control-scale-screen-medium-enabled; @form-control-small-scale-screen-large-enabled: @form-control-scale-screen-large-enabled; @form-control-small-text-font-size-scale-screen-mini: @button-small-text-font-size-scale-screen-mini; @form-control-small-text-font-size-scale-screen-small: @button-small-text-font-size-scale-screen-small; @form-control-small-text-font-size-scale-screen-medium: @button-small-text-font-size-scale-screen-medium; @form-control-small-text-font-size-scale-screen-large: @button-small-text-font-size-scale-screen-large; @form-control-small-text-line-height-scale-screen-mini: @button-small-text-line-height-scale-screen-mini; @form-control-small-text-line-height-scale-screen-small: @button-small-text-line-height-scale-screen-small; @form-control-small-text-line-height-scale-screen-medium: @button-small-text-line-height-scale-screen-medium; @form-control-small-text-line-height-scale-screen-large: @button-small-text-line-height-scale-screen-large; @form-control-small-height-scale-screen-mini: @button-small-height-scale-screen-mini; @form-control-small-height-scale-screen-small: @button-small-height-scale-screen-small; @form-control-small-height-scale-screen-medium: @button-small-height-scale-screen-medium; @form-control-small-height-scale-screen-large: @button-small-height-scale-screen-large; @form-control-small-padding-horizontal-scale-screen-mini: @button-small-padding-horizontal-scale-screen-mini; @form-control-small-padding-horizontal-scale-screen-small: @button-small-padding-horizontal-scale-screen-small; @form-control-small-padding-horizontal-scale-screen-medium: @button-small-padding-horizontal-scale-screen-medium; @form-control-small-padding-horizontal-scale-screen-large: @button-small-padding-horizontal-scale-screen-large; @form-control-small-border-radius-scale-screen-mini: @button-small-border-radius-scale-screen-mini; @form-control-small-border-radius-scale-screen-small: @button-small-border-radius-scale-screen-small; @form-control-small-border-radius-scale-screen-medium: @button-small-border-radius-scale-screen-medium; @form-control-small-border-radius-scale-screen-large: @button-small-border-radius-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Large) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-large-enabled: @button-large-enabled; /* ----------------------------------------------------------------------------- Form Control (Large) Styles ----------------------------------------------------------------------------- */ @form-control-large-text-font-size: @button-large-text-font-size; @form-control-large-text-line-height: @button-large-text-line-height; @form-control-large-height: @button-large-height; @form-control-large-padding-horizontal: @button-padding-horizontal * 0.5; @form-control-large-border-radius: @button-large-border-radius; /* ----------------------------------------------------------------------------- Form Control (Large) Select Arrow Style ----------------------------------------------------------------------------- */ @form-control-large-select-arrow-width: @form-control-select-arrow-width * (@button-large-height / @button-height); @form-control-large-select-arrow-height: @form-control-select-arrow-height * (@button-large-height / @button-height); /* ----------------------------------------------------------------------------- Form Control (Large) Responsive Scaling ----------------------------------------------------------------------------- */ @form-control-large-scale-screen-mini-enabled: @form-control-scale-screen-mini-enabled; @form-control-large-scale-screen-small-enabled: @form-control-scale-screen-small-enabled; @form-control-large-scale-screen-medium-enabled: @form-control-scale-screen-medium-enabled; @form-control-large-scale-screen-large-enabled: @form-control-scale-screen-large-enabled; @form-control-large-text-font-size-scale-screen-mini: @button-large-text-font-size-scale-screen-mini; @form-control-large-text-font-size-scale-screen-small: @button-large-text-font-size-scale-screen-small; @form-control-large-text-font-size-scale-screen-medium: @button-large-text-font-size-scale-screen-medium; @form-control-large-text-font-size-scale-screen-large: @button-large-text-font-size-scale-screen-large; @form-control-large-text-line-height-scale-screen-mini: @button-large-text-line-height-scale-screen-mini; @form-control-large-text-line-height-scale-screen-small: @button-large-text-line-height-scale-screen-small; @form-control-large-text-line-height-scale-screen-medium: @button-large-text-line-height-scale-screen-medium; @form-control-large-text-line-height-scale-screen-large: @button-large-text-line-height-scale-screen-large; @form-control-large-height-scale-screen-mini: @button-large-height-scale-screen-mini; @form-control-large-height-scale-screen-small: @button-large-height-scale-screen-small; @form-control-large-height-scale-screen-medium: @button-large-height-scale-screen-medium; @form-control-large-height-scale-screen-large: @button-large-height-scale-screen-large; @form-control-large-padding-horizontal-scale-screen-mini: @button-large-padding-horizontal-scale-screen-mini; @form-control-large-padding-horizontal-scale-screen-small: @button-large-padding-horizontal-scale-screen-small; @form-control-large-padding-horizontal-scale-screen-medium: @button-large-padding-horizontal-scale-screen-medium; @form-control-large-padding-horizontal-scale-screen-large: @button-large-padding-horizontal-scale-screen-large; @form-control-large-border-radius-scale-screen-mini: @button-large-border-radius-scale-screen-mini; @form-control-large-border-radius-scale-screen-small: @button-large-border-radius-scale-screen-small; @form-control-large-border-radius-scale-screen-medium: @button-large-border-radius-scale-screen-medium; @form-control-large-border-radius-scale-screen-large: @button-large-border-radius-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Jumbo) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-jumbo-enabled: @button-jumbo-enabled; /* ----------------------------------------------------------------------------- Form Control (Jumbo) Styles ----------------------------------------------------------------------------- */ @form-control-jumbo-text-font-size: @button-jumbo-text-font-size; @form-control-jumbo-text-line-height: @button-jumbo-text-line-height; @form-control-jumbo-height: @button-jumbo-height; @form-control-jumbo-padding-horizontal: @button-padding-horizontal * 0.5; @form-control-jumbo-border-radius: @button-jumbo-border-radius; /* ----------------------------------------------------------------------------- Form Control (Jumbo) Select Arrow Style ----------------------------------------------------------------------------- */ @form-control-jumbo-select-arrow-width: @form-control-select-arrow-width * (@button-jumbo-height / @button-height); @form-control-jumbo-select-arrow-height: @form-control-select-arrow-height * (@button-jumbo-height / @button-height); /* ----------------------------------------------------------------------------- Form Control (Jumbo) Responsive Scaling ----------------------------------------------------------------------------- */ @form-control-jumbo-scale-screen-mini-enabled: @form-control-scale-screen-mini-enabled; @form-control-jumbo-scale-screen-small-enabled: @form-control-scale-screen-small-enabled; @form-control-jumbo-scale-screen-medium-enabled: @form-control-scale-screen-medium-enabled; @form-control-jumbo-scale-screen-large-enabled: @form-control-scale-screen-large-enabled; @form-control-jumbo-text-font-size-scale-screen-mini: @button-jumbo-text-font-size-scale-screen-mini; @form-control-jumbo-text-font-size-scale-screen-small: @button-jumbo-text-font-size-scale-screen-small; @form-control-jumbo-text-font-size-scale-screen-medium: @button-jumbo-text-font-size-scale-screen-medium; @form-control-jumbo-text-font-size-scale-screen-large: @button-jumbo-text-font-size-scale-screen-large; @form-control-jumbo-text-line-height-scale-screen-mini: @button-jumbo-text-line-height-scale-screen-mini; @form-control-jumbo-text-line-height-scale-screen-small: @button-jumbo-text-line-height-scale-screen-small; @form-control-jumbo-text-line-height-scale-screen-medium: @button-jumbo-text-line-height-scale-screen-medium; @form-control-jumbo-text-line-height-scale-screen-large: @button-jumbo-text-line-height-scale-screen-large; @form-control-jumbo-height-scale-screen-mini: @button-jumbo-height-scale-screen-mini; @form-control-jumbo-height-scale-screen-small: @button-jumbo-height-scale-screen-small; @form-control-jumbo-height-scale-screen-medium: @button-jumbo-height-scale-screen-medium; @form-control-jumbo-height-scale-screen-large: @button-jumbo-height-scale-screen-large; @form-control-jumbo-padding-horizontal-scale-screen-mini: @button-jumbo-padding-horizontal-scale-screen-mini; @form-control-jumbo-padding-horizontal-scale-screen-small: @button-jumbo-padding-horizontal-scale-screen-small; @form-control-jumbo-padding-horizontal-scale-screen-medium: @button-jumbo-padding-horizontal-scale-screen-medium; @form-control-jumbo-padding-horizontal-scale-screen-large: @button-jumbo-padding-horizontal-scale-screen-large; @form-control-jumbo-border-radius-scale-screen-mini: @button-jumbo-border-radius-scale-screen-mini; @form-control-jumbo-border-radius-scale-screen-small: @button-jumbo-border-radius-scale-screen-small; @form-control-jumbo-border-radius-scale-screen-medium: @button-jumbo-border-radius-scale-screen-medium; @form-control-jumbo-border-radius-scale-screen-large: @button-jumbo-border-radius-scale-screen-large; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Form Control (Default) State: Normal ----------------------------------------------------------------------------- */ @form-control-default-text-color: color-lighten(@neutral, -20); @form-control-default-text-font-family: @font-family-sans-serif; @form-control-default-text-font-style: null; @form-control-default-text-font-weight: 400; @form-control-default-text-transform: null; @form-control-default-text-shadow: null; @form-control-default-text-rendering: optimizelegibility; @form-control-default-placeholder-text-color: color-lighten(@neutral, 60); @form-control-default-background-color: @white; @form-control-default-background-gradient-color-top: null; @form-control-default-background-gradient-color-bottom: null; @form-control-default-border-width: 1px; @form-control-default-border-color: rgba(0, 0, 0, 0.2); @form-control-default-border-style: solid; @form-control-default-border-top-width: null; @form-control-default-border-top-color: null; @form-control-default-border-top-style: null; @form-control-default-border-right-width: null; @form-control-default-border-right-color: null; @form-control-default-border-right-style: null; @form-control-default-border-bottom-width: null; @form-control-default-border-bottom-color: null; @form-control-default-border-bottom-style: null; @form-control-default-border-left-width: null; @form-control-default-border-left-color: null; @form-control-default-border-left-style: null; @form-control-default-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Default) State: Hover ----------------------------------------------------------------------------- */ @form-control-default-hover-text-color: color-lighten(@neutral, -40); @form-control-default-hover-text-font-family: null; @form-control-default-hover-text-font-style: null; @form-control-default-hover-text-font-weight: null; @form-control-default-hover-text-transform: null; @form-control-default-hover-text-shadow: null; @form-control-default-hover-text-rendering: null; @form-control-default-hover-placeholder-text-color: color-lighten(@neutral, 50); @form-control-default-hover-background-color: null; @form-control-default-hover-background-gradient-color-top: null; @form-control-default-hover-background-gradient-color-bottom: null; @form-control-default-hover-border-width: null; @form-control-default-hover-border-color: rgba(0, 0, 0, 0.4); @form-control-default-hover-border-style: null; @form-control-default-hover-border-top-width: null; @form-control-default-hover-border-top-color: null; @form-control-default-hover-border-top-style: null; @form-control-default-hover-border-right-width: null; @form-control-default-hover-border-right-color: null; @form-control-default-hover-border-right-style: null; @form-control-default-hover-border-bottom-width: null; @form-control-default-hover-border-bottom-color: null; @form-control-default-hover-border-bottom-style: null; @form-control-default-hover-border-left-width: null; @form-control-default-hover-border-left-color: null; @form-control-default-hover-border-left-style: null; @form-control-default-hover-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Default) State: Focus ----------------------------------------------------------------------------- */ @form-control-default-focus-text-color: color-lighten(@purple, 0); @form-control-default-focus-text-font-family: null; @form-control-default-focus-text-font-style: null; @form-control-default-focus-text-font-weight: null; @form-control-default-focus-text-transform: null; @form-control-default-focus-text-shadow: null; @form-control-default-focus-text-rendering: null; @form-control-default-focus-placeholder-text-color: color-lighten(@purple, 60); @form-control-default-focus-background-color: color-lighten(@purple, 98); @form-control-default-focus-background-gradient-color-top: null; @form-control-default-focus-background-gradient-color-bottom: null; @form-control-default-focus-border-width: null; @form-control-default-focus-border-color: @purple; @form-control-default-focus-border-style: null; @form-control-default-focus-border-top-width: null; @form-control-default-focus-border-top-color: null; @form-control-default-focus-border-top-style: null; @form-control-default-focus-border-right-width: null; @form-control-default-focus-border-right-color: null; @form-control-default-focus-border-right-style: null; @form-control-default-focus-border-bottom-width: null; @form-control-default-focus-border-bottom-color: null; @form-control-default-focus-border-bottom-style: null; @form-control-default-focus-border-left-width: null; @form-control-default-focus-border-left-color: null; @form-control-default-focus-border-left-style: null; @form-control-default-focus-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Default) State: Disabled ----------------------------------------------------------------------------- */ @form-control-default-disabled-opacity: 0.5; @form-control-default-disabled-text-color: null; @form-control-default-disabled-text-font-family: null; @form-control-default-disabled-text-font-style: null; @form-control-default-disabled-text-font-weight: null; @form-control-default-disabled-text-transform: null; @form-control-default-disabled-text-shadow: null; @form-control-default-disabled-text-rendering: null; @form-control-default-disabled-placeholder-text-color: null; @form-control-default-disabled-background-color: null; @form-control-default-disabled-background-gradient-color-top: null; @form-control-default-disabled-background-gradient-color-bottom: null; @form-control-default-disabled-border-width: null; @form-control-default-disabled-border-color: null; @form-control-default-disabled-border-style: null; @form-control-default-disabled-border-top-width: null; @form-control-default-disabled-border-top-color: null; @form-control-default-disabled-border-top-style: null; @form-control-default-disabled-border-right-width: null; @form-control-default-disabled-border-right-color: null; @form-control-default-disabled-border-right-style: null; @form-control-default-disabled-border-bottom-width: null; @form-control-default-disabled-border-bottom-color: null; @form-control-default-disabled-border-bottom-style: null; @form-control-default-disabled-border-left-width: null; @form-control-default-disabled-border-left-color: null; @form-control-default-disabled-border-left-style: null; @form-control-default-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Default, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-default-inverse-enabled: @form-control-enabled; /* ----------------------------------------------------------------------------- Form Control (Default, Inverse) State: Normal ----------------------------------------------------------------------------- */ @form-control-default-inverse-text-color: color-lighten(@white, 0); @form-control-default-inverse-text-font-family: null; @form-control-default-inverse-text-font-style: null; @form-control-default-inverse-text-font-weight: null; @form-control-default-inverse-text-transform: null; @form-control-default-inverse-text-shadow: null; @form-control-default-inverse-text-rendering: null; @form-control-default-inverse-placeholder-text-color: color-lighten(@neutral, 20); @form-control-default-inverse-background-color: none; @form-control-default-inverse-background-gradient-color-top: null; @form-control-default-inverse-background-gradient-color-bottom: null; @form-control-default-inverse-border-width: null; @form-control-default-inverse-border-color: color-lighten(@neutral, 10); @form-control-default-inverse-border-style: null; @form-control-default-inverse-border-top-width: null; @form-control-default-inverse-border-top-color: null; @form-control-default-inverse-border-top-style: null; @form-control-default-inverse-border-right-width: null; @form-control-default-inverse-border-right-color: null; @form-control-default-inverse-border-right-style: null; @form-control-default-inverse-border-bottom-width: null; @form-control-default-inverse-border-bottom-color: null; @form-control-default-inverse-border-bottom-style: null; @form-control-default-inverse-border-left-width: null; @form-control-default-inverse-border-left-color: null; @form-control-default-inverse-border-left-style: null; @form-control-default-inverse-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Default, Inverse) State: Hover ----------------------------------------------------------------------------- */ @form-control-default-inverse-hover-text-color: color-lighten(@white, 0); @form-control-default-inverse-hover-text-font-family: null; @form-control-default-inverse-hover-text-font-style: null; @form-control-default-inverse-hover-text-font-weight: null; @form-control-default-inverse-hover-text-transform: null; @form-control-default-inverse-hover-text-shadow: null; @form-control-default-inverse-hover-text-rendering: null; @form-control-default-inverse-hover-placeholder-text-color: color-lighten(@neutral, 40); @form-control-default-inverse-hover-background-color: null; @form-control-default-inverse-hover-background-gradient-color-top: null; @form-control-default-inverse-hover-background-gradient-color-bottom: null; @form-control-default-inverse-hover-border-width: null; @form-control-default-inverse-hover-border-color: color-lighten(@neutral, 20); @form-control-default-inverse-hover-border-style: null; @form-control-default-inverse-hover-border-top-width: null; @form-control-default-inverse-hover-border-top-color: null; @form-control-default-inverse-hover-border-top-style: null; @form-control-default-inverse-hover-border-right-width: null; @form-control-default-inverse-hover-border-right-color: null; @form-control-default-inverse-hover-border-right-style: null; @form-control-default-inverse-hover-border-bottom-width: null; @form-control-default-inverse-hover-border-bottom-color: null; @form-control-default-inverse-hover-border-bottom-style: null; @form-control-default-inverse-hover-border-left-width: null; @form-control-default-inverse-hover-border-left-color: null; @form-control-default-inverse-hover-border-left-style: null; @form-control-default-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Default, Inverse) State: Focus ----------------------------------------------------------------------------- */ @form-control-default-inverse-focus-text-color: color-lighten(@white, 0); @form-control-default-inverse-focus-text-font-family: null; @form-control-default-inverse-focus-text-font-style: null; @form-control-default-inverse-focus-text-font-weight: null; @form-control-default-inverse-focus-text-transform: null; @form-control-default-inverse-focus-text-shadow: null; @form-control-default-inverse-focus-text-rendering: null; @form-control-default-inverse-focus-background-color: null; @form-control-default-inverse-focus-placeholder-text-color: color-lighten(@neutral, 40); @form-control-default-inverse-focus-background-gradient-color-top: null; @form-control-default-inverse-focus-background-gradient-color-bottom: null; @form-control-default-inverse-focus-border-width: null; @form-control-default-inverse-focus-border-color: color-lighten(@purple, 5); @form-control-default-inverse-focus-border-style: null; @form-control-default-inverse-focus-border-top-width: null; @form-control-default-inverse-focus-border-top-color: null; @form-control-default-inverse-focus-border-top-style: null; @form-control-default-inverse-focus-border-right-width: null; @form-control-default-inverse-focus-border-right-color: null; @form-control-default-inverse-focus-border-right-style: null; @form-control-default-inverse-focus-border-bottom-width: null; @form-control-default-inverse-focus-border-bottom-color: null; @form-control-default-inverse-focus-border-bottom-style: null; @form-control-default-inverse-focus-border-left-width: null; @form-control-default-inverse-focus-border-left-color: null; @form-control-default-inverse-focus-border-left-style: null; @form-control-default-inverse-focus-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Default, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @form-control-default-inverse-disabled-opacity: 0.5; @form-control-default-inverse-disabled-text-color: null; @form-control-default-inverse-disabled-text-font-family: null; @form-control-default-inverse-disabled-text-font-style: null; @form-control-default-inverse-disabled-text-font-weight: null; @form-control-default-inverse-disabled-text-transform: null; @form-control-default-inverse-disabled-text-shadow: null; @form-control-default-inverse-disabled-text-rendering: null; @form-control-default-inverse-disabled-placeholder-text-color: null; @form-control-default-inverse-disabled-background-color: null; @form-control-default-inverse-disabled-background-gradient-color-top: null; @form-control-default-inverse-disabled-background-gradient-color-bottom: null; @form-control-default-inverse-disabled-border-width: null; @form-control-default-inverse-disabled-border-color: null; @form-control-default-inverse-disabled-border-style: null; @form-control-default-inverse-disabled-border-top-width: null; @form-control-default-inverse-disabled-border-top-color: null; @form-control-default-inverse-disabled-border-top-style: null; @form-control-default-inverse-disabled-border-right-width: null; @form-control-default-inverse-disabled-border-right-color: null; @form-control-default-inverse-disabled-border-right-style: null; @form-control-default-inverse-disabled-border-bottom-width: null; @form-control-default-inverse-disabled-border-bottom-color: null; @form-control-default-inverse-disabled-border-bottom-style: null; @form-control-default-inverse-disabled-border-left-width: null; @form-control-default-inverse-disabled-border-left-color: null; @form-control-default-inverse-disabled-border-left-style: null; @form-control-default-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-success-enabled: @form-control-enabled; /* ----------------------------------------------------------------------------- Form Control (Success) State: Normal ----------------------------------------------------------------------------- */ @form-control-success-text-color: color-lighten(@green, -20); @form-control-success-text-font-family: null; @form-control-success-text-font-style: null; @form-control-success-text-font-weight: null; @form-control-success-text-transform: null; @form-control-success-text-shadow: null; @form-control-success-text-rendering: null; @form-control-success-placeholder-text-color: color-lighten(@green, 0); @form-control-success-background-color: null; @form-control-success-background-gradient-color-top: null; @form-control-success-background-gradient-color-bottom: null; @form-control-success-border-width: null; @form-control-success-border-color: @green; @form-control-success-border-style: null; @form-control-success-border-top-width: null; @form-control-success-border-top-color: null; @form-control-success-border-top-style: null; @form-control-success-border-right-width: null; @form-control-success-border-right-color: null; @form-control-success-border-right-style: null; @form-control-success-border-bottom-width: null; @form-control-success-border-bottom-color: null; @form-control-success-border-bottom-style: null; @form-control-success-border-left-width: null; @form-control-success-border-left-color: null; @form-control-success-border-left-style: null; @form-control-success-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Success) State: Hover ----------------------------------------------------------------------------- */ @form-control-success-hover-text-color: color-lighten(@green, -40); @form-control-success-hover-text-font-family: null; @form-control-success-hover-text-font-style: null; @form-control-success-hover-text-font-weight: null; @form-control-success-hover-text-transform: null; @form-control-success-hover-text-shadow: null; @form-control-success-hover-text-rendering: null; @form-control-success-hover-placeholder-text-color: color-lighten(@green, -10); @form-control-success-hover-background-color: null; @form-control-success-hover-background-gradient-color-top: null; @form-control-success-hover-background-gradient-color-bottom: null; @form-control-success-hover-border-width: null; @form-control-success-hover-border-color: null; @form-control-success-hover-border-style: null; @form-control-success-hover-border-top-width: null; @form-control-success-hover-border-top-color: null; @form-control-success-hover-border-top-style: null; @form-control-success-hover-border-right-width: null; @form-control-success-hover-border-right-color: null; @form-control-success-hover-border-right-style: null; @form-control-success-hover-border-bottom-width: null; @form-control-success-hover-border-bottom-color: null; @form-control-success-hover-border-bottom-style: null; @form-control-success-hover-border-left-width: null; @form-control-success-hover-border-left-color: null; @form-control-success-hover-border-left-style: null; @form-control-success-hover-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Success) State: Focus ----------------------------------------------------------------------------- */ @form-control-success-focus-text-color: color-lighten(@green, 0); @form-control-success-focus-text-font-family: null; @form-control-success-focus-text-font-style: null; @form-control-success-focus-text-font-weight: null; @form-control-success-focus-text-transform: null; @form-control-success-focus-text-shadow: null; @form-control-success-focus-text-rendering: null; @form-control-success-focus-placeholder-text-color: color-lighten(@green, 10); @form-control-success-focus-background-color: color-lighten(@green, 98); @form-control-success-focus-background-gradient-color-top: null; @form-control-success-focus-background-gradient-color-bottom: null; @form-control-success-focus-border-width: null; @form-control-success-focus-border-color: null; @form-control-success-focus-border-style: null; @form-control-success-focus-border-top-width: null; @form-control-success-focus-border-top-color: null; @form-control-success-focus-border-top-style: null; @form-control-success-focus-border-right-width: null; @form-control-success-focus-border-right-color: null; @form-control-success-focus-border-right-style: null; @form-control-success-focus-border-bottom-width: null; @form-control-success-focus-border-bottom-color: null; @form-control-success-focus-border-bottom-style: null; @form-control-success-focus-border-left-width: null; @form-control-success-focus-border-left-color: null; @form-control-success-focus-border-left-style: null; @form-control-success-focus-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Success) State: Disabled ----------------------------------------------------------------------------- */ @form-control-success-disabled-opacity: 0.5; @form-control-success-disabled-text-color: null; @form-control-success-disabled-text-font-family: null; @form-control-success-disabled-text-font-style: null; @form-control-success-disabled-text-font-weight: null; @form-control-success-disabled-text-transform: null; @form-control-success-disabled-text-shadow: null; @form-control-success-disabled-text-rendering: null; @form-control-success-disabled-placeholder-text-color: null; @form-control-success-disabled-background-color: null; @form-control-success-disabled-background-gradient-color-top: null; @form-control-success-disabled-background-gradient-color-bottom: null; @form-control-success-disabled-border-width: null; @form-control-success-disabled-border-color: null; @form-control-success-disabled-border-style: null; @form-control-success-disabled-border-top-width: null; @form-control-success-disabled-border-top-color: null; @form-control-success-disabled-border-top-style: null; @form-control-success-disabled-border-right-width: null; @form-control-success-disabled-border-right-color: null; @form-control-success-disabled-border-right-style: null; @form-control-success-disabled-border-bottom-width: null; @form-control-success-disabled-border-bottom-color: null; @form-control-success-disabled-border-bottom-style: null; @form-control-success-disabled-border-left-width: null; @form-control-success-disabled-border-left-color: null; @form-control-success-disabled-border-left-style: null; @form-control-success-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Success, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-success-inverse-enabled: @form-control-enabled; /* ----------------------------------------------------------------------------- Form Control (Success, Inverse) State: Normal ----------------------------------------------------------------------------- */ @form-control-success-inverse-text-color: color-lighten(@white, 0); @form-control-success-inverse-text-font-family: null; @form-control-success-inverse-text-font-style: null; @form-control-success-inverse-text-font-weight: null; @form-control-success-inverse-text-transform: null; @form-control-success-inverse-text-shadow: null; @form-control-success-inverse-text-rendering: null; @form-control-success-inverse-placeholder-text-color: color-lighten(@green, 40); @form-control-success-inverse-background-color: none; @form-control-success-inverse-background-gradient-color-top: null; @form-control-success-inverse-background-gradient-color-bottom: null; @form-control-success-inverse-border-width: null; @form-control-success-inverse-border-color: @green; @form-control-success-inverse-border-style: null; @form-control-success-inverse-border-top-width: null; @form-control-success-inverse-border-top-color: null; @form-control-success-inverse-border-top-style: null; @form-control-success-inverse-border-right-width: null; @form-control-success-inverse-border-right-color: null; @form-control-success-inverse-border-right-style: null; @form-control-success-inverse-border-bottom-width: null; @form-control-success-inverse-border-bottom-color: null; @form-control-success-inverse-border-bottom-style: null; @form-control-success-inverse-border-left-width: null; @form-control-success-inverse-border-left-color: null; @form-control-success-inverse-border-left-style: null; @form-control-success-inverse-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Success, Inverse) State: Hover ----------------------------------------------------------------------------- */ @form-control-success-inverse-hover-text-color: color-lighten(@white, 0); @form-control-success-inverse-hover-text-font-family: null; @form-control-success-inverse-hover-text-font-style: null; @form-control-success-inverse-hover-text-font-weight: null; @form-control-success-inverse-hover-text-transform: null; @form-control-success-inverse-hover-text-shadow: null; @form-control-success-inverse-hover-text-rendering: null; @form-control-success-inverse-hover-placeholder-text-color: color-lighten(@green, 60); @form-control-success-inverse-hover-background-color: null; @form-control-success-inverse-hover-background-gradient-color-top: null; @form-control-success-inverse-hover-background-gradient-color-bottom: null; @form-control-success-inverse-hover-border-width: null; @form-control-success-inverse-hover-border-color: null; @form-control-success-inverse-hover-border-style: null; @form-control-success-inverse-hover-border-top-width: null; @form-control-success-inverse-hover-border-top-color: null; @form-control-success-inverse-hover-border-top-style: null; @form-control-success-inverse-hover-border-right-width: null; @form-control-success-inverse-hover-border-right-color: null; @form-control-success-inverse-hover-border-right-style: null; @form-control-success-inverse-hover-border-bottom-width: null; @form-control-success-inverse-hover-border-bottom-color: null; @form-control-success-inverse-hover-border-bottom-style: null; @form-control-success-inverse-hover-border-left-width: null; @form-control-success-inverse-hover-border-left-color: null; @form-control-success-inverse-hover-border-left-style: null; @form-control-success-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Success, Inverse) State: Focus ----------------------------------------------------------------------------- */ @form-control-success-inverse-focus-text-color: color-lighten(@white, 0); @form-control-success-inverse-focus-text-font-family: null; @form-control-success-inverse-focus-text-font-style: null; @form-control-success-inverse-focus-text-font-weight: null; @form-control-success-inverse-focus-text-transform: null; @form-control-success-inverse-focus-text-shadow: null; @form-control-success-inverse-focus-text-rendering: null; @form-control-success-inverse-focus-background-color: null; @form-control-success-inverse-focus-placeholder-text-color: color-lighten(@green, 60); @form-control-success-inverse-focus-background-gradient-color-top: null; @form-control-success-inverse-focus-background-gradient-color-bottom: null; @form-control-success-inverse-focus-border-width: null; @form-control-success-inverse-focus-border-color: null; @form-control-success-inverse-focus-border-style: null; @form-control-success-inverse-focus-border-top-width: null; @form-control-success-inverse-focus-border-top-color: null; @form-control-success-inverse-focus-border-top-style: null; @form-control-success-inverse-focus-border-right-width: null; @form-control-success-inverse-focus-border-right-color: null; @form-control-success-inverse-focus-border-right-style: null; @form-control-success-inverse-focus-border-bottom-width: null; @form-control-success-inverse-focus-border-bottom-color: null; @form-control-success-inverse-focus-border-bottom-style: null; @form-control-success-inverse-focus-border-left-width: null; @form-control-success-inverse-focus-border-left-color: null; @form-control-success-inverse-focus-border-left-style: null; @form-control-success-inverse-focus-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Success, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @form-control-success-inverse-disabled-opacity: 0.5; @form-control-success-inverse-disabled-text-color: null; @form-control-success-inverse-disabled-text-font-family: null; @form-control-success-inverse-disabled-text-font-style: null; @form-control-success-inverse-disabled-text-font-weight: null; @form-control-success-inverse-disabled-text-transform: null; @form-control-success-inverse-disabled-text-shadow: null; @form-control-success-inverse-disabled-text-rendering: null; @form-control-success-inverse-disabled-placeholder-text-color: null; @form-control-success-inverse-disabled-background-color: null; @form-control-success-inverse-disabled-background-gradient-color-top: null; @form-control-success-inverse-disabled-background-gradient-color-bottom: null; @form-control-success-inverse-disabled-border-width: null; @form-control-success-inverse-disabled-border-color: null; @form-control-success-inverse-disabled-border-style: null; @form-control-success-inverse-disabled-border-top-width: null; @form-control-success-inverse-disabled-border-top-color: null; @form-control-success-inverse-disabled-border-top-style: null; @form-control-success-inverse-disabled-border-right-width: null; @form-control-success-inverse-disabled-border-right-color: null; @form-control-success-inverse-disabled-border-right-style: null; @form-control-success-inverse-disabled-border-bottom-width: null; @form-control-success-inverse-disabled-border-bottom-color: null; @form-control-success-inverse-disabled-border-bottom-style: null; @form-control-success-inverse-disabled-border-left-width: null; @form-control-success-inverse-disabled-border-left-color: null; @form-control-success-inverse-disabled-border-left-style: null; @form-control-success-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Error) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-error-enabled: @form-control-enabled; /* ----------------------------------------------------------------------------- Form Control (Error) State: Normal ----------------------------------------------------------------------------- */ @form-control-error-text-color: color-lighten(@red, -20); @form-control-error-text-font-family: null; @form-control-error-text-font-style: null; @form-control-error-text-font-weight: null; @form-control-error-text-transform: null; @form-control-error-text-shadow: null; @form-control-error-text-rendering: null; @form-control-error-placeholder-text-color: color-lighten(@red, 0); @form-control-error-background-color: null; @form-control-error-background-gradient-color-top: null; @form-control-error-background-gradient-color-bottom: null; @form-control-error-border-width: null; @form-control-error-border-color: @red; @form-control-error-border-style: null; @form-control-error-border-top-width: null; @form-control-error-border-top-color: null; @form-control-error-border-top-style: null; @form-control-error-border-right-width: null; @form-control-error-border-right-color: null; @form-control-error-border-right-style: null; @form-control-error-border-bottom-width: null; @form-control-error-border-bottom-color: null; @form-control-error-border-bottom-style: null; @form-control-error-border-left-width: null; @form-control-error-border-left-color: null; @form-control-error-border-left-style: null; @form-control-error-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Error) State: Hover ----------------------------------------------------------------------------- */ @form-control-error-hover-text-color: color-lighten(@red, -40); @form-control-error-hover-text-font-family: null; @form-control-error-hover-text-font-style: null; @form-control-error-hover-text-font-weight: null; @form-control-error-hover-text-transform: null; @form-control-error-hover-text-shadow: null; @form-control-error-hover-text-rendering: null; @form-control-error-hover-placeholder-text-color: color-lighten(@red, -10); @form-control-error-hover-background-color: null; @form-control-error-hover-background-gradient-color-top: null; @form-control-error-hover-background-gradient-color-bottom: null; @form-control-error-hover-border-width: null; @form-control-error-hover-border-color: null; @form-control-error-hover-border-style: null; @form-control-error-hover-border-top-width: null; @form-control-error-hover-border-top-color: null; @form-control-error-hover-border-top-style: null; @form-control-error-hover-border-right-width: null; @form-control-error-hover-border-right-color: null; @form-control-error-hover-border-right-style: null; @form-control-error-hover-border-bottom-width: null; @form-control-error-hover-border-bottom-color: null; @form-control-error-hover-border-bottom-style: null; @form-control-error-hover-border-left-width: null; @form-control-error-hover-border-left-color: null; @form-control-error-hover-border-left-style: null; @form-control-error-hover-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Error) State: Focus ----------------------------------------------------------------------------- */ @form-control-error-focus-text-color: color-lighten(@red, 0); @form-control-error-focus-text-font-family: null; @form-control-error-focus-text-font-style: null; @form-control-error-focus-text-font-weight: null; @form-control-error-focus-text-transform: null; @form-control-error-focus-text-shadow: null; @form-control-error-focus-text-rendering: null; @form-control-error-focus-placeholder-text-color: color-lighten(@red, 10); @form-control-error-focus-background-color: color-lighten(@red, 98); @form-control-error-focus-background-gradient-color-top: null; @form-control-error-focus-background-gradient-color-bottom: null; @form-control-error-focus-border-width: null; @form-control-error-focus-border-color: null; @form-control-error-focus-border-style: null; @form-control-error-focus-border-top-width: null; @form-control-error-focus-border-top-color: null; @form-control-error-focus-border-top-style: null; @form-control-error-focus-border-right-width: null; @form-control-error-focus-border-right-color: null; @form-control-error-focus-border-right-style: null; @form-control-error-focus-border-bottom-width: null; @form-control-error-focus-border-bottom-color: null; @form-control-error-focus-border-bottom-style: null; @form-control-error-focus-border-left-width: null; @form-control-error-focus-border-left-color: null; @form-control-error-focus-border-left-style: null; @form-control-error-focus-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Error) State: Disabled ----------------------------------------------------------------------------- */ @form-control-error-disabled-opacity: 0.5; @form-control-error-disabled-text-color: null; @form-control-error-disabled-text-font-family: null; @form-control-error-disabled-text-font-style: null; @form-control-error-disabled-text-font-weight: null; @form-control-error-disabled-text-transform: null; @form-control-error-disabled-text-shadow: null; @form-control-error-disabled-text-rendering: null; @form-control-error-disabled-placeholder-text-color: null; @form-control-error-disabled-background-color: null; @form-control-error-disabled-background-gradient-color-top: null; @form-control-error-disabled-background-gradient-color-bottom: null; @form-control-error-disabled-border-width: null; @form-control-error-disabled-border-color: null; @form-control-error-disabled-border-style: null; @form-control-error-disabled-border-top-width: null; @form-control-error-disabled-border-top-color: null; @form-control-error-disabled-border-top-style: null; @form-control-error-disabled-border-right-width: null; @form-control-error-disabled-border-right-color: null; @form-control-error-disabled-border-right-style: null; @form-control-error-disabled-border-bottom-width: null; @form-control-error-disabled-border-bottom-color: null; @form-control-error-disabled-border-bottom-style: null; @form-control-error-disabled-border-left-width: null; @form-control-error-disabled-border-left-color: null; @form-control-error-disabled-border-left-style: null; @form-control-error-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Form Control (Error, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-control-error-inverse-enabled: @form-control-enabled; /* ----------------------------------------------------------------------------- Form Control (Error, Inverse) State: Normal ----------------------------------------------------------------------------- */ @form-control-error-inverse-text-color: color-lighten(@white, 0); @form-control-error-inverse-text-font-family: null; @form-control-error-inverse-text-font-style: null; @form-control-error-inverse-text-font-weight: null; @form-control-error-inverse-text-transform: null; @form-control-error-inverse-text-shadow: null; @form-control-error-inverse-text-rendering: null; @form-control-error-inverse-placeholder-text-color: color-lighten(@red, 40); @form-control-error-inverse-background-color: none; @form-control-error-inverse-background-gradient-color-top: null; @form-control-error-inverse-background-gradient-color-bottom: null; @form-control-error-inverse-border-width: null; @form-control-error-inverse-border-color: @red; @form-control-error-inverse-border-style: null; @form-control-error-inverse-border-top-width: null; @form-control-error-inverse-border-top-color: null; @form-control-error-inverse-border-top-style: null; @form-control-error-inverse-border-right-width: null; @form-control-error-inverse-border-right-color: null; @form-control-error-inverse-border-right-style: null; @form-control-error-inverse-border-bottom-width: null; @form-control-error-inverse-border-bottom-color: null; @form-control-error-inverse-border-bottom-style: null; @form-control-error-inverse-border-left-width: null; @form-control-error-inverse-border-left-color: null; @form-control-error-inverse-border-left-style: null; @form-control-error-inverse-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Error, Inverse) State: Hover ----------------------------------------------------------------------------- */ @form-control-error-inverse-hover-text-color: color-lighten(@white, 0); @form-control-error-inverse-hover-text-font-family: null; @form-control-error-inverse-hover-text-font-style: null; @form-control-error-inverse-hover-text-font-weight: null; @form-control-error-inverse-hover-text-transform: null; @form-control-error-inverse-hover-text-shadow: null; @form-control-error-inverse-hover-text-rendering: null; @form-control-error-inverse-hover-placeholder-text-color: color-lighten(@red, 60); @form-control-error-inverse-hover-background-color: null; @form-control-error-inverse-hover-background-gradient-color-top: null; @form-control-error-inverse-hover-background-gradient-color-bottom: null; @form-control-error-inverse-hover-border-width: null; @form-control-error-inverse-hover-border-color: null; @form-control-error-inverse-hover-border-style: null; @form-control-error-inverse-hover-border-top-width: null; @form-control-error-inverse-hover-border-top-color: null; @form-control-error-inverse-hover-border-top-style: null; @form-control-error-inverse-hover-border-right-width: null; @form-control-error-inverse-hover-border-right-color: null; @form-control-error-inverse-hover-border-right-style: null; @form-control-error-inverse-hover-border-bottom-width: null; @form-control-error-inverse-hover-border-bottom-color: null; @form-control-error-inverse-hover-border-bottom-style: null; @form-control-error-inverse-hover-border-left-width: null; @form-control-error-inverse-hover-border-left-color: null; @form-control-error-inverse-hover-border-left-style: null; @form-control-error-inverse-hover-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Error, Inverse) State: Focus ----------------------------------------------------------------------------- */ @form-control-error-inverse-focus-text-color: color-lighten(@white, 0); @form-control-error-inverse-focus-text-font-family: null; @form-control-error-inverse-focus-text-font-style: null; @form-control-error-inverse-focus-text-font-weight: null; @form-control-error-inverse-focus-text-transform: null; @form-control-error-inverse-focus-text-shadow: null; @form-control-error-inverse-focus-text-rendering: null; @form-control-error-inverse-focus-background-color: null; @form-control-error-inverse-focus-placeholder-text-color: color-lighten(@red, 60); @form-control-error-inverse-focus-background-gradient-color-top: null; @form-control-error-inverse-focus-background-gradient-color-bottom: null; @form-control-error-inverse-focus-border-width: null; @form-control-error-inverse-focus-border-color: null; @form-control-error-inverse-focus-border-style: null; @form-control-error-inverse-focus-border-top-width: null; @form-control-error-inverse-focus-border-top-color: null; @form-control-error-inverse-focus-border-top-style: null; @form-control-error-inverse-focus-border-right-width: null; @form-control-error-inverse-focus-border-right-color: null; @form-control-error-inverse-focus-border-right-style: null; @form-control-error-inverse-focus-border-bottom-width: null; @form-control-error-inverse-focus-border-bottom-color: null; @form-control-error-inverse-focus-border-bottom-style: null; @form-control-error-inverse-focus-border-left-width: null; @form-control-error-inverse-focus-border-left-color: null; @form-control-error-inverse-focus-border-left-style: null; @form-control-error-inverse-focus-shadow: null; /* ----------------------------------------------------------------------------- Form Control (Error, Inverse) State: Disabled ----------------------------------------------------------------------------- */ @form-control-error-inverse-disabled-opacity: 0.5; @form-control-error-inverse-disabled-text-color: null; @form-control-error-inverse-disabled-text-font-family: null; @form-control-error-inverse-disabled-text-font-style: null; @form-control-error-inverse-disabled-text-font-weight: null; @form-control-error-inverse-disabled-text-transform: null; @form-control-error-inverse-disabled-text-shadow: null; @form-control-error-inverse-disabled-text-rendering: null; @form-control-error-inverse-disabled-placeholder-text-color: null; @form-control-error-inverse-disabled-background-color: null; @form-control-error-inverse-disabled-background-gradient-color-top: null; @form-control-error-inverse-disabled-background-gradient-color-bottom: null; @form-control-error-inverse-disabled-border-width: null; @form-control-error-inverse-disabled-border-color: null; @form-control-error-inverse-disabled-border-style: null; @form-control-error-inverse-disabled-border-top-width: null; @form-control-error-inverse-disabled-border-top-color: null; @form-control-error-inverse-disabled-border-top-style: null; @form-control-error-inverse-disabled-border-right-width: null; @form-control-error-inverse-disabled-border-right-color: null; @form-control-error-inverse-disabled-border-right-style: null; @form-control-error-inverse-disabled-border-bottom-width: null; @form-control-error-inverse-disabled-border-bottom-color: null; @form-control-error-inverse-disabled-border-bottom-style: null; @form-control-error-inverse-disabled-border-left-width: null; @form-control-error-inverse-disabled-border-left-color: null; @form-control-error-inverse-disabled-border-left-style: null; @form-control-error-inverse-disabled-shadow: null; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Option -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-option-enabled: @form-enabled; /* ----------------------------------------------------------------------------- Option Styling ----------------------------------------------------------------------------- */ @form-option-font-family: @font-family-sans-serif; @form-option-font-size: @body-text-font-size * 1.0; @form-option-line-height: @body-text-line-height * 1.0; /* ----------------------------------------------------------------------------- Option Padding ----------------------------------------------------------------------------- */ @form-option-padding-horizontal: @base-spacing-unit * 0.25; @form-option-padding-horizontal-screen-mini: @base-spacing-unit-screen-mini * 0.25; @form-option-padding-horizontal-screen-small: @base-spacing-unit-screen-small * 0.25; @form-option-padding-horizontal-screen-medium: @base-spacing-unit-screen-medium * 0.25; @form-option-padding-horizontal-screen-large: @base-spacing-unit-screen-large * 0.25; /* ----------------------------------------------------------------------------- Option Margin ----------------------------------------------------------------------------- */ @form-option-margin-top: @body-text-margin-top * 0.5; @form-option-margin-bottom: @body-text-margin-bottom * 0.5; @form-option-short-margin-top: @body-text-short-margin-top * 0.5; @form-option-short-margin-bottom: @body-text-short-margin-bottom * 0.5; @form-option-tall-margin-top: @body-text-tall-margin-top * 0.5; @form-option-tall-margin-bottom: @body-text-tall-margin-bottom * 0.5; /* ----------------------------------------------------------------------------- Option Responsive Scaling ----------------------------------------------------------------------------- */ @form-option-scale-screen-mini-enabled: @form-scale-screen-mini-enabled; @form-option-scale-screen-small-enabled: @form-scale-screen-small-enabled; @form-option-scale-screen-medium-enabled: @form-scale-screen-medium-enabled; @form-option-scale-screen-large-enabled: @form-scale-screen-large-enabled; @form-option-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini; @form-option-font-size-scale-screen-small: @body-text-font-size-scale-screen-small; @form-option-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium; @form-option-font-size-scale-screen-large: @body-text-font-size-scale-screen-large; @form-option-line-height-scale-screen-mini: @form-option-font-size-scale-screen-mini; @form-option-line-height-scale-screen-small: @form-option-font-size-scale-screen-small; @form-option-line-height-scale-screen-medium: @form-option-font-size-scale-screen-medium; @form-option-line-height-scale-screen-large: @form-option-font-size-scale-screen-large; @form-option-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @form-option-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @form-option-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @form-option-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @form-option-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @form-option-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @form-option-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @form-option-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Option Emphasize ----------------------------------------------------------------------------- */ @form-option-emphasize-enabled: @body-text-emphasize-enabled; // Option Emphasize Styling @form-option-emphasize-font-family: @form-option-font-family; @form-option-emphasize-font-size: @form-option-font-size; @form-option-emphasize-line-height: @form-option-line-height; /* ----------------------------------------------------------------------------- Option Mute ----------------------------------------------------------------------------- */ @form-option-mute-enabled: @body-text-mute-enabled; // Option Mute Styling @form-option-mute-font-family: @form-option-font-family; @form-option-mute-font-size: @form-option-font-size; @form-option-mute-line-height: @form-option-line-height; /* ----------------------------------------------------------------------------- Option Checkbox ----------------------------------------------------------------------------- */ @form-option-checkbox-width: 12px; @form-option-checkbox-height: 12px; /* ----------------------------------------------------------------------------- Option Radio ----------------------------------------------------------------------------- */ @form-option-radio-width: 13px; @form-option-radio-height: 13px; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Option (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Option (Default) Styling ----------------------------------------------------------------------------- */ @form-option-default-color: color-lighten(@neutral, -50); @form-option-default-font-style: normal; @form-option-default-font-weight: 400; @form-option-default-transform: none; @form-option-default-shadow: none; /* ----------------------------------------------------------------------------- Option (Default) Links ----------------------------------------------------------------------------- */ @form-option-default-link-enabled: false; @form-option-default-link-text-color: color-lighten(@blue, 0); @form-option-default-link-text-decoration: none; @form-option-default-link-hover-text-color: color-lighten(@blue, -20); @form-option-default-link-hover-text-decoration: underline; @form-option-default-link-active-text-color: color-lighten(@blue, -40); @form-option-default-link-active-text-decoration: none; @form-option-default-link-disabled-text-color: @form-option-default-link-text-color; @form-option-default-link-disabled-text-decoration: none; @form-option-default-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Option (Default) Emphasize ----------------------------------------------------------------------------- */ @form-option-default-emphasize-enabled: @body-text-emphasize-enabled; // Option Emphasize Styling @form-option-default-emphasize-color: color-lighten(@neutral, -80); @form-option-default-emphasize-font-style: @form-option-default-font-style; @form-option-default-emphasize-font-weight: 500; @form-option-default-emphasize-transform: @form-option-default-transform; @form-option-default-emphasize-shadow: @form-option-default-shadow; // Option Emphasize Links @form-option-default-emphasize-link-enabled: false; @form-option-default-emphasize-link-text-color: @form-option-default-link-text-color; @form-option-default-emphasize-link-text-decoration: @form-option-default-link-text-decoration; @form-option-default-emphasize-link-hover-text-color: @form-option-default-link-hover-text-color; @form-option-default-emphasize-link-hover-text-decoration: @form-option-default-link-hover-text-decoration; @form-option-default-emphasize-link-active-text-color: @form-option-default-link-active-text-color; @form-option-default-emphasize-link-active-text-decoration: @form-option-default-link-active-text-decoration; @form-option-default-emphasize-link-disabled-text-color: @form-option-default-link-disabled-text-color; @form-option-default-emphasize-link-disabled-text-decoration: @form-option-default-link-disabled-text-decoration; @form-option-default-emphasize-link-disabled-opacity: @form-option-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option (Default) Mute ----------------------------------------------------------------------------- */ @form-option-default-mute-enabled: @body-text-mute-enabled; // Option Mute Styling @form-option-default-mute-color: color-lighten(@neutral, 0); @form-option-default-mute-font-style: @form-option-default-font-style; @form-option-default-mute-font-weight: 200; @form-option-default-mute-transform: @form-option-default-transform; @form-option-default-mute-shadow: @form-option-default-shadow; // Option Mute Links @form-option-default-mute-link-enabled: false; @form-option-default-mute-link-text-color: @form-option-default-link-text-color; @form-option-default-mute-link-text-decoration: @form-option-default-link-text-decoration; @form-option-default-mute-link-hover-text-color: @form-option-default-link-hover-text-color; @form-option-default-mute-link-hover-text-decoration: @form-option-default-link-hover-text-decoration; @form-option-default-mute-link-active-text-color: @form-option-default-link-active-text-color; @form-option-default-mute-link-active-text-decoration: @form-option-default-link-active-text-decoration; @form-option-default-mute-link-disabled-text-color: @form-option-default-link-disabled-text-color; @form-option-default-mute-link-disabled-text-decoration: @form-option-default-link-disabled-text-decoration; @form-option-default-mute-link-disabled-opacity: @form-option-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse ----------------------------------------------------------------------------- */ @form-option-default-inverse-enabled: @body-text-inverse-enabled; // Option Inverse Styling @form-option-default-inverse-color: color-lighten(@neutral, -40); @form-option-default-inverse-shadow: @form-option-default-shadow; // Option Inverse Links @form-option-default-inverse-link-enabled: false; @form-option-default-inverse-link-text-color: @form-option-default-link-text-color; @form-option-default-inverse-link-text-decoration: @form-option-default-link-text-decoration; @form-option-default-inverse-link-hover-text-color: @form-option-default-link-hover-text-color; @form-option-default-inverse-link-hover-text-decoration: @form-option-default-link-hover-text-decoration; @form-option-default-inverse-link-active-text-color: @form-option-default-link-active-text-color; @form-option-default-inverse-link-active-text-decoration: @form-option-default-link-active-text-decoration; @form-option-default-inverse-link-disabled-text-color: @form-option-default-link-disabled-text-color; @form-option-default-inverse-link-disabled-text-decoration: @form-option-default-link-disabled-text-decoration; @form-option-default-inverse-link-disabled-opacity: @form-option-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse Emphasize ----------------------------------------------------------------------------- */ @form-option-default-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Option Inverse Emphasize Styling @form-option-default-inverse-emphasize-color: color-lighten(@neutral, -20); @form-option-default-inverse-emphasize-shadow: @form-option-default-inverse-shadow; // Option Inverse Emphasize Links @form-option-default-inverse-emphasize-link-enabled: false; @form-option-default-inverse-emphasize-link-text-color: @form-option-default-inverse-link-text-color; @form-option-default-inverse-emphasize-link-text-decoration: @form-option-default-inverse-link-text-decoration; @form-option-default-inverse-emphasize-link-hover-text-color: @form-option-default-inverse-link-hover-text-color; @form-option-default-inverse-emphasize-link-hover-text-decoration: @form-option-default-inverse-link-hover-text-decoration; @form-option-default-inverse-emphasize-link-active-text-color: @form-option-default-inverse-link-active-text-color; @form-option-default-inverse-emphasize-link-active-text-decoration: @form-option-default-inverse-link-active-text-decoration; @form-option-default-inverse-emphasize-link-disabled-text-color: @form-option-default-inverse-link-disabled-text-color; @form-option-default-inverse-emphasize-link-disabled-text-decoration: @form-option-default-inverse-link-disabled-text-decoration; @form-option-default-inverse-emphasize-link-disabled-opacity: @form-option-default-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse mute ----------------------------------------------------------------------------- */ @form-option-default-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Option Inverse Mute Styling @form-option-default-inverse-mute-color: color-lighten(@neutral, -60); @form-option-default-inverse-mute-shadow: @form-option-default-inverse-shadow; // Option Inverse Mute Links @form-option-default-inverse-mute-link-enabled: false; @form-option-default-inverse-mute-link-text-color: @form-option-default-inverse-link-text-color; @form-option-default-inverse-mute-link-text-decoration: @form-option-default-inverse-link-text-decoration; @form-option-default-inverse-mute-link-hover-text-color: @form-option-default-inverse-link-hover-text-color; @form-option-default-inverse-mute-link-hover-text-decoration: @form-option-default-inverse-link-hover-text-decoration; @form-option-default-inverse-mute-link-active-text-color: @form-option-default-inverse-link-active-text-color; @form-option-default-inverse-mute-link-active-text-decoration: @form-option-default-inverse-link-active-text-decoration; @form-option-default-inverse-mute-link-disabled-text-color: @form-option-default-inverse-link-disabled-text-color; @form-option-default-inverse-mute-link-disabled-text-decoration: @form-option-default-inverse-link-disabled-text-decoration; @form-option-default-inverse-mute-link-disabled-opacity: @form-option-default-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Option (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Option (Success) Styling ----------------------------------------------------------------------------- */ @form-option-success-color: color-lighten(@green, -50); @form-option-success-font-style: normal; @form-option-success-font-weight: @form-option-default-font-weight; @form-option-success-transform: none; @form-option-success-shadow: none; /* ----------------------------------------------------------------------------- Option (Success) Links ----------------------------------------------------------------------------- */ @form-option-success-link-enabled: false; @form-option-success-link-text-color: color-lighten(@green, 0); @form-option-success-link-text-decoration: none; @form-option-success-link-hover-text-color: color-lighten(@green, -20); @form-option-success-link-hover-text-decoration: underline; @form-option-success-link-active-text-color: color-lighten(@green, -40); @form-option-success-link-active-text-decoration: none; @form-option-success-link-disabled-text-color: @form-option-success-link-text-color; @form-option-success-link-disabled-text-decoration: none; @form-option-success-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Option (Success) Emphasize ----------------------------------------------------------------------------- */ @form-option-success-emphasize-enabled: @form-option-default-emphasize-enabled; // Option Emphasize Styling @form-option-success-emphasize-color: color-lighten(@green, -20); @form-option-success-emphasize-font-style: @form-option-success-font-style; @form-option-success-emphasize-font-weight: @form-option-default-emphasize-font-weight; @form-option-success-emphasize-transform: @form-option-success-transform; @form-option-success-emphasize-shadow: @form-option-success-shadow; // Option Emphasize Links @form-option-success-emphasize-link-enabled: false; @form-option-success-emphasize-link-text-color: @form-option-success-link-text-color; @form-option-success-emphasize-link-text-decoration: @form-option-success-link-text-decoration; @form-option-success-emphasize-link-hover-text-color: @form-option-success-link-hover-text-color; @form-option-success-emphasize-link-hover-text-decoration: @form-option-success-link-hover-text-decoration; @form-option-success-emphasize-link-active-text-color: @form-option-success-link-active-text-color; @form-option-success-emphasize-link-active-text-decoration: @form-option-success-link-active-text-decoration; @form-option-success-emphasize-link-disabled-text-color: @form-option-success-link-disabled-text-color; @form-option-success-emphasize-link-disabled-text-decoration: @form-option-success-link-disabled-text-decoration; @form-option-success-emphasize-link-disabled-opacity: @form-option-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option (Success) Mute ----------------------------------------------------------------------------- */ @form-option-success-mute-enabled: @form-option-default-mute-enabled; // Option Mute Styling @form-option-success-mute-color: color-lighten(@green, 20); @form-option-success-mute-font-style: @form-option-success-font-style; @form-option-success-mute-font-weight: @form-option-default-mute-font-weight; @form-option-success-mute-transform: @form-option-success-transform; @form-option-success-mute-shadow: @form-option-success-shadow; // Option Mute Links @form-option-success-mute-link-enabled: false; @form-option-success-mute-link-text-color: @form-option-success-link-text-color; @form-option-success-mute-link-text-decoration: @form-option-success-link-text-decoration; @form-option-success-mute-link-hover-text-color: @form-option-success-link-hover-text-color; @form-option-success-mute-link-hover-text-decoration: @form-option-success-link-hover-text-decoration; @form-option-success-mute-link-active-text-color: @form-option-success-link-active-text-color; @form-option-success-mute-link-active-text-decoration: @form-option-success-link-active-text-decoration; @form-option-success-mute-link-disabled-text-color: @form-option-success-link-disabled-text-color; @form-option-success-mute-link-disabled-text-decoration: @form-option-success-link-disabled-text-decoration; @form-option-success-mute-link-disabled-opacity: @form-option-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse ----------------------------------------------------------------------------- */ @form-option-success-inverse-enabled: @form-option-default-inverse-enabled; // Option Inverse Styling @form-option-success-inverse-color: color-lighten(@green, 0); @form-option-success-inverse-shadow: @form-option-success-shadow; // Option Inverse Links @form-option-success-inverse-link-enabled: false; @form-option-success-inverse-link-text-color: @form-option-success-link-text-color; @form-option-success-inverse-link-text-decoration: @form-option-success-link-text-decoration; @form-option-success-inverse-link-hover-text-color: @form-option-success-link-hover-text-color; @form-option-success-inverse-link-hover-text-decoration: @form-option-success-link-hover-text-decoration; @form-option-success-inverse-link-active-text-color: @form-option-success-link-active-text-color; @form-option-success-inverse-link-active-text-decoration: @form-option-success-link-active-text-decoration; @form-option-success-inverse-link-disabled-text-color: @form-option-success-link-disabled-text-color; @form-option-success-inverse-link-disabled-text-decoration: @form-option-success-link-disabled-text-decoration; @form-option-success-inverse-link-disabled-opacity: @form-option-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse Emphasize ----------------------------------------------------------------------------- */ @form-option-success-inverse-emphasize-enabled: @form-option-default-inverse-emphasize-enabled; // Option Inverse Emphasize Styling @form-option-success-inverse-emphasize-color: color-lighten(@green, -20); @form-option-success-inverse-emphasize-shadow: @form-option-success-inverse-shadow; // Option Inverse Emphasize Links @form-option-success-inverse-emphasize-link-enabled: false; @form-option-success-inverse-emphasize-link-text-color: @form-option-success-inverse-link-text-color; @form-option-success-inverse-emphasize-link-text-decoration: @form-option-success-inverse-link-text-decoration; @form-option-success-inverse-emphasize-link-hover-text-color: @form-option-success-inverse-link-hover-text-color; @form-option-success-inverse-emphasize-link-hover-text-decoration: @form-option-success-inverse-link-hover-text-decoration; @form-option-success-inverse-emphasize-link-active-text-color: @form-option-success-inverse-link-active-text-color; @form-option-success-inverse-emphasize-link-active-text-decoration: @form-option-success-inverse-link-active-text-decoration; @form-option-success-inverse-emphasize-link-disabled-text-color: @form-option-success-inverse-link-disabled-text-color; @form-option-success-inverse-emphasize-link-disabled-text-decoration: @form-option-success-inverse-link-disabled-text-decoration; @form-option-success-inverse-emphasize-link-disabled-opacity: @form-option-success-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse mute ----------------------------------------------------------------------------- */ @form-option-success-inverse-mute-enabled: @form-option-default-inverse-mute-enabled; // Option Inverse Mute Styling @form-option-success-inverse-mute-color: color-lighten(@green, 20); @form-option-success-inverse-mute-shadow: @form-option-success-inverse-shadow; // Option Inverse Mute Links @form-option-success-inverse-mute-link-enabled: false; @form-option-success-inverse-mute-link-text-color: @form-option-success-inverse-link-text-color; @form-option-success-inverse-mute-link-text-decoration: @form-option-success-inverse-link-text-decoration; @form-option-success-inverse-mute-link-hover-text-color: @form-option-success-inverse-link-hover-text-color; @form-option-success-inverse-mute-link-hover-text-decoration: @form-option-success-inverse-link-hover-text-decoration; @form-option-success-inverse-mute-link-active-text-color: @form-option-success-inverse-link-active-text-color; @form-option-success-inverse-mute-link-active-text-decoration: @form-option-success-inverse-link-active-text-decoration; @form-option-success-inverse-mute-link-disabled-text-color: @form-option-success-inverse-link-disabled-text-color; @form-option-success-inverse-mute-link-disabled-text-decoration: @form-option-success-inverse-link-disabled-text-decoration; @form-option-success-inverse-mute-link-disabled-opacity: @form-option-success-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Option (Error) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Option (Error) Styling ----------------------------------------------------------------------------- */ @form-option-error-color: color-lighten(@red, 0); @form-option-error-font-style: normal; @form-option-error-font-weight: @form-option-default-font-weight; @form-option-error-transform: none; @form-option-error-shadow: none; /* ----------------------------------------------------------------------------- Option (Error) Links ----------------------------------------------------------------------------- */ @form-option-error-link-enabled: false; @form-option-error-link-text-color: color-lighten(@red, 0); @form-option-error-link-text-decoration: none; @form-option-error-link-hover-text-color: color-lighten(@red, -20); @form-option-error-link-hover-text-decoration: underline; @form-option-error-link-active-text-color: color-lighten(@red, -40); @form-option-error-link-active-text-decoration: none; @form-option-error-link-disabled-text-color: @form-option-error-link-text-color; @form-option-error-link-disabled-text-decoration: none; @form-option-error-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Option (Error) Emphasize ----------------------------------------------------------------------------- */ @form-option-error-emphasize-enabled: @form-option-default-emphasize-enabled; // Option Emphasize Styling @form-option-error-emphasize-color: color-lighten(@red, -20); @form-option-error-emphasize-font-style: @form-option-error-font-style; @form-option-error-emphasize-font-weight: @form-option-default-emphasize-font-weight; @form-option-error-emphasize-transform: @form-option-error-transform; @form-option-error-emphasize-shadow: @form-option-error-shadow; // Option Emphasize Links @form-option-error-emphasize-link-enabled: false; @form-option-error-emphasize-link-text-color: @form-option-error-link-text-color; @form-option-error-emphasize-link-text-decoration: @form-option-error-link-text-decoration; @form-option-error-emphasize-link-hover-text-color: @form-option-error-link-hover-text-color; @form-option-error-emphasize-link-hover-text-decoration: @form-option-error-link-hover-text-decoration; @form-option-error-emphasize-link-active-text-color: @form-option-error-link-active-text-color; @form-option-error-emphasize-link-active-text-decoration: @form-option-error-link-active-text-decoration; @form-option-error-emphasize-link-disabled-text-color: @form-option-error-link-disabled-text-color; @form-option-error-emphasize-link-disabled-text-decoration: @form-option-error-link-disabled-text-decoration; @form-option-error-emphasize-link-disabled-opacity: @form-option-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option (Error) Mute ----------------------------------------------------------------------------- */ @form-option-error-mute-enabled: @form-option-default-mute-enabled; // Option Mute Styling @form-option-error-mute-color: color-lighten(@red, 20); @form-option-error-mute-font-style: @form-option-error-font-style; @form-option-error-mute-font-weight: @form-option-default-mute-font-weight; @form-option-error-mute-transform: @form-option-error-transform; @form-option-error-mute-shadow: @form-option-error-shadow; // Option Mute Links @form-option-error-mute-link-enabled: false; @form-option-error-mute-link-text-color: @form-option-error-link-text-color; @form-option-error-mute-link-text-decoration: @form-option-error-link-text-decoration; @form-option-error-mute-link-hover-text-color: @form-option-error-link-hover-text-color; @form-option-error-mute-link-hover-text-decoration: @form-option-error-link-hover-text-decoration; @form-option-error-mute-link-active-text-color: @form-option-error-link-active-text-color; @form-option-error-mute-link-active-text-decoration: @form-option-error-link-active-text-decoration; @form-option-error-mute-link-disabled-text-color: @form-option-error-link-disabled-text-color; @form-option-error-mute-link-disabled-text-decoration: @form-option-error-link-disabled-text-decoration; @form-option-error-mute-link-disabled-opacity: @form-option-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse ----------------------------------------------------------------------------- */ @form-option-error-inverse-enabled: @form-option-default-inverse-enabled; // Option Inverse Styling @form-option-error-inverse-color: color-lighten(@red, 0); @form-option-error-inverse-shadow: @form-option-error-shadow; // Option Inverse Links @form-option-error-inverse-link-enabled: false; @form-option-error-inverse-link-text-color: @form-option-error-link-text-color; @form-option-error-inverse-link-text-decoration: @form-option-error-link-text-decoration; @form-option-error-inverse-link-hover-text-color: @form-option-error-link-hover-text-color; @form-option-error-inverse-link-hover-text-decoration: @form-option-error-link-hover-text-decoration; @form-option-error-inverse-link-active-text-color: @form-option-error-link-active-text-color; @form-option-error-inverse-link-active-text-decoration: @form-option-error-link-active-text-decoration; @form-option-error-inverse-link-disabled-text-color: @form-option-error-link-disabled-text-color; @form-option-error-inverse-link-disabled-text-decoration: @form-option-error-link-disabled-text-decoration; @form-option-error-inverse-link-disabled-opacity: @form-option-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse Emphasize ----------------------------------------------------------------------------- */ @form-option-error-inverse-emphasize-enabled: @form-option-default-inverse-emphasize-enabled; // Option Inverse Emphasize Styling @form-option-error-inverse-emphasize-color: color-lighten(@red, -20); @form-option-error-inverse-emphasize-shadow: @form-option-error-inverse-shadow; // Option Inverse Emphasize Links @form-option-error-inverse-emphasize-link-enabled: false; @form-option-error-inverse-emphasize-link-text-color: @form-option-error-inverse-link-text-color; @form-option-error-inverse-emphasize-link-text-decoration: @form-option-error-inverse-link-text-decoration; @form-option-error-inverse-emphasize-link-hover-text-color: @form-option-error-inverse-link-hover-text-color; @form-option-error-inverse-emphasize-link-hover-text-decoration: @form-option-error-inverse-link-hover-text-decoration; @form-option-error-inverse-emphasize-link-active-text-color: @form-option-error-inverse-link-active-text-color; @form-option-error-inverse-emphasize-link-active-text-decoration: @form-option-error-inverse-link-active-text-decoration; @form-option-error-inverse-emphasize-link-disabled-text-color: @form-option-error-inverse-link-disabled-text-color; @form-option-error-inverse-emphasize-link-disabled-text-decoration: @form-option-error-inverse-link-disabled-text-decoration; @form-option-error-inverse-emphasize-link-disabled-opacity: @form-option-error-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Option Inverse mute ----------------------------------------------------------------------------- */ @form-option-error-inverse-mute-enabled: @form-option-default-inverse-mute-enabled; // Option Inverse Mute Styling @form-option-error-inverse-mute-color: color-lighten(@red, 20); @form-option-error-inverse-mute-shadow: @form-option-error-inverse-shadow; // Option Inverse Mute Links @form-option-error-inverse-mute-link-enabled: false; @form-option-error-inverse-mute-link-text-color: @form-option-error-inverse-link-text-color; @form-option-error-inverse-mute-link-text-decoration: @form-option-error-inverse-link-text-decoration; @form-option-error-inverse-mute-link-hover-text-color: @form-option-error-inverse-link-hover-text-color; @form-option-error-inverse-mute-link-hover-text-decoration: @form-option-error-inverse-link-hover-text-decoration; @form-option-error-inverse-mute-link-active-text-color: @form-option-error-inverse-link-active-text-color; @form-option-error-inverse-mute-link-active-text-decoration: @form-option-error-inverse-link-active-text-decoration; @form-option-error-inverse-mute-link-disabled-text-color: @form-option-error-inverse-link-disabled-text-color; @form-option-error-inverse-mute-link-disabled-text-decoration: @form-option-error-inverse-link-disabled-text-decoration; @form-option-error-inverse-mute-link-disabled-opacity: @form-option-error-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Label -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-label-enabled: @form-enabled; /* ----------------------------------------------------------------------------- Label Styling ----------------------------------------------------------------------------- */ @form-label-font-family: @font-family-sans-serif; @form-label-font-size: @body-text-font-size * 1.0; @form-label-line-height: @body-text-line-height * 1.0; /* ----------------------------------------------------------------------------- Label Margin ----------------------------------------------------------------------------- */ @form-label-margin-top: @body-text-margin-top * 0.5; @form-label-margin-bottom: @body-text-margin-bottom * 0.5; @form-label-short-margin-top: @body-text-short-margin-top * 0.5; @form-label-short-margin-bottom: @body-text-short-margin-bottom * 0.5; @form-label-tall-margin-top: @body-text-tall-margin-top * 0.5; @form-label-tall-margin-bottom: @body-text-tall-margin-bottom * 0.5; /* ----------------------------------------------------------------------------- Label Responsive Scaling ----------------------------------------------------------------------------- */ @form-label-scale-screen-mini-enabled: @form-scale-screen-mini-enabled; @form-label-scale-screen-small-enabled: @form-scale-screen-small-enabled; @form-label-scale-screen-medium-enabled: @form-scale-screen-medium-enabled; @form-label-scale-screen-large-enabled: @form-scale-screen-large-enabled; @form-label-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini; @form-label-font-size-scale-screen-small: @body-text-font-size-scale-screen-small; @form-label-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium; @form-label-font-size-scale-screen-large: @body-text-font-size-scale-screen-large; @form-label-line-height-scale-screen-mini: @form-label-font-size-scale-screen-mini; @form-label-line-height-scale-screen-small: @form-label-font-size-scale-screen-small; @form-label-line-height-scale-screen-medium: @form-label-font-size-scale-screen-medium; @form-label-line-height-scale-screen-large: @form-label-font-size-scale-screen-large; @form-label-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @form-label-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @form-label-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @form-label-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @form-label-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @form-label-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @form-label-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @form-label-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Label Emphasize ----------------------------------------------------------------------------- */ @form-label-emphasize-enabled: @body-text-emphasize-enabled; // Label Emphasize Styling @form-label-emphasize-font-family: @form-label-font-family; @form-label-emphasize-font-size: @form-label-font-size; @form-label-emphasize-line-height: @form-label-line-height; /* ----------------------------------------------------------------------------- Label Mute ----------------------------------------------------------------------------- */ @form-label-mute-enabled: @body-text-mute-enabled; // Label Mute Styling @form-label-mute-font-family: @form-label-font-family; @form-label-mute-font-size: @form-label-font-size; @form-label-mute-line-height: @form-label-line-height; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Label (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Label (Default) Styling ----------------------------------------------------------------------------- */ @form-label-default-color: color-lighten(@neutral, -50); @form-label-default-font-style: normal; @form-label-default-font-weight: 400; @form-label-default-transform: none; @form-label-default-shadow: none; /* ----------------------------------------------------------------------------- Label (Default) Links ----------------------------------------------------------------------------- */ @form-label-default-link-enabled: false; @form-label-default-link-text-color: color-lighten(@blue, 0); @form-label-default-link-text-decoration: none; @form-label-default-link-hover-text-color: color-lighten(@blue, -20); @form-label-default-link-hover-text-decoration: underline; @form-label-default-link-active-text-color: color-lighten(@blue, -40); @form-label-default-link-active-text-decoration: none; @form-label-default-link-disabled-text-color: @form-label-default-link-text-color; @form-label-default-link-disabled-text-decoration: none; @form-label-default-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Label (Default) Emphasize ----------------------------------------------------------------------------- */ @form-label-default-emphasize-enabled: @body-text-emphasize-enabled; // Label (Default) Emphasize Styling @form-label-default-emphasize-color: color-lighten(@neutral, -80); @form-label-default-emphasize-font-style: @form-label-default-font-style; @form-label-default-emphasize-font-weight: 500; @form-label-default-emphasize-transform: @form-label-default-transform; @form-label-default-emphasize-shadow: @form-label-default-shadow; // Label (Default) Emphasize Links @form-label-default-emphasize-link-enabled: false; @form-label-default-emphasize-link-text-color: @form-label-default-link-text-color; @form-label-default-emphasize-link-text-decoration: @form-label-default-link-text-decoration; @form-label-default-emphasize-link-hover-text-color: @form-label-default-link-hover-text-color; @form-label-default-emphasize-link-hover-text-decoration: @form-label-default-link-hover-text-decoration; @form-label-default-emphasize-link-active-text-color: @form-label-default-link-active-text-color; @form-label-default-emphasize-link-active-text-decoration: @form-label-default-link-active-text-decoration; @form-label-default-emphasize-link-disabled-text-color: @form-label-default-link-disabled-text-color; @form-label-default-emphasize-link-disabled-text-decoration: @form-label-default-link-disabled-text-decoration; @form-label-default-emphasize-link-disabled-opacity: @form-label-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Default) Mute ----------------------------------------------------------------------------- */ @form-label-default-mute-enabled: @body-text-mute-enabled; // Label (Default) Mute Styling @form-label-default-mute-color: color-lighten(@neutral, 0); @form-label-default-mute-font-style: @form-label-default-font-style; @form-label-default-mute-font-weight: 200; @form-label-default-mute-transform: @form-label-default-transform; @form-label-default-mute-shadow: @form-label-default-shadow; // Label (Default) Mute Links @form-label-default-mute-link-enabled: false; @form-label-default-mute-link-text-color: @form-label-default-link-text-color; @form-label-default-mute-link-text-decoration: @form-label-default-link-text-decoration; @form-label-default-mute-link-hover-text-color: @form-label-default-link-hover-text-color; @form-label-default-mute-link-hover-text-decoration: @form-label-default-link-hover-text-decoration; @form-label-default-mute-link-active-text-color: @form-label-default-link-active-text-color; @form-label-default-mute-link-active-text-decoration: @form-label-default-link-active-text-decoration; @form-label-default-mute-link-disabled-text-color: @form-label-default-link-disabled-text-color; @form-label-default-mute-link-disabled-text-decoration: @form-label-default-link-disabled-text-decoration; @form-label-default-mute-link-disabled-opacity: @form-label-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Default) Inverse ----------------------------------------------------------------------------- */ @form-label-default-inverse-enabled: @body-text-inverse-enabled; // Label (Default) Inverse Styling @form-label-default-inverse-color: color-lighten(@neutral, 80); @form-label-default-inverse-shadow: none; // Label (Default) Inverse Links @form-label-default-inverse-link-enabled: false; @form-label-default-inverse-link-text-color: @form-label-default-link-text-color; @form-label-default-inverse-link-text-decoration: @form-label-default-link-text-decoration; @form-label-default-inverse-link-hover-text-color: @form-label-default-link-hover-text-color; @form-label-default-inverse-link-hover-text-decoration: @form-label-default-link-hover-text-decoration; @form-label-default-inverse-link-active-text-color: @form-label-default-link-active-text-color; @form-label-default-inverse-link-active-text-decoration: @form-label-default-link-active-text-decoration; @form-label-default-inverse-link-disabled-text-color: @form-label-default-link-disabled-text-color; @form-label-default-inverse-link-disabled-text-decoration: @form-label-default-link-disabled-text-decoration; @form-label-default-inverse-link-disabled-opacity: @form-label-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Default) Inverse Emphasize ----------------------------------------------------------------------------- */ @form-label-default-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Label (Default) Inverse Emphasize Styling @form-label-default-inverse-emphasize-color: @white; @form-label-default-inverse-emphasize-shadow: none; // Label (Default) Inverse Emphasize Links @form-label-default-inverse-emphasize-link-enabled: false; @form-label-default-inverse-emphasize-link-text-color: @form-label-default-inverse-link-text-color; @form-label-default-inverse-emphasize-link-text-decoration: @form-label-default-inverse-link-text-decoration; @form-label-default-inverse-emphasize-link-hover-text-color: @form-label-default-inverse-link-hover-text-color; @form-label-default-inverse-emphasize-link-hover-text-decoration: @form-label-default-inverse-link-hover-text-decoration; @form-label-default-inverse-emphasize-link-active-text-color: @form-label-default-inverse-link-active-text-color; @form-label-default-inverse-emphasize-link-active-text-decoration: @form-label-default-inverse-link-active-text-decoration; @form-label-default-inverse-emphasize-link-disabled-text-color: @form-label-default-inverse-link-disabled-text-color; @form-label-default-inverse-emphasize-link-disabled-text-decoration: @form-label-default-inverse-link-disabled-text-decoration; @form-label-default-inverse-emphasize-link-disabled-opacity: @form-label-default-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Default) Inverse Mute ----------------------------------------------------------------------------- */ @form-label-default-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Label (Default) Inverse Mute Styling @form-label-default-inverse-mute-color: color-lighten(@neutral, 0); @form-label-default-inverse-mute-shadow: none; // Label (Default) Inverse Mute Links @form-label-default-inverse-mute-link-enabled: false; @form-label-default-inverse-mute-link-text-color: @form-label-default-inverse-link-text-color; @form-label-default-inverse-mute-link-text-decoration: @form-label-default-inverse-link-text-decoration; @form-label-default-inverse-mute-link-hover-text-color: @form-label-default-inverse-link-hover-text-color; @form-label-default-inverse-mute-link-hover-text-decoration: @form-label-default-inverse-link-hover-text-decoration; @form-label-default-inverse-mute-link-active-text-color: @form-label-default-inverse-link-active-text-color; @form-label-default-inverse-mute-link-active-text-decoration: @form-label-default-inverse-link-active-text-decoration; @form-label-default-inverse-mute-link-disabled-text-color: @form-label-default-inverse-link-disabled-text-color; @form-label-default-inverse-mute-link-disabled-text-decoration: @form-label-default-inverse-link-disabled-text-decoration; @form-label-default-inverse-mute-link-disabled-opacity: @form-label-default-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Label (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-label-success-enabled: @form-label-enabled; /* ----------------------------------------------------------------------------- Label (Success) Styling ----------------------------------------------------------------------------- */ @form-label-success-color: color-lighten(@green, 0); @form-label-success-font-style: normal; @form-label-success-font-weight: @form-label-default-font-weight; @form-label-success-transform: none; @form-label-success-shadow: none; /* ----------------------------------------------------------------------------- Label (Success) Links ----------------------------------------------------------------------------- */ @form-label-success-link-enabled: false; @form-label-success-link-text-color: color-lighten(@green, 0); @form-label-success-link-text-decoration: none; @form-label-success-link-hover-text-color: color-lighten(@green, -20); @form-label-success-link-hover-text-decoration: underline; @form-label-success-link-active-text-color: color-lighten(@green, -40); @form-label-success-link-active-text-decoration: none; @form-label-success-link-disabled-text-color: @form-label-success-link-text-color; @form-label-success-link-disabled-text-decoration: none; @form-label-success-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Label (Success) Emphasize ----------------------------------------------------------------------------- */ @form-label-success-emphasize-enabled: @form-label-default-emphasize-enabled; // Label (Success) Emphasize Styling @form-label-success-emphasize-color: color-lighten(@green, -20); @form-label-success-emphasize-font-style: @form-label-success-font-style; @form-label-success-emphasize-font-weight: @form-label-default-emphasize-font-weight; @form-label-success-emphasize-transform: @form-label-success-transform; @form-label-success-emphasize-shadow: @form-label-success-shadow; // Label (Success) Emphasize Links @form-label-success-emphasize-link-enabled: false; @form-label-success-emphasize-link-text-color: @form-label-success-link-text-color; @form-label-success-emphasize-link-text-decoration: @form-label-success-link-text-decoration; @form-label-success-emphasize-link-hover-text-color: @form-label-success-link-hover-text-color; @form-label-success-emphasize-link-hover-text-decoration: @form-label-success-link-hover-text-decoration; @form-label-success-emphasize-link-active-text-color: @form-label-success-link-active-text-color; @form-label-success-emphasize-link-active-text-decoration: @form-label-success-link-active-text-decoration; @form-label-success-emphasize-link-disabled-text-color: @form-label-success-link-disabled-text-color; @form-label-success-emphasize-link-disabled-text-decoration: @form-label-success-link-disabled-text-decoration; @form-label-success-emphasize-link-disabled-opacity: @form-label-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Success) Mute ----------------------------------------------------------------------------- */ @form-label-success-mute-enabled: @form-label-default-mute-enabled; // Label (Success) Mute Styling @form-label-success-mute-color: color-lighten(@green, 20); @form-label-success-mute-font-style: @form-label-success-font-style; @form-label-success-mute-font-weight: @form-label-default-mute-font-weight; @form-label-success-mute-transform: @form-label-success-transform; @form-label-success-mute-shadow: @form-label-success-shadow; // Label (Success) Mute Links @form-label-success-mute-link-enabled: false; @form-label-success-mute-link-text-color: @form-label-success-link-text-color; @form-label-success-mute-link-text-decoration: @form-label-success-link-text-decoration; @form-label-success-mute-link-hover-text-color: @form-label-success-link-hover-text-color; @form-label-success-mute-link-hover-text-decoration: @form-label-success-link-hover-text-decoration; @form-label-success-mute-link-active-text-color: @form-label-success-link-active-text-color; @form-label-success-mute-link-active-text-decoration: @form-label-success-link-active-text-decoration; @form-label-success-mute-link-disabled-text-color: @form-label-success-link-disabled-text-color; @form-label-success-mute-link-disabled-text-decoration: @form-label-success-link-disabled-text-decoration; @form-label-success-mute-link-disabled-opacity: @form-label-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Success) Inverse ----------------------------------------------------------------------------- */ @form-label-success-inverse-enabled: @form-label-default-inverse-enabled; // Label (Success) Inverse Styling @form-label-success-inverse-color: color-lighten(@green, 0); @form-label-success-inverse-shadow: @form-label-success-shadow; // Label (Success) Inverse Links @form-label-success-inverse-link-enabled: false; @form-label-success-inverse-link-text-color: @form-label-success-link-text-color; @form-label-success-inverse-link-text-decoration: @form-label-success-link-text-decoration; @form-label-success-inverse-link-hover-text-color: @form-label-success-link-hover-text-color; @form-label-success-inverse-link-hover-text-decoration: @form-label-success-link-hover-text-decoration; @form-label-success-inverse-link-active-text-color: @form-label-success-link-active-text-color; @form-label-success-inverse-link-active-text-decoration: @form-label-success-link-active-text-decoration; @form-label-success-inverse-link-disabled-text-color: @form-label-success-link-disabled-text-color; @form-label-success-inverse-link-disabled-text-decoration: @form-label-success-link-disabled-text-decoration; @form-label-success-inverse-link-disabled-opacity: @form-label-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Success) Inverse Emphasize ----------------------------------------------------------------------------- */ @form-label-success-inverse-emphasize-enabled: @form-label-default-inverse-emphasize-enabled; // Label (Success) Inverse Emphasize Styling @form-label-success-inverse-emphasize-color: color-lighten(@green, -20); @form-label-success-inverse-emphasize-shadow: @form-label-success-inverse-shadow; // Label (Success) Inverse Emphasize Links @form-label-success-inverse-emphasize-link-enabled: false; @form-label-success-inverse-emphasize-link-text-color: @form-label-success-inverse-link-text-color; @form-label-success-inverse-emphasize-link-text-decoration: @form-label-success-inverse-link-text-decoration; @form-label-success-inverse-emphasize-link-hover-text-color: @form-label-success-inverse-link-hover-text-color; @form-label-success-inverse-emphasize-link-hover-text-decoration: @form-label-success-inverse-link-hover-text-decoration; @form-label-success-inverse-emphasize-link-active-text-color: @form-label-success-inverse-link-active-text-color; @form-label-success-inverse-emphasize-link-active-text-decoration: @form-label-success-inverse-link-active-text-decoration; @form-label-success-inverse-emphasize-link-disabled-text-color: @form-label-success-inverse-link-disabled-text-color; @form-label-success-inverse-emphasize-link-disabled-text-decoration: @form-label-success-inverse-link-disabled-text-decoration; @form-label-success-inverse-emphasize-link-disabled-opacity: @form-label-success-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Success) Inverse Mute ----------------------------------------------------------------------------- */ @form-label-success-inverse-mute-enabled: @form-label-default-inverse-mute-enabled; // Label (Success) Inverse Mute Styling @form-label-success-inverse-mute-color: color-lighten(@green, 20); @form-label-success-inverse-mute-shadow: @form-label-success-inverse-shadow; // Label (Success) Inverse Mute Links @form-label-success-inverse-mute-link-enabled: false; @form-label-success-inverse-mute-link-text-color: @form-label-success-inverse-link-text-color; @form-label-success-inverse-mute-link-text-decoration: @form-label-success-inverse-link-text-decoration; @form-label-success-inverse-mute-link-hover-text-color: @form-label-success-inverse-link-hover-text-color; @form-label-success-inverse-mute-link-hover-text-decoration: @form-label-success-inverse-link-hover-text-decoration; @form-label-success-inverse-mute-link-active-text-color: @form-label-success-inverse-link-active-text-color; @form-label-success-inverse-mute-link-active-text-decoration: @form-label-success-inverse-link-active-text-decoration; @form-label-success-inverse-mute-link-disabled-text-color: @form-label-success-inverse-link-disabled-text-color; @form-label-success-inverse-mute-link-disabled-text-decoration: @form-label-success-inverse-link-disabled-text-decoration; @form-label-success-inverse-mute-link-disabled-opacity: @form-label-success-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Label (Error) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-label-error-enabled: @form-label-enabled; /* ----------------------------------------------------------------------------- Label (Error) Styling ----------------------------------------------------------------------------- */ @form-label-error-color: color-lighten(@red, 0); @form-label-error-font-style: normal; @form-label-error-font-weight: @form-label-default-font-weight; @form-label-error-transform: none; @form-label-error-shadow: none; /* ----------------------------------------------------------------------------- Label (Error) Links ----------------------------------------------------------------------------- */ @form-label-error-link-enabled: false; @form-label-error-link-text-color: color-lighten(@red, 0); @form-label-error-link-text-decoration: none; @form-label-error-link-hover-text-color: color-lighten(@red, -20); @form-label-error-link-hover-text-decoration: underline; @form-label-error-link-active-text-color: color-lighten(@red, -40); @form-label-error-link-active-text-decoration: none; @form-label-error-link-disabled-text-color: @form-label-error-link-text-color; @form-label-error-link-disabled-text-decoration: none; @form-label-error-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Label (Error) Emphasize ----------------------------------------------------------------------------- */ @form-label-error-emphasize-enabled: @form-label-default-emphasize-enabled; // Label (Error) Emphasize Styling @form-label-error-emphasize-color: color-lighten(@red, -20); @form-label-error-emphasize-font-style: @form-label-error-font-style; @form-label-error-emphasize-font-weight: @form-label-default-emphasize-font-weight; @form-label-error-emphasize-transform: @form-label-error-transform; @form-label-error-emphasize-shadow: @form-label-error-shadow; // Label (Error) Emphasize Links @form-label-error-emphasize-link-enabled: false; @form-label-error-emphasize-link-text-color: @form-label-error-link-text-color; @form-label-error-emphasize-link-text-decoration: @form-label-error-link-text-decoration; @form-label-error-emphasize-link-hover-text-color: @form-label-error-link-hover-text-color; @form-label-error-emphasize-link-hover-text-decoration: @form-label-error-link-hover-text-decoration; @form-label-error-emphasize-link-active-text-color: @form-label-error-link-active-text-color; @form-label-error-emphasize-link-active-text-decoration: @form-label-error-link-active-text-decoration; @form-label-error-emphasize-link-disabled-text-color: @form-label-error-link-disabled-text-color; @form-label-error-emphasize-link-disabled-text-decoration: @form-label-error-link-disabled-text-decoration; @form-label-error-emphasize-link-disabled-opacity: @form-label-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Error) Mute ----------------------------------------------------------------------------- */ @form-label-error-mute-enabled: @form-label-default-mute-enabled; // Label (Error) Mute Styling @form-label-error-mute-color: color-lighten(@red, 20); @form-label-error-mute-font-style: @form-label-error-font-style; @form-label-error-mute-font-weight: @form-label-default-mute-font-weight; @form-label-error-mute-transform: @form-label-error-transform; @form-label-error-mute-shadow: @form-label-error-shadow; // Label (Error) Mute Links @form-label-error-mute-link-enabled: false; @form-label-error-mute-link-text-color: @form-label-error-link-text-color; @form-label-error-mute-link-text-decoration: @form-label-error-link-text-decoration; @form-label-error-mute-link-hover-text-color: @form-label-error-link-hover-text-color; @form-label-error-mute-link-hover-text-decoration: @form-label-error-link-hover-text-decoration; @form-label-error-mute-link-active-text-color: @form-label-error-link-active-text-color; @form-label-error-mute-link-active-text-decoration: @form-label-error-link-active-text-decoration; @form-label-error-mute-link-disabled-text-color: @form-label-error-link-disabled-text-color; @form-label-error-mute-link-disabled-text-decoration: @form-label-error-link-disabled-text-decoration; @form-label-error-mute-link-disabled-opacity: @form-label-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Error) Inverse ----------------------------------------------------------------------------- */ @form-label-error-inverse-enabled: @form-label-default-inverse-enabled; // Label (Error) Inverse Styling @form-label-error-inverse-color: color-lighten(@red, 0); @form-label-error-inverse-shadow: @form-label-error-shadow; // Label (Error) Inverse Links @form-label-error-inverse-link-enabled: false; @form-label-error-inverse-link-text-color: @form-label-error-link-text-color; @form-label-error-inverse-link-text-decoration: @form-label-error-link-text-decoration; @form-label-error-inverse-link-hover-text-color: @form-label-error-link-hover-text-color; @form-label-error-inverse-link-hover-text-decoration: @form-label-error-link-hover-text-decoration; @form-label-error-inverse-link-active-text-color: @form-label-error-link-active-text-color; @form-label-error-inverse-link-active-text-decoration: @form-label-error-link-active-text-decoration; @form-label-error-inverse-link-disabled-text-color: @form-label-error-link-disabled-text-color; @form-label-error-inverse-link-disabled-text-decoration: @form-label-error-link-disabled-text-decoration; @form-label-error-inverse-link-disabled-opacity: @form-label-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Error) Inverse Emphasize ----------------------------------------------------------------------------- */ @form-label-error-inverse-emphasize-enabled: @form-label-default-inverse-emphasize-enabled; // Label (Error) Inverse Emphasize Styling @form-label-error-inverse-emphasize-color: color-lighten(@red, -20); @form-label-error-inverse-emphasize-shadow: @form-label-error-inverse-shadow; // Label (Error) Inverse Emphasize Links @form-label-error-inverse-emphasize-link-enabled: false; @form-label-error-inverse-emphasize-link-text-color: @form-label-error-inverse-link-text-color; @form-label-error-inverse-emphasize-link-text-decoration: @form-label-error-inverse-link-text-decoration; @form-label-error-inverse-emphasize-link-hover-text-color: @form-label-error-inverse-link-hover-text-color; @form-label-error-inverse-emphasize-link-hover-text-decoration: @form-label-error-inverse-link-hover-text-decoration; @form-label-error-inverse-emphasize-link-active-text-color: @form-label-error-inverse-link-active-text-color; @form-label-error-inverse-emphasize-link-active-text-decoration: @form-label-error-inverse-link-active-text-decoration; @form-label-error-inverse-emphasize-link-disabled-text-color: @form-label-error-inverse-link-disabled-text-color; @form-label-error-inverse-emphasize-link-disabled-text-decoration: @form-label-error-inverse-link-disabled-text-decoration; @form-label-error-inverse-emphasize-link-disabled-opacity: @form-label-error-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Label (Error) Inverse Mute ----------------------------------------------------------------------------- */ @form-label-error-inverse-mute-enabled: @form-label-default-inverse-mute-enabled; // Label (Error) Inverse Mute Styling @form-label-error-inverse-mute-color: color-lighten(@red, 20); @form-label-error-inverse-mute-shadow: @form-label-error-inverse-shadow; // Label (Error) Inverse Mute Links @form-label-error-inverse-mute-link-enabled: false; @form-label-error-inverse-mute-link-text-color: @form-label-error-inverse-link-text-color; @form-label-error-inverse-mute-link-text-decoration: @form-label-error-inverse-link-text-decoration; @form-label-error-inverse-mute-link-hover-text-color: @form-label-error-inverse-link-hover-text-color; @form-label-error-inverse-mute-link-hover-text-decoration: @form-label-error-inverse-link-hover-text-decoration; @form-label-error-inverse-mute-link-active-text-color: @form-label-error-inverse-link-active-text-color; @form-label-error-inverse-mute-link-active-text-decoration: @form-label-error-inverse-link-active-text-decoration; @form-label-error-inverse-mute-link-disabled-text-color: @form-label-error-inverse-link-disabled-text-color; @form-label-error-inverse-mute-link-disabled-text-decoration: @form-label-error-inverse-link-disabled-text-decoration; @form-label-error-inverse-mute-link-disabled-opacity: @form-label-error-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Help Block -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-help-block-enabled: @form-enabled; /* ----------------------------------------------------------------------------- Help Block Styling ----------------------------------------------------------------------------- */ @form-help-block-font-family: @font-family-sans-serif; @form-help-block-font-size: @small-text-font-size * 1.0; @form-help-block-line-height: @small-text-line-height * 1.0; /* ----------------------------------------------------------------------------- Help Block Margin ----------------------------------------------------------------------------- */ @form-help-block-margin-top: @form-label-margin-bottom * 0.5; @form-help-block-margin-bottom: 0px; @form-help-block-short-margin-top: @form-label-short-margin-bottom * 0.5; @form-help-block-short-margin-bottom: 0px; @form-help-block-tall-margin-top: @form-label-tall-margin-bottom * 0.5; @form-help-block-tall-margin-bottom: 0px; /* ----------------------------------------------------------------------------- Help Block Responsive Scaling ----------------------------------------------------------------------------- */ @form-help-block-scale-screen-mini-enabled: @form-scale-screen-mini-enabled; @form-help-block-scale-screen-small-enabled: @form-scale-screen-small-enabled; @form-help-block-scale-screen-medium-enabled: @form-scale-screen-medium-enabled; @form-help-block-scale-screen-large-enabled: @form-scale-screen-large-enabled; @form-help-block-font-size-scale-screen-mini: @small-text-font-size-scale-screen-mini; @form-help-block-font-size-scale-screen-small: @small-text-font-size-scale-screen-small; @form-help-block-font-size-scale-screen-medium: @small-text-font-size-scale-screen-medium; @form-help-block-font-size-scale-screen-large: @small-text-font-size-scale-screen-large; @form-help-block-line-height-scale-screen-mini: @form-help-block-font-size-scale-screen-mini; @form-help-block-line-height-scale-screen-small: @form-help-block-font-size-scale-screen-small; @form-help-block-line-height-scale-screen-medium: @form-help-block-font-size-scale-screen-medium; @form-help-block-line-height-scale-screen-large: @form-help-block-font-size-scale-screen-large; @form-help-block-margin-top-scale-screen-mini: @form-label-margin-top-scale-screen-mini; @form-help-block-margin-top-scale-screen-small: @form-label-margin-top-scale-screen-small; @form-help-block-margin-top-scale-screen-medium: @form-label-margin-top-scale-screen-medium; @form-help-block-margin-top-scale-screen-large: @form-label-margin-top-scale-screen-large; @form-help-block-margin-bottom-scale-screen-mini: @form-label-margin-bottom-scale-screen-mini; @form-help-block-margin-bottom-scale-screen-small: @form-label-margin-bottom-scale-screen-small; @form-help-block-margin-bottom-scale-screen-medium: @form-label-margin-bottom-scale-screen-medium; @form-help-block-margin-bottom-scale-screen-large: @form-label-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Help Block Emphasize ----------------------------------------------------------------------------- */ @form-help-block-emphasize-enabled: @body-text-emphasize-enabled; // Help Block Emphasize Styling @form-help-block-emphasize-font-family: @form-help-block-font-family; @form-help-block-emphasize-font-size: @form-help-block-font-size; @form-help-block-emphasize-line-height: @form-help-block-line-height; /* ----------------------------------------------------------------------------- Help Block Mute ----------------------------------------------------------------------------- */ @form-help-block-mute-enabled: @body-text-mute-enabled; // Help Block Mute Styling @form-help-block-mute-font-family: @form-help-block-font-family; @form-help-block-mute-font-size: @form-help-block-font-size; @form-help-block-mute-line-height: @form-help-block-line-height; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Help Block (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Help Block (Default) Styling ----------------------------------------------------------------------------- */ @form-help-block-default-color: color-lighten(@neutral, 60); @form-help-block-default-font-style: normal; @form-help-block-default-font-weight: 400; @form-help-block-default-transform: none; @form-help-block-default-shadow: none; /* ----------------------------------------------------------------------------- Help Block (Default) Links ----------------------------------------------------------------------------- */ @form-help-block-default-link-enabled: false; @form-help-block-default-link-text-color: color-lighten(@blue, 0); @form-help-block-default-link-text-decoration: none; @form-help-block-default-link-hover-text-color: color-lighten(@blue, -20); @form-help-block-default-link-hover-text-decoration: underline; @form-help-block-default-link-active-text-color: color-lighten(@blue, -40); @form-help-block-default-link-active-text-decoration: none; @form-help-block-default-link-disabled-text-color: @form-help-block-default-link-text-color; @form-help-block-default-link-disabled-text-decoration: none; @form-help-block-default-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Help Block (Default) Emphasize ----------------------------------------------------------------------------- */ @form-help-block-default-emphasize-enabled: @body-text-emphasize-enabled; // Help Block (Default) Emphasize Styling @form-help-block-default-emphasize-color: color-lighten(@neutral, 20); @form-help-block-default-emphasize-font-style: @form-help-block-default-font-style; @form-help-block-default-emphasize-font-weight: 500; @form-help-block-default-emphasize-transform: @form-help-block-default-transform; @form-help-block-default-emphasize-shadow: @form-help-block-default-shadow; // Help Block (Default) Emphasize Links @form-help-block-default-emphasize-link-enabled: false; @form-help-block-default-emphasize-link-text-color: @form-help-block-default-link-text-color; @form-help-block-default-emphasize-link-text-decoration: @form-help-block-default-link-text-decoration; @form-help-block-default-emphasize-link-hover-text-color: @form-help-block-default-link-hover-text-color; @form-help-block-default-emphasize-link-hover-text-decoration: @form-help-block-default-link-hover-text-decoration; @form-help-block-default-emphasize-link-active-text-color: @form-help-block-default-link-active-text-color; @form-help-block-default-emphasize-link-active-text-decoration: @form-help-block-default-link-active-text-decoration; @form-help-block-default-emphasize-link-disabled-text-color: @form-help-block-default-link-disabled-text-color; @form-help-block-default-emphasize-link-disabled-text-decoration: @form-help-block-default-link-disabled-text-decoration; @form-help-block-default-emphasize-link-disabled-opacity: @form-help-block-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Default) Mute ----------------------------------------------------------------------------- */ @form-help-block-default-mute-enabled: @body-text-mute-enabled; // Help Block (Default) Mute Styling @form-help-block-default-mute-color: color-lighten(@neutral, 80); @form-help-block-default-mute-font-style: @form-help-block-default-font-style; @form-help-block-default-mute-font-weight: 200; @form-help-block-default-mute-transform: @form-help-block-default-transform; @form-help-block-default-mute-shadow: @form-help-block-default-shadow; // Help Block (Default) Mute Links @form-help-block-default-mute-link-enabled: false; @form-help-block-default-mute-link-text-color: @form-help-block-default-link-text-color; @form-help-block-default-mute-link-text-decoration: @form-help-block-default-link-text-decoration; @form-help-block-default-mute-link-hover-text-color: @form-help-block-default-link-hover-text-color; @form-help-block-default-mute-link-hover-text-decoration: @form-help-block-default-link-hover-text-decoration; @form-help-block-default-mute-link-active-text-color: @form-help-block-default-link-active-text-color; @form-help-block-default-mute-link-active-text-decoration: @form-help-block-default-link-active-text-decoration; @form-help-block-default-mute-link-disabled-text-color: @form-help-block-default-link-disabled-text-color; @form-help-block-default-mute-link-disabled-text-decoration: @form-help-block-default-link-disabled-text-decoration; @form-help-block-default-mute-link-disabled-opacity: @form-help-block-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Default) Inverse ----------------------------------------------------------------------------- */ @form-help-block-default-inverse-enabled: @body-text-inverse-enabled; // Help Block (Default) Inverse Styling @form-help-block-default-inverse-color: color-lighten(@neutral, 20); @form-help-block-default-inverse-shadow: @form-help-block-default-shadow; // Help Block (Default) Inverse Links @form-help-block-default-inverse-link-enabled: false; @form-help-block-default-inverse-link-text-color: @form-help-block-default-link-text-color; @form-help-block-default-inverse-link-text-decoration: @form-help-block-default-link-text-decoration; @form-help-block-default-inverse-link-hover-text-color: @form-help-block-default-link-hover-text-color; @form-help-block-default-inverse-link-hover-text-decoration: @form-help-block-default-link-hover-text-decoration; @form-help-block-default-inverse-link-active-text-color: @form-help-block-default-link-active-text-color; @form-help-block-default-inverse-link-active-text-decoration: @form-help-block-default-link-active-text-decoration; @form-help-block-default-inverse-link-disabled-text-color: @form-help-block-default-link-disabled-text-color; @form-help-block-default-inverse-link-disabled-text-decoration: @form-help-block-default-link-disabled-text-decoration; @form-help-block-default-inverse-link-disabled-opacity: @form-help-block-default-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Default) Inverse Emphasize ----------------------------------------------------------------------------- */ @form-help-block-default-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Help Block (Default) Inverse Emphasize Styling @form-help-block-default-inverse-emphasize-color: color-lighten(@neutral, 100); @form-help-block-default-inverse-emphasize-shadow: @form-help-block-default-inverse-shadow; // Help Block (Default) Inverse Emphasize Links @form-help-block-default-inverse-emphasize-link-enabled: false; @form-help-block-default-inverse-emphasize-link-text-color: @form-help-block-default-inverse-link-text-color; @form-help-block-default-inverse-emphasize-link-text-decoration: @form-help-block-default-inverse-link-text-decoration; @form-help-block-default-inverse-emphasize-link-hover-text-color: @form-help-block-default-inverse-link-hover-text-color; @form-help-block-default-inverse-emphasize-link-hover-text-decoration: @form-help-block-default-inverse-link-hover-text-decoration; @form-help-block-default-inverse-emphasize-link-active-text-color: @form-help-block-default-inverse-link-active-text-color; @form-help-block-default-inverse-emphasize-link-active-text-decoration: @form-help-block-default-inverse-link-active-text-decoration; @form-help-block-default-inverse-emphasize-link-disabled-text-color: @form-help-block-default-inverse-link-disabled-text-color; @form-help-block-default-inverse-emphasize-link-disabled-text-decoration: @form-help-block-default-inverse-link-disabled-text-decoration; @form-help-block-default-inverse-emphasize-link-disabled-opacity: @form-help-block-default-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Default) Inverse Mute ----------------------------------------------------------------------------- */ @form-help-block-default-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Help Block (Default) Inverse Mute Styling @form-help-block-default-inverse-mute-color: color-lighten(@neutral, 0); @form-help-block-default-inverse-mute-shadow: @form-help-block-default-inverse-shadow; // Help Block (Default) Inverse Mute Links @form-help-block-default-inverse-mute-link-enabled: false; @form-help-block-default-inverse-mute-link-text-color: @form-help-block-default-inverse-link-text-color; @form-help-block-default-inverse-mute-link-text-decoration: @form-help-block-default-inverse-link-text-decoration; @form-help-block-default-inverse-mute-link-hover-text-color: @form-help-block-default-inverse-link-hover-text-color; @form-help-block-default-inverse-mute-link-hover-text-decoration: @form-help-block-default-inverse-link-hover-text-decoration; @form-help-block-default-inverse-mute-link-active-text-color: @form-help-block-default-inverse-link-active-text-color; @form-help-block-default-inverse-mute-link-active-text-decoration: @form-help-block-default-inverse-link-active-text-decoration; @form-help-block-default-inverse-mute-link-disabled-text-color: @form-help-block-default-inverse-link-disabled-text-color; @form-help-block-default-inverse-mute-link-disabled-text-decoration: @form-help-block-default-inverse-link-disabled-text-decoration; @form-help-block-default-inverse-mute-link-disabled-opacity: @form-help-block-default-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Help Block (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-help-block-success-enabled: @form-help-block-enabled; /* ----------------------------------------------------------------------------- Help Block (Success) Styling ----------------------------------------------------------------------------- */ @form-help-block-success-color: color-lighten(@green, 0); @form-help-block-success-font-style: normal; @form-help-block-success-font-weight: @form-help-block-default-font-weight; @form-help-block-success-transform: none; @form-help-block-success-shadow: none; /* ----------------------------------------------------------------------------- Help Block (Success) Links ----------------------------------------------------------------------------- */ @form-help-block-success-link-enabled: false; @form-help-block-success-link-text-color: color-lighten(@green, 0); @form-help-block-success-link-text-decoration: none; @form-help-block-success-link-hover-text-color: color-lighten(@green, -20); @form-help-block-success-link-hover-text-decoration: underline; @form-help-block-success-link-active-text-color: color-lighten(@green, -40); @form-help-block-success-link-active-text-decoration: none; @form-help-block-success-link-disabled-text-color: @form-help-block-success-link-text-color; @form-help-block-success-link-disabled-text-decoration: none; @form-help-block-success-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Help Block (Success) Emphasize ----------------------------------------------------------------------------- */ @form-help-block-success-emphasize-enabled: @form-help-block-default-emphasize-enabled; // Help Block (Success) Emphasize Styling @form-help-block-success-emphasize-color: color-lighten(@green, -20); @form-help-block-success-emphasize-font-style: @form-help-block-success-font-style; @form-help-block-success-emphasize-font-weight: @form-help-block-default-emphasize-font-weight; @form-help-block-success-emphasize-transform: @form-help-block-success-transform; @form-help-block-success-emphasize-shadow: @form-help-block-success-shadow; // Help Block (Success) Emphasize Links @form-help-block-success-emphasize-link-enabled: false; @form-help-block-success-emphasize-link-text-color: @form-help-block-success-link-text-color; @form-help-block-success-emphasize-link-text-decoration: @form-help-block-success-link-text-decoration; @form-help-block-success-emphasize-link-hover-text-color: @form-help-block-success-link-hover-text-color; @form-help-block-success-emphasize-link-hover-text-decoration: @form-help-block-success-link-hover-text-decoration; @form-help-block-success-emphasize-link-active-text-color: @form-help-block-success-link-active-text-color; @form-help-block-success-emphasize-link-active-text-decoration: @form-help-block-success-link-active-text-decoration; @form-help-block-success-emphasize-link-disabled-text-color: @form-help-block-success-link-disabled-text-color; @form-help-block-success-emphasize-link-disabled-text-decoration: @form-help-block-success-link-disabled-text-decoration; @form-help-block-success-emphasize-link-disabled-opacity: @form-help-block-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Success) Mute ----------------------------------------------------------------------------- */ @form-help-block-success-mute-enabled: @form-help-block-default-mute-enabled; // Help Block (Success) Mute Styling @form-help-block-success-mute-color: color-lighten(@green, 20); @form-help-block-success-mute-font-style: @form-help-block-success-font-style; @form-help-block-success-mute-font-weight: @form-help-block-default-mute-font-weight; @form-help-block-success-mute-transform: @form-help-block-success-transform; @form-help-block-success-mute-shadow: @form-help-block-success-shadow; // Help Block (Success) Mute Links @form-help-block-success-mute-link-enabled: false; @form-help-block-success-mute-link-text-color: @form-help-block-success-link-text-color; @form-help-block-success-mute-link-text-decoration: @form-help-block-success-link-text-decoration; @form-help-block-success-mute-link-hover-text-color: @form-help-block-success-link-hover-text-color; @form-help-block-success-mute-link-hover-text-decoration: @form-help-block-success-link-hover-text-decoration; @form-help-block-success-mute-link-active-text-color: @form-help-block-success-link-active-text-color; @form-help-block-success-mute-link-active-text-decoration: @form-help-block-success-link-active-text-decoration; @form-help-block-success-mute-link-disabled-text-color: @form-help-block-success-link-disabled-text-color; @form-help-block-success-mute-link-disabled-text-decoration: @form-help-block-success-link-disabled-text-decoration; @form-help-block-success-mute-link-disabled-opacity: @form-help-block-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Success) Inverse ----------------------------------------------------------------------------- */ @form-help-block-success-inverse-enabled: @form-help-block-default-inverse-enabled; // Help Block (Success) Inverse Styling @form-help-block-success-inverse-color: color-lighten(@green, 0); @form-help-block-success-inverse-shadow: @form-help-block-success-shadow; // Help Block (Success) Inverse Links @form-help-block-success-inverse-link-enabled: false; @form-help-block-success-inverse-link-text-color: @form-help-block-success-link-text-color; @form-help-block-success-inverse-link-text-decoration: @form-help-block-success-link-text-decoration; @form-help-block-success-inverse-link-hover-text-color: @form-help-block-success-link-hover-text-color; @form-help-block-success-inverse-link-hover-text-decoration: @form-help-block-success-link-hover-text-decoration; @form-help-block-success-inverse-link-active-text-color: @form-help-block-success-link-active-text-color; @form-help-block-success-inverse-link-active-text-decoration: @form-help-block-success-link-active-text-decoration; @form-help-block-success-inverse-link-disabled-text-color: @form-help-block-success-link-disabled-text-color; @form-help-block-success-inverse-link-disabled-text-decoration: @form-help-block-success-link-disabled-text-decoration; @form-help-block-success-inverse-link-disabled-opacity: @form-help-block-success-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Success) Inverse Emphasize ----------------------------------------------------------------------------- */ @form-help-block-success-inverse-emphasize-enabled: @form-help-block-default-inverse-emphasize-enabled; // Help Block (Success) Inverse Emphasize Styling @form-help-block-success-inverse-emphasize-color: color-lighten(@green, -20); @form-help-block-success-inverse-emphasize-shadow: @form-help-block-success-inverse-shadow; // Help Block (Success) Inverse Emphasize Links @form-help-block-success-inverse-emphasize-link-enabled: false; @form-help-block-success-inverse-emphasize-link-text-color: @form-help-block-success-inverse-link-text-color; @form-help-block-success-inverse-emphasize-link-text-decoration: @form-help-block-success-inverse-link-text-decoration; @form-help-block-success-inverse-emphasize-link-hover-text-color: @form-help-block-success-inverse-link-hover-text-color; @form-help-block-success-inverse-emphasize-link-hover-text-decoration: @form-help-block-success-inverse-link-hover-text-decoration; @form-help-block-success-inverse-emphasize-link-active-text-color: @form-help-block-success-inverse-link-active-text-color; @form-help-block-success-inverse-emphasize-link-active-text-decoration: @form-help-block-success-inverse-link-active-text-decoration; @form-help-block-success-inverse-emphasize-link-disabled-text-color: @form-help-block-success-inverse-link-disabled-text-color; @form-help-block-success-inverse-emphasize-link-disabled-text-decoration: @form-help-block-success-inverse-link-disabled-text-decoration; @form-help-block-success-inverse-emphasize-link-disabled-opacity: @form-help-block-success-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Success) Inverse Mute ----------------------------------------------------------------------------- */ @form-help-block-success-inverse-mute-enabled: @form-help-block-default-inverse-mute-enabled; // Help Block (Success) Inverse Mute Styling @form-help-block-success-inverse-mute-color: color-lighten(@green, -60); @form-help-block-success-inverse-mute-shadow: @form-help-block-success-inverse-shadow; // Help Block (Success) Inverse Mute Links @form-help-block-success-inverse-mute-link-enabled: false; @form-help-block-success-inverse-mute-link-text-color: @form-help-block-success-inverse-link-text-color; @form-help-block-success-inverse-mute-link-text-decoration: @form-help-block-success-inverse-link-text-decoration; @form-help-block-success-inverse-mute-link-hover-text-color: @form-help-block-success-inverse-link-hover-text-color; @form-help-block-success-inverse-mute-link-hover-text-decoration: @form-help-block-success-inverse-link-hover-text-decoration; @form-help-block-success-inverse-mute-link-active-text-color: @form-help-block-success-inverse-link-active-text-color; @form-help-block-success-inverse-mute-link-active-text-decoration: @form-help-block-success-inverse-link-active-text-decoration; @form-help-block-success-inverse-mute-link-disabled-text-color: @form-help-block-success-inverse-link-disabled-text-color; @form-help-block-success-inverse-mute-link-disabled-text-decoration: @form-help-block-success-inverse-link-disabled-text-decoration; @form-help-block-success-inverse-mute-link-disabled-opacity: @form-help-block-success-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Help Block (Error) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @form-help-block-error-enabled: @form-help-block-enabled; /* ----------------------------------------------------------------------------- Help Block (Error) Styling ----------------------------------------------------------------------------- */ @form-help-block-error-color: color-lighten(@red, 0); @form-help-block-error-font-style: normal; @form-help-block-error-font-weight: @form-help-block-default-font-weight; @form-help-block-error-transform: none; @form-help-block-error-shadow: none; /* ----------------------------------------------------------------------------- Help Block (Error) Links ----------------------------------------------------------------------------- */ @form-help-block-error-link-enabled: false; @form-help-block-error-link-text-color: color-lighten(@red, 0); @form-help-block-error-link-text-decoration: none; @form-help-block-error-link-hover-text-color: color-lighten(@red, -20); @form-help-block-error-link-hover-text-decoration: underline; @form-help-block-error-link-active-text-color: color-lighten(@red, -40); @form-help-block-error-link-active-text-decoration: none; @form-help-block-error-link-disabled-text-color: @form-help-block-error-link-text-color; @form-help-block-error-link-disabled-text-decoration: none; @form-help-block-error-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Help Block (Error) Emphasize ----------------------------------------------------------------------------- */ @form-help-block-error-emphasize-enabled: @form-help-block-default-emphasize-enabled; // Help Block (Error) Emphasize Styling @form-help-block-error-emphasize-color: color-lighten(@red, -20); @form-help-block-error-emphasize-font-style: @form-help-block-error-font-style; @form-help-block-error-emphasize-font-weight: @form-help-block-default-emphasize-font-weight; @form-help-block-error-emphasize-transform: @form-help-block-error-transform; @form-help-block-error-emphasize-shadow: @form-help-block-error-shadow; // Help Block (Error) Emphasize Links @form-help-block-error-emphasize-link-enabled: false; @form-help-block-error-emphasize-link-text-color: @form-help-block-error-link-text-color; @form-help-block-error-emphasize-link-text-decoration: @form-help-block-error-link-text-decoration; @form-help-block-error-emphasize-link-hover-text-color: @form-help-block-error-link-hover-text-color; @form-help-block-error-emphasize-link-hover-text-decoration: @form-help-block-error-link-hover-text-decoration; @form-help-block-error-emphasize-link-active-text-color: @form-help-block-error-link-active-text-color; @form-help-block-error-emphasize-link-active-text-decoration: @form-help-block-error-link-active-text-decoration; @form-help-block-error-emphasize-link-disabled-text-color: @form-help-block-error-link-disabled-text-color; @form-help-block-error-emphasize-link-disabled-text-decoration: @form-help-block-error-link-disabled-text-decoration; @form-help-block-error-emphasize-link-disabled-opacity: @form-help-block-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Error) Mute ----------------------------------------------------------------------------- */ @form-help-block-error-mute-enabled: @form-help-block-default-mute-enabled; // Help Block (Error) Mute Styling @form-help-block-error-mute-color: color-lighten(@red, 20); @form-help-block-error-mute-font-style: @form-help-block-error-font-style; @form-help-block-error-mute-font-weight: @form-help-block-default-mute-font-weight; @form-help-block-error-mute-transform: @form-help-block-error-transform; @form-help-block-error-mute-shadow: @form-help-block-error-shadow; // Help Block (Error) Mute Links @form-help-block-error-mute-link-enabled: false; @form-help-block-error-mute-link-text-color: @form-help-block-error-link-text-color; @form-help-block-error-mute-link-text-decoration: @form-help-block-error-link-text-decoration; @form-help-block-error-mute-link-hover-text-color: @form-help-block-error-link-hover-text-color; @form-help-block-error-mute-link-hover-text-decoration: @form-help-block-error-link-hover-text-decoration; @form-help-block-error-mute-link-active-text-color: @form-help-block-error-link-active-text-color; @form-help-block-error-mute-link-active-text-decoration: @form-help-block-error-link-active-text-decoration; @form-help-block-error-mute-link-disabled-text-color: @form-help-block-error-link-disabled-text-color; @form-help-block-error-mute-link-disabled-text-decoration: @form-help-block-error-link-disabled-text-decoration; @form-help-block-error-mute-link-disabled-opacity: @form-help-block-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Error) Inverse ----------------------------------------------------------------------------- */ @form-help-block-error-inverse-enabled: @form-help-block-default-inverse-enabled; // Help Block (Error) Inverse Styling @form-help-block-error-inverse-color: color-lighten(@red, 0); @form-help-block-error-inverse-shadow: @form-help-block-error-shadow; // Help Block (Error) Inverse Links @form-help-block-error-inverse-link-enabled: false; @form-help-block-error-inverse-link-text-color: @form-help-block-error-link-text-color; @form-help-block-error-inverse-link-text-decoration: @form-help-block-error-link-text-decoration; @form-help-block-error-inverse-link-hover-text-color: @form-help-block-error-link-hover-text-color; @form-help-block-error-inverse-link-hover-text-decoration: @form-help-block-error-link-hover-text-decoration; @form-help-block-error-inverse-link-active-text-color: @form-help-block-error-link-active-text-color; @form-help-block-error-inverse-link-active-text-decoration: @form-help-block-error-link-active-text-decoration; @form-help-block-error-inverse-link-disabled-text-color: @form-help-block-error-link-disabled-text-color; @form-help-block-error-inverse-link-disabled-text-decoration: @form-help-block-error-link-disabled-text-decoration; @form-help-block-error-inverse-link-disabled-opacity: @form-help-block-error-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Error) Inverse Emphasize ----------------------------------------------------------------------------- */ @form-help-block-error-inverse-emphasize-enabled: @form-help-block-default-inverse-emphasize-enabled; // Help Block (Error) Inverse Emphasize Styling @form-help-block-error-inverse-emphasize-color: color-lighten(@red, -20); @form-help-block-error-inverse-emphasize-shadow: @form-help-block-error-inverse-shadow; // Help Block (Error) Inverse Emphasize Links @form-help-block-error-inverse-emphasize-link-enabled: false; @form-help-block-error-inverse-emphasize-link-text-color: @form-help-block-error-inverse-link-text-color; @form-help-block-error-inverse-emphasize-link-text-decoration: @form-help-block-error-inverse-link-text-decoration; @form-help-block-error-inverse-emphasize-link-hover-text-color: @form-help-block-error-inverse-link-hover-text-color; @form-help-block-error-inverse-emphasize-link-hover-text-decoration: @form-help-block-error-inverse-link-hover-text-decoration; @form-help-block-error-inverse-emphasize-link-active-text-color: @form-help-block-error-inverse-link-active-text-color; @form-help-block-error-inverse-emphasize-link-active-text-decoration: @form-help-block-error-inverse-link-active-text-decoration; @form-help-block-error-inverse-emphasize-link-disabled-text-color: @form-help-block-error-inverse-link-disabled-text-color; @form-help-block-error-inverse-emphasize-link-disabled-text-decoration: @form-help-block-error-inverse-link-disabled-text-decoration; @form-help-block-error-inverse-emphasize-link-disabled-opacity: @form-help-block-error-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Help Block (Error) Inverse Mute ----------------------------------------------------------------------------- */ @form-help-block-error-inverse-mute-enabled: @form-help-block-default-inverse-mute-enabled; // Help Block (Error) Inverse Mute Styling @form-help-block-error-inverse-mute-color: color-lighten(@red, -60); @form-help-block-error-inverse-mute-shadow: @form-help-block-error-inverse-shadow; // Help Block (Error) Inverse Mute Links @form-help-block-error-inverse-mute-link-enabled: false; @form-help-block-error-inverse-mute-link-text-color: @form-help-block-error-inverse-link-text-color; @form-help-block-error-inverse-mute-link-text-decoration: @form-help-block-error-inverse-link-text-decoration; @form-help-block-error-inverse-mute-link-hover-text-color: @form-help-block-error-inverse-link-hover-text-color; @form-help-block-error-inverse-mute-link-hover-text-decoration: @form-help-block-error-inverse-link-hover-text-decoration; @form-help-block-error-inverse-mute-link-active-text-color: @form-help-block-error-inverse-link-active-text-color; @form-help-block-error-inverse-mute-link-active-text-decoration: @form-help-block-error-inverse-link-active-text-decoration; @form-help-block-error-inverse-mute-link-disabled-text-color: @form-help-block-error-inverse-link-disabled-text-color; @form-help-block-error-inverse-mute-link-disabled-text-decoration: @form-help-block-error-inverse-link-disabled-text-decoration; @form-help-block-error-inverse-mute-link-disabled-opacity: @form-help-block-error-inverse-link-disabled-opacity;