/* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- variables/variables-typography.less -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Font Families -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @font-family-sans-serif: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; @font-family-serif: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; @font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Body Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @body-text-enabled: @typography-enabled; /* ----------------------------------------------------------------------------- Body Text Styling ----------------------------------------------------------------------------- */ @body-text-color: color-lighten(@neutral, 40); @body-text-font-family: @font-family-sans-serif; @body-text-font-size: 14px; @body-text-font-style: normal; @body-text-font-weight: 400; @body-text-line-height: 20px; @body-text-transform: none; @body-text-shadow: none; /* ----------------------------------------------------------------------------- Body Text Links ----------------------------------------------------------------------------- */ @body-text-link-enabled: @body-text-enabled; @body-text-link-text-color: color-lighten(@purple, 0); @body-text-link-text-decoration: none; @body-text-link-hover-text-color: color-lighten(@purple, -20); @body-text-link-hover-text-decoration: underline; @body-text-link-active-text-color: color-lighten(@purple, -40); @body-text-link-active-text-decoration: none; @body-text-link-disabled-text-color: @body-text-link-text-color; @body-text-link-disabled-text-decoration: none; @body-text-link-disabled-opacity: 0.5; /* ----------------------------------------------------------------------------- Body Text Margins ----------------------------------------------------------------------------- */ @body-text-margin-top: 0px; @body-text-margin-bottom: @base-spacing-unit * 0.5; @body-text-short-margin-top: 0px; @body-text-short-margin-bottom: @base-spacing-unit * 0.25; @body-text-tall-margin-top: 0px; @body-text-tall-margin-bottom: @base-spacing-unit * 1.0; /* ----------------------------------------------------------------------------- Body Text Responsive Scaling ----------------------------------------------------------------------------- */ @body-text-scale-screen-mini: @screen-mini-enabled; @body-text-scale-screen-small: @screen-small-enabled; @body-text-scale-screen-medium: @screen-medium-enabled; @body-text-scale-screen-large: @screen-large-enabled; @body-text-font-size-scale-screen-mini: 1.0; @body-text-font-size-scale-screen-small: 1.1; @body-text-font-size-scale-screen-medium: 1.2; @body-text-font-size-scale-screen-large: 1.2; @body-text-line-height-scale-screen-mini: @body-text-font-size-scale-screen-mini; @body-text-line-height-scale-screen-small: @body-text-font-size-scale-screen-small; @body-text-line-height-scale-screen-medium: @body-text-font-size-scale-screen-medium; @body-text-line-height-scale-screen-large: @body-text-font-size-scale-screen-large; @body-text-margin-top-scale-screen-mini: 1.0; @body-text-margin-top-scale-screen-small: 1.1; @body-text-margin-top-scale-screen-medium: 1.2; @body-text-margin-top-scale-screen-large: 1.2; @body-text-margin-bottom-scale-screen-mini: 1.0; @body-text-margin-bottom-scale-screen-small: 1.1; @body-text-margin-bottom-scale-screen-medium: 1.2; @body-text-margin-bottom-scale-screen-large: 1.2; /* ----------------------------------------------------------------------------- Body Text Emphasize ----------------------------------------------------------------------------- */ @body-text-emphasize-enabled: @body-text-enabled; // Body Text Emphasize Styling @body-text-emphasize-color: color-lighten(@neutral, 20); @body-text-emphasize-font-family: @body-text-font-family; @body-text-emphasize-font-size: @body-text-font-size; @body-text-emphasize-font-style: @body-text-font-style; @body-text-emphasize-font-weight: 700; @body-text-emphasize-line-height: @body-text-line-height; @body-text-emphasize-transform: @body-text-transform; @body-text-emphasize-shadow: @body-text-shadow; // Body Text Emphasize Links @body-text-emphasize-link-enabled: false; @body-text-emphasize-link-text-color: @body-text-link-text-color; @body-text-emphasize-link-text-decoration: @body-text-link-text-decoration; @body-text-emphasize-link-hover-text-color: @body-text-link-hover-text-color; @body-text-emphasize-link-hover-text-decoration: @body-text-link-hover-text-decoration; @body-text-emphasize-link-active-text-color: @body-text-link-active-text-color; @body-text-emphasize-link-active-text-decoration: @body-text-link-active-text-decoration; @body-text-emphasize-link-disabled-text-color: @body-text-link-disabled-text-color; @body-text-emphasize-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @body-text-emphasize-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Body Text Mute ----------------------------------------------------------------------------- */ @body-text-mute-enabled: @body-text-enabled; // Body Text Mute Styling @body-text-mute-color: color-lighten(@neutral, 60); @body-text-mute-font-family: @body-text-font-family; @body-text-mute-font-size: @body-text-font-size; @body-text-mute-font-style: @body-text-font-style; @body-text-mute-font-weight: 200; @body-text-mute-line-height: @body-text-line-height; @body-text-mute-transform: @body-text-transform; @body-text-mute-shadow: @body-text-shadow; // Body Text Mute Links @body-text-mute-link-enabled: false; @body-text-mute-link-text-color: @body-text-link-text-color; @body-text-mute-link-text-decoration: @body-text-link-text-decoration; @body-text-mute-link-hover-text-color: @body-text-link-hover-text-color; @body-text-mute-link-hover-text-decoration: @body-text-link-hover-text-decoration; @body-text-mute-link-active-text-color: @body-text-link-active-text-color; @body-text-mute-link-active-text-decoration: @body-text-link-active-text-decoration; @body-text-mute-link-disabled-text-color: @body-text-link-disabled-text-color; @body-text-mute-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @body-text-mute-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Body Text Inverse ----------------------------------------------------------------------------- */ @body-text-inverse-enabled: @body-text-enabled; // Body Text Inverse Styling @body-text-inverse-color: color-lighten(@neutral, 40); @body-text-inverse-shadow: @body-text-shadow; // Body Text inverse Links @body-text-inverse-link-enabled: false; @body-text-inverse-link-text-color: @body-text-link-text-color; @body-text-inverse-link-text-decoration: @body-text-link-text-decoration; @body-text-inverse-link-hover-text-color: @body-text-link-hover-text-color; @body-text-inverse-link-hover-text-decoration: @body-text-link-hover-text-decoration; @body-text-inverse-link-active-text-color: @body-text-link-active-text-color; @body-text-inverse-link-active-text-decoration: @body-text-link-active-text-decoration; @body-text-inverse-link-disabled-text-color: @body-text-link-disabled-text-color; @body-text-inverse-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @body-text-inverse-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Body Text Inverse Emphasize ----------------------------------------------------------------------------- */ @body-text-inverse-emphasize-enabled: @body-text-inverse-enabled; // Body Text Inverse Emphasize Styling @body-text-inverse-emphasize-color: color-lighten(@neutral, 80); @body-text-inverse-emphasize-shadow: @body-text-inverse-shadow; // Body Text Inverse Emphasize Links @body-text-inverse-emphasize-link-enabled: false; @body-text-inverse-emphasize-link-text-color: @body-text-inverse-link-text-color; @body-text-inverse-emphasize-link-text-decoration: @body-text-inverse-link-text-decoration; @body-text-inverse-emphasize-link-hover-text-color: @body-text-inverse-link-hover-text-color; @body-text-inverse-emphasize-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @body-text-inverse-emphasize-link-active-text-color: @body-text-inverse-link-active-text-color; @body-text-inverse-emphasize-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @body-text-inverse-emphasize-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @body-text-inverse-emphasize-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @body-text-inverse-emphasize-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Body Text Inverse Mute ----------------------------------------------------------------------------- */ @body-text-inverse-mute-enabled: @body-text-inverse-enabled; // Body Text Inverse Mute Styling @body-text-inverse-mute-color: color-lighten(@neutral, 20); @body-text-inverse-mute-shadow: @body-text-inverse-shadow; // Body Text Inverse Mute Links @body-text-inverse-mute-link-enabled: false; @body-text-inverse-mute-link-text-color: @body-text-inverse-link-text-color; @body-text-inverse-mute-link-text-decoration: @body-text-inverse-link-text-decoration; @body-text-inverse-mute-link-hover-text-color: @body-text-inverse-link-hover-text-color; @body-text-inverse-mute-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @body-text-inverse-mute-link-active-text-color: @body-text-inverse-link-active-text-color; @body-text-inverse-mute-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @body-text-inverse-mute-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @body-text-inverse-mute-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @body-text-inverse-mute-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Small Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @small-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Small Text Styling ----------------------------------------------------------------------------- */ @small-text-color: color-lighten(@neutral, 50); @small-text-font-family: @font-family-sans-serif; @small-text-font-size: @body-text-font-size * 0.8; @small-text-font-style: normal; @small-text-font-weight: 400; @small-text-line-height: @body-text-line-height * 0.8; @small-text-transform: none; @small-text-shadow: none; /* ----------------------------------------------------------------------------- Small Text Links ----------------------------------------------------------------------------- */ @small-text-link-enabled: false; @small-text-link-text-color: @body-text-link-text-color; @small-text-link-text-decoration: @body-text-link-text-decoration; @small-text-link-hover-text-color: @body-text-link-hover-text-color; @small-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @small-text-link-active-text-color: @body-text-link-active-text-color; @small-text-link-active-text-decoration: @body-text-link-active-text-decoration; @small-text-link-disabled-text-color: @body-text-link-disabled-text-color; @small-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @small-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Small Text Margin ----------------------------------------------------------------------------- */ @small-text-margin-top: @body-text-margin-top * 0.5; @small-text-margin-bottom: @body-text-margin-bottom * 0.5; @small-text-short-margin-top: @body-text-short-margin-top * 0.5; @small-text-short-margin-bottom: @body-text-short-margin-bottom * 0.5; @small-text-tall-margin-top: @body-text-tall-margin-top * 0.5; @small-text-tall-margin-bottom: @body-text-tall-margin-bottom * 0.5; /* ----------------------------------------------------------------------------- Small Text Responsive Scaling ----------------------------------------------------------------------------- */ @small-text-scale-screen-mini: @body-text-scale-screen-mini; @small-text-scale-screen-small: @body-text-scale-screen-small; @small-text-scale-screen-medium: @body-text-scale-screen-medium; @small-text-scale-screen-large: @body-text-scale-screen-large; @small-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini; @small-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small; @small-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium; @small-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large; @small-text-line-height-scale-screen-mini: @small-text-font-size-scale-screen-mini; @small-text-line-height-scale-screen-small: @small-text-font-size-scale-screen-small; @small-text-line-height-scale-screen-medium: @small-text-font-size-scale-screen-medium; @small-text-line-height-scale-screen-large: @small-text-font-size-scale-screen-large; @small-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @small-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @small-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @small-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @small-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @small-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @small-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @small-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Small Text Emphasize ----------------------------------------------------------------------------- */ @small-text-emphasize-enabled: @body-text-emphasize-enabled; // Small Text Emphasize Styling @small-text-emphasize-color: color-lighten(@neutral, 30); @small-text-emphasize-font-family: @small-text-font-family; @small-text-emphasize-font-size: @small-text-font-size; @small-text-emphasize-font-style: @small-text-font-style; @small-text-emphasize-font-weight: 500; @small-text-emphasize-line-height: @small-text-line-height; @small-text-emphasize-transform: @small-text-transform; @small-text-emphasize-shadow: @small-text-shadow; // Small Text Emphasize Links @small-text-emphasize-link-enabled: false; @small-text-emphasize-link-text-color: @small-text-link-text-color; @small-text-emphasize-link-text-decoration: @small-text-link-text-decoration; @small-text-emphasize-link-hover-text-color: @small-text-link-hover-text-color; @small-text-emphasize-link-hover-text-decoration: @small-text-link-hover-text-decoration; @small-text-emphasize-link-active-text-color: @small-text-link-active-text-color; @small-text-emphasize-link-active-text-decoration: @small-text-link-active-text-decoration; @small-text-emphasize-link-disabled-text-color: @small-text-link-disabled-text-color; @small-text-emphasize-link-disabled-text-decoration: @small-text-link-disabled-text-decoration; @small-text-emphasize-link-disabled-opacity: @small-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Small Text Mute ----------------------------------------------------------------------------- */ @small-text-mute-enabled: @body-text-mute-enabled; // Small Text Mute Styling @small-text-mute-color: color-lighten(@neutral, 70); @small-text-mute-font-family: @small-text-font-family; @small-text-mute-font-size: @small-text-font-size; @small-text-mute-font-style: @small-text-font-style; @small-text-mute-font-weight: 200; @small-text-mute-line-height: @small-text-line-height; @small-text-mute-transform: @small-text-transform; @small-text-mute-shadow: @small-text-shadow; // Small Text Mute Links @small-text-mute-link-enabled: false; @small-text-mute-link-text-color: @small-text-link-text-color; @small-text-mute-link-text-decoration: @small-text-link-text-decoration; @small-text-mute-link-hover-text-color: @small-text-link-hover-text-color; @small-text-mute-link-hover-text-decoration: @small-text-link-hover-text-decoration; @small-text-mute-link-active-text-color: @small-text-link-active-text-color; @small-text-mute-link-active-text-decoration: @small-text-link-active-text-decoration; @small-text-mute-link-disabled-text-color: @small-text-link-disabled-text-color; @small-text-mute-link-disabled-text-decoration: @small-text-link-disabled-text-decoration; @small-text-mute-link-disabled-opacity: @small-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Small Text Inverse ----------------------------------------------------------------------------- */ @small-text-inverse-enabled: @body-text-inverse-enabled; // Small Text Inverse Styling @small-text-inverse-color: color-lighten(@neutral, -40); @small-text-inverse-shadow: @small-text-shadow; // Small Text Inverse Links @small-text-inverse-link-enabled: false; @small-text-inverse-link-text-color: @body-text-inverse-link-text-color; @small-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @small-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @small-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @small-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @small-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @small-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @small-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @small-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Small Text Inverse Emphasize ----------------------------------------------------------------------------- */ @small-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Small Text Inverse Emphasize Styling @small-text-inverse-emphasize-color: color-lighten(@neutral, -20); @small-text-inverse-emphasize-shadow: @small-text-inverse-shadow; // Small Text Inverse Emphasize Links @small-text-inverse-emphasize-link-enabled: false; @small-text-inverse-emphasize-link-text-color: @small-text-inverse-link-text-color; @small-text-inverse-emphasize-link-text-decoration: @small-text-inverse-link-text-decoration; @small-text-inverse-emphasize-link-hover-text-color: @small-text-inverse-link-hover-text-color; @small-text-inverse-emphasize-link-hover-text-decoration: @small-text-inverse-link-hover-text-decoration; @small-text-inverse-emphasize-link-active-text-color: @small-text-inverse-link-active-text-color; @small-text-inverse-emphasize-link-active-text-decoration: @small-text-inverse-link-active-text-decoration; @small-text-inverse-emphasize-link-disabled-text-color: @small-text-inverse-link-disabled-text-color; @small-text-inverse-emphasize-link-disabled-text-decoration: @small-text-inverse-link-disabled-text-decoration; @small-text-inverse-emphasize-link-disabled-opacity: @small-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Small Text Inverse Mute ----------------------------------------------------------------------------- */ @small-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Small Text Inverse Mute Styling @small-text-inverse-mute-color: color-lighten(@neutral, -60); @small-text-inverse-mute-shadow: @small-text-inverse-shadow; // Small Text Inverse Mute Links @small-text-inverse-mute-link-enabled: false; @small-text-inverse-mute-link-text-color: @small-text-inverse-link-text-color; @small-text-inverse-mute-link-text-decoration: @small-text-inverse-link-text-decoration; @small-text-inverse-mute-link-hover-text-color: @small-text-inverse-link-hover-text-color; @small-text-inverse-mute-link-hover-text-decoration: @small-text-inverse-link-hover-text-decoration; @small-text-inverse-mute-link-active-text-color: @small-text-inverse-link-active-text-color; @small-text-inverse-mute-link-active-text-decoration: @small-text-inverse-link-active-text-decoration; @small-text-inverse-mute-link-disabled-text-color: @small-text-inverse-link-disabled-text-color; @small-text-inverse-mute-link-disabled-text-decoration: @small-text-inverse-link-disabled-text-decoration; @small-text-inverse-mute-link-disabled-opacity: @small-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Lead Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @lead-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Lead Text Styling ----------------------------------------------------------------------------- */ @lead-text-color: color-lighten(@neutral, -30); @lead-text-font-family: @font-family-sans-serif; @lead-text-font-size: @body-text-font-size * 1.2; @lead-text-font-style: normal; @lead-text-font-weight: 300; @lead-text-line-height: @body-text-line-height * 1.2; @lead-text-transform: none; @lead-text-shadow: none; /* ----------------------------------------------------------------------------- Lead Text Links ----------------------------------------------------------------------------- */ @lead-text-link-enabled: false; @lead-text-link-text-color: @body-text-link-text-color; @lead-text-link-text-decoration: @body-text-link-text-decoration; @lead-text-link-hover-text-color: @body-text-link-hover-text-color; @lead-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @lead-text-link-active-text-color: @body-text-link-active-text-color; @lead-text-link-active-text-decoration: @body-text-link-active-text-decoration; @lead-text-link-disabled-text-color: @body-text-link-disabled-text-color; @lead-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @lead-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Lead Text Margin ----------------------------------------------------------------------------- */ @lead-text-margin-top: @body-text-margin-top * 1.0; @lead-text-margin-bottom: @body-text-margin-bottom * 1.0; @lead-text-short-margin-top: @body-text-short-margin-top * 1.0; @lead-text-short-margin-bottom: @body-text-short-margin-bottom * 1.0; @lead-text-tall-margin-top: @body-text-tall-margin-top * 1.0; @lead-text-tall-margin-bottom: @body-text-tall-margin-bottom * 1.0; /* ----------------------------------------------------------------------------- Lead Text Responsive Scaling ----------------------------------------------------------------------------- */ @lead-text-scale-screen-mini: @body-text-scale-screen-mini; @lead-text-scale-screen-small: @body-text-scale-screen-small; @lead-text-scale-screen-medium: @body-text-scale-screen-medium; @lead-text-scale-screen-large: @body-text-scale-screen-large; @lead-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini; @lead-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small; @lead-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium; @lead-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large; @lead-text-line-height-scale-screen-mini: @lead-text-font-size-scale-screen-mini; @lead-text-line-height-scale-screen-small: @lead-text-font-size-scale-screen-small; @lead-text-line-height-scale-screen-medium: @lead-text-font-size-scale-screen-medium; @lead-text-line-height-scale-screen-large: @lead-text-font-size-scale-screen-large; @lead-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @lead-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @lead-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @lead-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @lead-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @lead-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @lead-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @lead-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Lead Text Emphasize ----------------------------------------------------------------------------- */ @lead-text-emphasize-enabled: @body-text-emphasize-enabled; // Lead Text Emphasize Styling @lead-text-emphasize-color: color-lighten(@neutral, -50); @lead-text-emphasize-font-family: @lead-text-font-family; @lead-text-emphasize-font-size: @lead-text-font-size; @lead-text-emphasize-font-style: @lead-text-font-style; @lead-text-emphasize-font-weight: 500; @lead-text-emphasize-line-height: @lead-text-line-height; @lead-text-emphasize-transform: @lead-text-transform; @lead-text-emphasize-shadow: @lead-text-shadow; // Lead Text Emphasize Links @lead-text-emphasize-link-enabled: false; @lead-text-emphasize-link-text-color: @lead-text-link-text-color; @lead-text-emphasize-link-text-decoration: @lead-text-link-text-decoration; @lead-text-emphasize-link-hover-text-color: @lead-text-link-hover-text-color; @lead-text-emphasize-link-hover-text-decoration: @lead-text-link-hover-text-decoration; @lead-text-emphasize-link-active-text-color: @lead-text-link-active-text-color; @lead-text-emphasize-link-active-text-decoration: @lead-text-link-active-text-decoration; @lead-text-emphasize-link-disabled-text-color: @lead-text-link-disabled-text-color; @lead-text-emphasize-link-disabled-text-decoration: @lead-text-link-disabled-text-decoration; @lead-text-emphasize-link-disabled-opacity: @lead-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Lead Text Mute ----------------------------------------------------------------------------- */ @lead-text-mute-enabled: @body-text-mute-enabled; // Lead Text Mute Styling @lead-text-mute-color: color-lighten(@neutral, -10); @lead-text-mute-font-family: @lead-text-font-family; @lead-text-mute-font-size: @lead-text-font-size; @lead-text-mute-font-style: @lead-text-font-style; @lead-text-mute-font-weight: 200; @lead-text-mute-line-height: @lead-text-line-height; @lead-text-mute-transform: @lead-text-transform; @lead-text-mute-shadow: @lead-text-shadow; // Lead Text Mute Links @lead-text-mute-link-enabled: false; @lead-text-mute-link-text-color: @lead-text-link-text-color; @lead-text-mute-link-text-decoration: @lead-text-link-text-decoration; @lead-text-mute-link-hover-text-color: @lead-text-link-hover-text-color; @lead-text-mute-link-hover-text-decoration: @lead-text-link-hover-text-decoration; @lead-text-mute-link-active-text-color: @lead-text-link-active-text-color; @lead-text-mute-link-active-text-decoration: @lead-text-link-active-text-decoration; @lead-text-mute-link-disabled-text-color: @lead-text-link-disabled-text-color; @lead-text-mute-link-disabled-text-decoration: @lead-text-link-disabled-text-decoration; @lead-text-mute-link-disabled-opacity: @lead-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Lead Text Inverse ----------------------------------------------------------------------------- */ @lead-text-inverse-enabled: @body-text-inverse-enabled; // Lead Text Inverse Styling @lead-text-inverse-color: color-lighten(@neutral, 70); @lead-text-inverse-shadow: @lead-text-shadow; // Lead Text Inverse Links @lead-text-inverse-link-enabled: false; @lead-text-inverse-link-text-color: @body-text-inverse-link-text-color; @lead-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @lead-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @lead-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @lead-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @lead-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @lead-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @lead-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @lead-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Lead Text Inverse Emphasize ----------------------------------------------------------------------------- */ @lead-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Lead Text Inverse Emphasize Styling @lead-text-inverse-emphasize-color: color-lighten(@neutral, 100); @lead-text-inverse-emphasize-shadow: @lead-text-inverse-shadow; // Lead Text Inverse Emphasize Links @lead-text-inverse-emphasize-link-enabled: false; @lead-text-inverse-emphasize-link-text-color: @lead-text-inverse-link-text-color; @lead-text-inverse-emphasize-link-text-decoration: @lead-text-inverse-link-text-decoration; @lead-text-inverse-emphasize-link-hover-text-color: @lead-text-inverse-link-hover-text-color; @lead-text-inverse-emphasize-link-hover-text-decoration: @lead-text-inverse-link-hover-text-decoration; @lead-text-inverse-emphasize-link-active-text-color: @lead-text-inverse-link-active-text-color; @lead-text-inverse-emphasize-link-active-text-decoration: @lead-text-inverse-link-active-text-decoration; @lead-text-inverse-emphasize-link-disabled-text-color: @lead-text-inverse-link-disabled-text-color; @lead-text-inverse-emphasize-link-disabled-text-decoration: @lead-text-inverse-link-disabled-text-decoration; @lead-text-inverse-emphasize-link-disabled-opacity: @lead-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Lead Text Inverse Mute ----------------------------------------------------------------------------- */ @lead-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Lead Text Inverse Mute Styling @lead-text-inverse-mute-color: color-lighten(@neutral, 40); @lead-text-inverse-mute-shadow: @lead-text-inverse-shadow; // Lead Text Inverse Mute Links @lead-text-inverse-mute-link-enabled: false; @lead-text-inverse-mute-link-text-color: @lead-text-inverse-link-text-color; @lead-text-inverse-mute-link-text-decoration: @lead-text-inverse-link-text-decoration; @lead-text-inverse-mute-link-hover-text-color: @lead-text-inverse-link-hover-text-color; @lead-text-inverse-mute-link-hover-text-decoration: @lead-text-inverse-link-hover-text-decoration; @lead-text-inverse-mute-link-active-text-color: @lead-text-inverse-link-active-text-color; @lead-text-inverse-mute-link-active-text-decoration: @lead-text-inverse-link-active-text-decoration; @lead-text-inverse-mute-link-disabled-text-color: @lead-text-inverse-link-disabled-text-color; @lead-text-inverse-mute-link-disabled-text-decoration: @lead-text-inverse-link-disabled-text-decoration; @lead-text-inverse-mute-link-disabled-opacity: @lead-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Heading H1 Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @heading-h1-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Heading H1 Text Styling ----------------------------------------------------------------------------- */ @heading-h1-text-color: color-lighten(@neutral, -80); @heading-h1-text-font-family: @font-family-sans-serif; @heading-h1-text-font-size: @heading-h2-text-font-size * 1.3; @heading-h1-text-font-style: normal; @heading-h1-text-font-weight: 300; @heading-h1-text-line-height: @heading-h2-text-line-height * 1.3; @heading-h1-text-transform: none; @heading-h1-text-shadow: none; /* ----------------------------------------------------------------------------- Heading H1 Text Links ----------------------------------------------------------------------------- */ @heading-h1-text-link-enabled: false; @heading-h1-text-link-text-color: @body-text-link-text-color; @heading-h1-text-link-text-decoration: @body-text-link-text-decoration; @heading-h1-text-link-hover-text-color: @body-text-link-hover-text-color; @heading-h1-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @heading-h1-text-link-active-text-color: @body-text-link-active-text-color; @heading-h1-text-link-active-text-decoration: @body-text-link-active-text-decoration; @heading-h1-text-link-disabled-text-color: @body-text-link-disabled-text-color; @heading-h1-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @heading-h1-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H1 Text Margin ----------------------------------------------------------------------------- */ @heading-h1-text-margin-top: @heading-h1-text-margin-bottom * 2.0; @heading-h1-text-margin-bottom: @heading-h2-text-margin-top; @heading-h1-text-short-margin-top: @heading-h1-text-margin-top * 0.5; @heading-h1-text-short-margin-bottom: @heading-h1-text-margin-bottom * 0.5; @heading-h1-text-tall-margin-top: @heading-h1-text-margin-top * 2.0; @heading-h1-text-tall-margin-bottom: @heading-h1-text-margin-bottom * 2.0; /* ----------------------------------------------------------------------------- Heading H1 Text Responsive Scaling ----------------------------------------------------------------------------- */ @heading-h1-text-scale-screen-mini: @body-text-scale-screen-mini; @heading-h1-text-scale-screen-small: @body-text-scale-screen-small; @heading-h1-text-scale-screen-medium: @body-text-scale-screen-medium; @heading-h1-text-scale-screen-large: @body-text-scale-screen-large; @heading-h1-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini * 1.0; @heading-h1-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small * 1.2; @heading-h1-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium * 1.3; @heading-h1-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large * 1.4; @heading-h1-text-line-height-scale-screen-mini: @heading-h1-text-font-size-scale-screen-mini; @heading-h1-text-line-height-scale-screen-small: @heading-h1-text-font-size-scale-screen-small; @heading-h1-text-line-height-scale-screen-medium: @heading-h1-text-font-size-scale-screen-medium; @heading-h1-text-line-height-scale-screen-large: @heading-h1-text-font-size-scale-screen-large; @heading-h1-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @heading-h1-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @heading-h1-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @heading-h1-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @heading-h1-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @heading-h1-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @heading-h1-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @heading-h1-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Heading H1 Text Emphasize ----------------------------------------------------------------------------- */ @heading-h1-text-emphasize-enabled: @body-text-emphasize-enabled; // Heading H1 Text Emphasize Styling @heading-h1-text-emphasize-color: color-lighten(@neutral, -40); @heading-h1-text-emphasize-font-family: @heading-h1-text-font-family; @heading-h1-text-emphasize-font-size: @heading-h1-text-font-size; @heading-h1-text-emphasize-font-style: @heading-h1-text-font-style; @heading-h1-text-emphasize-font-weight: 700; @heading-h1-text-emphasize-line-height: @heading-h1-text-line-height; @heading-h1-text-emphasize-transform: @heading-h1-text-transform; @heading-h1-text-emphasize-shadow: @heading-h1-text-shadow; // Heading H1 Text Emphasize Links @heading-h1-text-emphasize-link-enabled: false; @heading-h1-text-emphasize-link-text-color: @heading-h1-text-link-text-color; @heading-h1-text-emphasize-link-text-decoration: @heading-h1-text-link-text-decoration; @heading-h1-text-emphasize-link-hover-text-color: @heading-h1-text-link-hover-text-color; @heading-h1-text-emphasize-link-hover-text-decoration: @heading-h1-text-link-hover-text-decoration; @heading-h1-text-emphasize-link-active-text-color: @heading-h1-text-link-active-text-color; @heading-h1-text-emphasize-link-active-text-decoration: @heading-h1-text-link-active-text-decoration; @heading-h1-text-emphasize-link-disabled-text-color: @heading-h1-text-link-disabled-text-color; @heading-h1-text-emphasize-link-disabled-text-decoration: @heading-h1-text-link-disabled-text-decoration; @heading-h1-text-emphasize-link-disabled-opacity: @heading-h1-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H1 Text Mute ----------------------------------------------------------------------------- */ @heading-h1-text-mute-enabled: @body-text-mute-enabled; // Heading H1 Text Mute Styling @heading-h1-text-mute-color: color-lighten(@neutral, -10); @heading-h1-text-mute-font-family: @heading-h1-text-font-family; @heading-h1-text-mute-font-size: @heading-h1-text-font-size; @heading-h1-text-mute-font-style: @heading-h1-text-font-style; @heading-h1-text-mute-font-weight: 200; @heading-h1-text-mute-line-height: @heading-h1-text-line-height; @heading-h1-text-mute-transform: @heading-h1-text-transform; @heading-h1-text-mute-shadow: @heading-h1-text-shadow; // Heading H1 Text Mute Links @heading-h1-text-mute-link-enabled: false; @heading-h1-text-mute-link-text-color: @heading-h1-text-link-text-color; @heading-h1-text-mute-link-text-decoration: @heading-h1-text-link-text-decoration; @heading-h1-text-mute-link-hover-text-color: @heading-h1-text-link-hover-text-color; @heading-h1-text-mute-link-hover-text-decoration: @heading-h1-text-link-hover-text-decoration; @heading-h1-text-mute-link-active-text-color: @heading-h1-text-link-active-text-color; @heading-h1-text-mute-link-active-text-decoration: @heading-h1-text-link-active-text-decoration; @heading-h1-text-mute-link-disabled-text-color: @heading-h1-text-link-disabled-text-color; @heading-h1-text-mute-link-disabled-text-decoration: @heading-h1-text-link-disabled-text-decoration; @heading-h1-text-mute-link-disabled-opacity: @heading-h1-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H1 Text Inverse ----------------------------------------------------------------------------- */ @heading-h1-text-inverse-enabled: @body-text-inverse-enabled; // Heading H1 Text Inverse Styling @heading-h1-text-inverse-color: color-lighten(@neutral, 100); @heading-h1-text-inverse-shadow: @heading-h1-text-shadow; // Heading H1 Text Inverse Links @heading-h1-text-inverse-link-enabled: false; @heading-h1-text-inverse-link-text-color: @body-text-inverse-link-text-color; @heading-h1-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @heading-h1-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @heading-h1-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @heading-h1-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @heading-h1-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @heading-h1-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @heading-h1-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @heading-h1-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H1 Text Inverse Emphasize ----------------------------------------------------------------------------- */ @heading-h1-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Heading H1 Text Inverse Emphasize Styling @heading-h1-text-inverse-emphasize-color: color-lighten(@neutral, 70); @heading-h1-text-inverse-emphasize-shadow: @heading-h1-text-inverse-shadow; // Heading H1 Text Inverse Emphasize Links @heading-h1-text-inverse-emphasize-link-enabled: false; @heading-h1-text-inverse-emphasize-link-text-color: @heading-h1-text-inverse-link-text-color; @heading-h1-text-inverse-emphasize-link-text-decoration: @heading-h1-text-inverse-link-text-decoration; @heading-h1-text-inverse-emphasize-link-hover-text-color: @heading-h1-text-inverse-link-hover-text-color; @heading-h1-text-inverse-emphasize-link-hover-text-decoration: @heading-h1-text-inverse-link-hover-text-decoration; @heading-h1-text-inverse-emphasize-link-active-text-color: @heading-h1-text-inverse-link-active-text-color; @heading-h1-text-inverse-emphasize-link-active-text-decoration: @heading-h1-text-inverse-link-active-text-decoration; @heading-h1-text-inverse-emphasize-link-disabled-text-color: @heading-h1-text-inverse-link-disabled-text-color; @heading-h1-text-inverse-emphasize-link-disabled-text-decoration: @heading-h1-text-inverse-link-disabled-text-decoration; @heading-h1-text-inverse-emphasize-link-disabled-opacity: @heading-h1-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H1 Text Inverse Mute ----------------------------------------------------------------------------- */ @heading-h1-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Heading H1 Text Inverse Mute Styling @heading-h1-text-inverse-mute-color: color-lighten(@neutral, -10); @heading-h1-text-inverse-mute-shadow: @heading-h1-text-inverse-shadow; // Heading H1 Text Inverse Mute Links @heading-h1-text-inverse-mute-link-enabled: false; @heading-h1-text-inverse-mute-link-text-color: @heading-h1-text-inverse-link-text-color; @heading-h1-text-inverse-mute-link-text-decoration: @heading-h1-text-inverse-link-text-decoration; @heading-h1-text-inverse-mute-link-hover-text-color: @heading-h1-text-inverse-link-hover-text-color; @heading-h1-text-inverse-mute-link-hover-text-decoration: @heading-h1-text-inverse-link-hover-text-decoration; @heading-h1-text-inverse-mute-link-active-text-color: @heading-h1-text-inverse-link-active-text-color; @heading-h1-text-inverse-mute-link-active-text-decoration: @heading-h1-text-inverse-link-active-text-decoration; @heading-h1-text-inverse-mute-link-disabled-text-color: @heading-h1-text-inverse-link-disabled-text-color; @heading-h1-text-inverse-mute-link-disabled-text-decoration: @heading-h1-text-inverse-link-disabled-text-decoration; @heading-h1-text-inverse-mute-link-disabled-opacity: @heading-h1-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Heading H2 Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @heading-h2-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Heading H2 Text Styling ----------------------------------------------------------------------------- */ @heading-h2-text-color: color-lighten(@neutral, 0); @heading-h2-text-font-family: @font-family-sans-serif; @heading-h2-text-font-size: @heading-h3-text-font-size * 1.2; @heading-h2-text-font-style: normal; @heading-h2-text-font-weight: 400; @heading-h2-text-line-height: @heading-h3-text-line-height * 1.2; @heading-h2-text-transform: none; @heading-h2-text-shadow: none; /* ----------------------------------------------------------------------------- Heading H2 Text Links ----------------------------------------------------------------------------- */ @heading-h2-text-link-enabled: false; @heading-h2-text-link-text-color: @body-text-link-text-color; @heading-h2-text-link-text-decoration: @body-text-link-text-decoration; @heading-h2-text-link-hover-text-color: @body-text-link-hover-text-color; @heading-h2-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @heading-h2-text-link-active-text-color: @body-text-link-active-text-color; @heading-h2-text-link-active-text-decoration: @body-text-link-active-text-decoration; @heading-h2-text-link-disabled-text-color: @body-text-link-disabled-text-color; @heading-h2-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @heading-h2-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H2 Text Margin ----------------------------------------------------------------------------- */ @heading-h2-text-margin-top: @heading-h2-text-margin-bottom * 1.4; @heading-h2-text-margin-bottom: @heading-h3-text-margin-top; @heading-h2-text-short-margin-top: @heading-h2-text-margin-top * 0.5; @heading-h2-text-short-margin-bottom: @heading-h2-text-margin-bottom * 0.5; @heading-h2-text-tall-margin-top: @heading-h2-text-margin-top * 2.0; @heading-h2-text-tall-margin-bottom: @heading-h2-text-margin-bottom * 2.0; /* ----------------------------------------------------------------------------- Heading H2 Text Responsive Scaling ----------------------------------------------------------------------------- */ @heading-h2-text-scale-screen-mini: @body-text-scale-screen-mini; @heading-h2-text-scale-screen-small: @body-text-scale-screen-small; @heading-h2-text-scale-screen-medium: @body-text-scale-screen-medium; @heading-h2-text-scale-screen-large: @body-text-scale-screen-large; @heading-h2-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini * 1.0; @heading-h2-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small * 1.0; @heading-h2-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium * 1.1; @heading-h2-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large * 1.1; @heading-h2-text-line-height-scale-screen-mini: @heading-h2-text-font-size-scale-screen-mini; @heading-h2-text-line-height-scale-screen-small: @heading-h2-text-font-size-scale-screen-small; @heading-h2-text-line-height-scale-screen-medium: @heading-h2-text-font-size-scale-screen-medium; @heading-h2-text-line-height-scale-screen-large: @heading-h2-text-font-size-scale-screen-large; @heading-h2-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @heading-h2-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @heading-h2-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @heading-h2-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @heading-h2-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @heading-h2-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @heading-h2-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @heading-h2-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Heading H2 Text Emphasize ----------------------------------------------------------------------------- */ @heading-h2-text-emphasize-enabled: @body-text-emphasize-enabled; // Heading H2 Text Emphasize Styling @heading-h2-text-emphasize-color: color-lighten(@neutral, -90); @heading-h2-text-emphasize-font-family: @heading-h2-text-font-family; @heading-h2-text-emphasize-font-size: @heading-h2-text-font-size; @heading-h2-text-emphasize-font-style: @heading-h2-text-font-style; @heading-h2-text-emphasize-font-weight: 700; @heading-h2-text-emphasize-line-height: @heading-h2-text-line-height; @heading-h2-text-emphasize-transform: @heading-h2-text-transform; @heading-h2-text-emphasize-shadow: @heading-h2-text-shadow; // Heading H2 Text Emphasize Links @heading-h2-text-emphasize-link-enabled: false; @heading-h2-text-emphasize-link-text-color: @heading-h2-text-link-text-color; @heading-h2-text-emphasize-link-text-decoration: @heading-h2-text-link-text-decoration; @heading-h2-text-emphasize-link-hover-text-color: @heading-h2-text-link-hover-text-color; @heading-h2-text-emphasize-link-hover-text-decoration: @heading-h2-text-link-hover-text-decoration; @heading-h2-text-emphasize-link-active-text-color: @heading-h2-text-link-active-text-color; @heading-h2-text-emphasize-link-active-text-decoration: @heading-h2-text-link-active-text-decoration; @heading-h2-text-emphasize-link-disabled-text-color: @heading-h2-text-link-disabled-text-color; @heading-h2-text-emphasize-link-disabled-text-decoration: @heading-h2-text-link-disabled-text-decoration; @heading-h2-text-emphasize-link-disabled-opacity: @heading-h2-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H2 Text Mute ----------------------------------------------------------------------------- */ @heading-h2-text-mute-enabled: @body-text-mute-enabled; // Heading H2 Text Mute Styling @heading-h2-text-mute-color: color-lighten(@neutral, 10); @heading-h2-text-mute-font-family: @heading-h2-text-font-family; @heading-h2-text-mute-font-size: @heading-h2-text-font-size; @heading-h2-text-mute-font-style: @heading-h2-text-font-style; @heading-h2-text-mute-font-weight: 200; @heading-h2-text-mute-line-height: @heading-h2-text-line-height; @heading-h2-text-mute-transform: @heading-h2-text-transform; @heading-h2-text-mute-shadow: @heading-h2-text-shadow; // Heading H2 Text Mute Links @heading-h2-text-mute-link-enabled: false; @heading-h2-text-mute-link-text-color: @heading-h2-text-link-text-color; @heading-h2-text-mute-link-text-decoration: @heading-h2-text-link-text-decoration; @heading-h2-text-mute-link-hover-text-color: @heading-h2-text-link-hover-text-color; @heading-h2-text-mute-link-hover-text-decoration: @heading-h2-text-link-hover-text-decoration; @heading-h2-text-mute-link-active-text-color: @heading-h2-text-link-active-text-color; @heading-h2-text-mute-link-active-text-decoration: @heading-h2-text-link-active-text-decoration; @heading-h2-text-mute-link-disabled-text-color: @heading-h2-text-link-disabled-text-color; @heading-h2-text-mute-link-disabled-text-decoration: @heading-h2-text-link-disabled-text-decoration; @heading-h2-text-mute-link-disabled-opacity: @heading-h2-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H2 Text Inverse ----------------------------------------------------------------------------- */ @heading-h2-text-inverse-enabled: @body-text-inverse-enabled; // Heading H2 Text Inverse Styling @heading-h2-text-inverse-color: color-lighten(@neutral, 100); @heading-h2-text-inverse-shadow: @heading-h2-text-shadow; // Heading H2 Text Inverse Links @heading-h2-text-inverse-link-enabled: false; @heading-h2-text-inverse-link-text-color: @body-text-inverse-link-text-color; @heading-h2-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @heading-h2-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @heading-h2-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @heading-h2-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @heading-h2-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @heading-h2-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @heading-h2-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @heading-h2-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H2 Text Inverse Emphasize ----------------------------------------------------------------------------- */ @heading-h2-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Heading H2 Text Inverse Emphasize Styling @heading-h2-text-inverse-emphasize-color: color-lighten(@neutral, 60); @heading-h2-text-inverse-emphasize-shadow: @heading-h2-text-inverse-shadow; // Heading H2 Text Inverse Emphasize Links @heading-h2-text-inverse-emphasize-link-enabled: false; @heading-h2-text-inverse-emphasize-link-text-color: @heading-h2-text-inverse-link-text-color; @heading-h2-text-inverse-emphasize-link-text-decoration: @heading-h2-text-inverse-link-text-decoration; @heading-h2-text-inverse-emphasize-link-hover-text-color: @heading-h2-text-inverse-link-hover-text-color; @heading-h2-text-inverse-emphasize-link-hover-text-decoration: @heading-h2-text-inverse-link-hover-text-decoration; @heading-h2-text-inverse-emphasize-link-active-text-color: @heading-h2-text-inverse-link-active-text-color; @heading-h2-text-inverse-emphasize-link-active-text-decoration: @heading-h2-text-inverse-link-active-text-decoration; @heading-h2-text-inverse-emphasize-link-disabled-text-color: @heading-h2-text-inverse-link-disabled-text-color; @heading-h2-text-inverse-emphasize-link-disabled-text-decoration: @heading-h2-text-inverse-link-disabled-text-decoration; @heading-h2-text-inverse-emphasize-link-disabled-opacity: @heading-h2-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H2 Text Inverse Mute ----------------------------------------------------------------------------- */ @heading-h2-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Heading H2 Text Inverse Mute Styling @heading-h2-text-inverse-mute-color: color-lighten(@neutral, -20); @heading-h2-text-inverse-mute-shadow: @heading-h2-text-inverse-shadow; // Heading H2 Text Inverse Mute Links @heading-h2-text-inverse-mute-link-enabled: false; @heading-h2-text-inverse-mute-link-text-color: @heading-h2-text-inverse-link-text-color; @heading-h2-text-inverse-mute-link-text-decoration: @heading-h2-text-inverse-link-text-decoration; @heading-h2-text-inverse-mute-link-hover-text-color: @heading-h2-text-inverse-link-hover-text-color; @heading-h2-text-inverse-mute-link-hover-text-decoration: @heading-h2-text-inverse-link-hover-text-decoration; @heading-h2-text-inverse-mute-link-active-text-color: @heading-h2-text-inverse-link-active-text-color; @heading-h2-text-inverse-mute-link-active-text-decoration: @heading-h2-text-inverse-link-active-text-decoration; @heading-h2-text-inverse-mute-link-disabled-text-color: @heading-h2-text-inverse-link-disabled-text-color; @heading-h2-text-inverse-mute-link-disabled-text-decoration: @heading-h2-text-inverse-link-disabled-text-decoration; @heading-h2-text-inverse-mute-link-disabled-opacity: @heading-h2-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Heading H3 Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @heading-h3-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Heading H3 Text Styling ----------------------------------------------------------------------------- */ @heading-h3-text-color: color-lighten(@neutral, 20); @heading-h3-text-font-family: @font-family-sans-serif; @heading-h3-text-font-size: @heading-h4-text-font-size * 1.3; @heading-h3-text-font-style: normal; @heading-h3-text-font-weight: 400; @heading-h3-text-line-height: @heading-h4-text-line-height * 1.3; @heading-h3-text-transform: none; @heading-h3-text-shadow: none; /* ----------------------------------------------------------------------------- Heading H3 Text Links ----------------------------------------------------------------------------- */ @heading-h3-text-link-enabled: false; @heading-h3-text-link-text-color: @body-text-link-text-color; @heading-h3-text-link-text-decoration: @body-text-link-text-decoration; @heading-h3-text-link-hover-text-color: @body-text-link-hover-text-color; @heading-h3-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @heading-h3-text-link-active-text-color: @body-text-link-active-text-color; @heading-h3-text-link-active-text-decoration: @body-text-link-active-text-decoration; @heading-h3-text-link-disabled-text-color: @body-text-link-disabled-text-color; @heading-h3-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @heading-h3-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H3 Text Margin ----------------------------------------------------------------------------- */ @heading-h3-text-margin-top: @heading-h3-text-margin-bottom * 1.5; @heading-h3-text-margin-bottom: @heading-h4-text-margin-top; @heading-h3-text-short-margin-top: @heading-h3-text-margin-top * 0.5; @heading-h3-text-short-margin-bottom: @heading-h3-text-margin-bottom * 0.5; @heading-h3-text-tall-margin-top: @heading-h3-text-margin-top * 2.0; @heading-h3-text-tall-margin-bottom: @heading-h3-text-margin-bottom * 2.0; /* ----------------------------------------------------------------------------- Heading H3 Text Responsive Scaling ----------------------------------------------------------------------------- */ @heading-h3-text-scale-screen-mini: @body-text-scale-screen-mini; @heading-h3-text-scale-screen-small: @body-text-scale-screen-small; @heading-h3-text-scale-screen-medium: @body-text-scale-screen-medium; @heading-h3-text-scale-screen-large: @body-text-scale-screen-large; @heading-h3-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini * 1.0; @heading-h3-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small * 1.0; @heading-h3-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium * 1.0; @heading-h3-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large * 1.0; @heading-h3-text-line-height-scale-screen-mini: @heading-h3-text-font-size-scale-screen-mini; @heading-h3-text-line-height-scale-screen-small: @heading-h3-text-font-size-scale-screen-small; @heading-h3-text-line-height-scale-screen-medium: @heading-h3-text-font-size-scale-screen-medium; @heading-h3-text-line-height-scale-screen-large: @heading-h3-text-font-size-scale-screen-large; @heading-h3-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @heading-h3-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @heading-h3-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @heading-h3-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @heading-h3-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @heading-h3-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @heading-h3-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @heading-h3-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Heading H3 Text Emphasize ----------------------------------------------------------------------------- */ @heading-h3-text-emphasize-enabled: @body-text-emphasize-enabled; // Heading H3 Text Emphasize Styling @heading-h3-text-emphasize-color: color-lighten(@neutral, -80); @heading-h3-text-emphasize-font-family: @heading-h3-text-font-family; @heading-h3-text-emphasize-font-size: @heading-h3-text-font-size; @heading-h3-text-emphasize-font-style: @heading-h3-text-font-style; @heading-h3-text-emphasize-font-weight: 700; @heading-h3-text-emphasize-line-height: @heading-h3-text-line-height; @heading-h3-text-emphasize-transform: @heading-h3-text-transform; @heading-h3-text-emphasize-shadow: @heading-h3-text-shadow; // Heading H3 Text Emphasize Links @heading-h3-text-emphasize-link-enabled: false; @heading-h3-text-emphasize-link-text-color: @heading-h3-text-link-text-color; @heading-h3-text-emphasize-link-text-decoration: @heading-h3-text-link-text-decoration; @heading-h3-text-emphasize-link-hover-text-color: @heading-h3-text-link-hover-text-color; @heading-h3-text-emphasize-link-hover-text-decoration: @heading-h3-text-link-hover-text-decoration; @heading-h3-text-emphasize-link-active-text-color: @heading-h3-text-link-active-text-color; @heading-h3-text-emphasize-link-active-text-decoration: @heading-h3-text-link-active-text-decoration; @heading-h3-text-emphasize-link-disabled-text-color: @heading-h3-text-link-disabled-text-color; @heading-h3-text-emphasize-link-disabled-text-decoration: @heading-h3-text-link-disabled-text-decoration; @heading-h3-text-emphasize-link-disabled-opacity: @heading-h3-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H3 Text Mute ----------------------------------------------------------------------------- */ @heading-h3-text-mute-enabled: @body-text-mute-enabled; // Heading H3 Text Mute Styling @heading-h3-text-mute-color: color-lighten(@neutral, 20); @heading-h3-text-mute-font-family: @heading-h3-text-font-family; @heading-h3-text-mute-font-size: @heading-h3-text-font-size; @heading-h3-text-mute-font-style: @heading-h3-text-font-style; @heading-h3-text-mute-font-weight: 200; @heading-h3-text-mute-line-height: @heading-h3-text-line-height; @heading-h3-text-mute-transform: @heading-h3-text-transform; @heading-h3-text-mute-shadow: @heading-h3-text-shadow; // Heading H3 Text Mute Links @heading-h3-text-mute-link-enabled: false; @heading-h3-text-mute-link-text-color: @heading-h3-text-link-text-color; @heading-h3-text-mute-link-text-decoration: @heading-h3-text-link-text-decoration; @heading-h3-text-mute-link-hover-text-color: @heading-h3-text-link-hover-text-color; @heading-h3-text-mute-link-hover-text-decoration: @heading-h3-text-link-hover-text-decoration; @heading-h3-text-mute-link-active-text-color: @heading-h3-text-link-active-text-color; @heading-h3-text-mute-link-active-text-decoration: @heading-h3-text-link-active-text-decoration; @heading-h3-text-mute-link-disabled-text-color: @heading-h3-text-link-disabled-text-color; @heading-h3-text-mute-link-disabled-text-decoration: @heading-h3-text-link-disabled-text-decoration; @heading-h3-text-mute-link-disabled-opacity: @heading-h3-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H3 Text Inverse ----------------------------------------------------------------------------- */ @heading-h3-text-inverse-enabled: @body-text-inverse-enabled; // Heading H3 Text Inverse Styling @heading-h3-text-inverse-color: color-lighten(@neutral, 80); @heading-h3-text-inverse-shadow: @heading-h3-text-shadow; // Heading H3 Text Inverse Links @heading-h3-text-inverse-link-enabled: false; @heading-h3-text-inverse-link-text-color: @body-text-inverse-link-text-color; @heading-h3-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @heading-h3-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @heading-h3-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @heading-h3-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @heading-h3-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @heading-h3-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @heading-h3-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @heading-h3-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H3 Text Inverse Emphasize ----------------------------------------------------------------------------- */ @heading-h3-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Heading H3 Text Inverse Emphasize Styling @heading-h3-text-inverse-emphasize-color: color-lighten(@neutral, 50); @heading-h3-text-inverse-emphasize-shadow: @heading-h3-text-inverse-shadow; // Heading H3 Text Inverse Emphasize Links @heading-h3-text-inverse-emphasize-link-enabled: false; @heading-h3-text-inverse-emphasize-link-text-color: @heading-h3-text-inverse-link-text-color; @heading-h3-text-inverse-emphasize-link-text-decoration: @heading-h3-text-inverse-link-text-decoration; @heading-h3-text-inverse-emphasize-link-hover-text-color: @heading-h3-text-inverse-link-hover-text-color; @heading-h3-text-inverse-emphasize-link-hover-text-decoration: @heading-h3-text-inverse-link-hover-text-decoration; @heading-h3-text-inverse-emphasize-link-active-text-color: @heading-h3-text-inverse-link-active-text-color; @heading-h3-text-inverse-emphasize-link-active-text-decoration: @heading-h3-text-inverse-link-active-text-decoration; @heading-h3-text-inverse-emphasize-link-disabled-text-color: @heading-h3-text-inverse-link-disabled-text-color; @heading-h3-text-inverse-emphasize-link-disabled-text-decoration: @heading-h3-text-inverse-link-disabled-text-decoration; @heading-h3-text-inverse-emphasize-link-disabled-opacity: @heading-h3-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H3 Text Inverse Mute ----------------------------------------------------------------------------- */ @heading-h3-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Heading H3 Text Inverse Mute Styling @heading-h3-text-inverse-mute-color: color-lighten(@neutral, -30); @heading-h3-text-inverse-mute-shadow: @heading-h3-text-inverse-shadow; // Heading H3 Text Inverse Mute Links @heading-h3-text-inverse-mute-link-enabled: false; @heading-h3-text-inverse-mute-link-text-color: @heading-h3-text-inverse-link-text-color; @heading-h3-text-inverse-mute-link-text-decoration: @heading-h3-text-inverse-link-text-decoration; @heading-h3-text-inverse-mute-link-hover-text-color: @heading-h3-text-inverse-link-hover-text-color; @heading-h3-text-inverse-mute-link-hover-text-decoration: @heading-h3-text-inverse-link-hover-text-decoration; @heading-h3-text-inverse-mute-link-active-text-color: @heading-h3-text-inverse-link-active-text-color; @heading-h3-text-inverse-mute-link-active-text-decoration: @heading-h3-text-inverse-link-active-text-decoration; @heading-h3-text-inverse-mute-link-disabled-text-color: @heading-h3-text-inverse-link-disabled-text-color; @heading-h3-text-inverse-mute-link-disabled-text-decoration: @heading-h3-text-inverse-link-disabled-text-decoration; @heading-h3-text-inverse-mute-link-disabled-opacity: @heading-h3-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Heading H4 Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @heading-h4-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Heading H4 Text Styling ----------------------------------------------------------------------------- */ @heading-h4-text-color: color-lighten(@neutral, 20); @heading-h4-text-font-family: @font-family-sans-serif; @heading-h4-text-font-size: @heading-h5-text-font-size * 1.1; @heading-h4-text-font-style: normal; @heading-h4-text-font-weight: 400; @heading-h4-text-line-height: @heading-h5-text-line-height * 1.1; @heading-h4-text-transform: none; @heading-h4-text-shadow: none; /* ----------------------------------------------------------------------------- Heading H4 Text Links ----------------------------------------------------------------------------- */ @heading-h4-text-link-enabled: false; @heading-h4-text-link-text-color: @body-text-link-text-color; @heading-h4-text-link-text-decoration: @body-text-link-text-decoration; @heading-h4-text-link-hover-text-color: @body-text-link-hover-text-color; @heading-h4-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @heading-h4-text-link-active-text-color: @body-text-link-active-text-color; @heading-h4-text-link-active-text-decoration: @body-text-link-active-text-decoration; @heading-h4-text-link-disabled-text-color: @body-text-link-disabled-text-color; @heading-h4-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @heading-h4-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H4 Text Margins ----------------------------------------------------------------------------- */ @heading-h4-text-margin-top: @heading-h4-text-margin-bottom * 1.2; @heading-h4-text-margin-bottom: @heading-h5-text-margin-top; @heading-h4-text-short-margin-top: @heading-h4-text-margin-top * 0.5; @heading-h4-text-short-margin-bottom: @heading-h4-text-margin-bottom * 0.5; @heading-h4-text-tall-margin-top: @heading-h4-text-margin-top * 2.0; @heading-h4-text-tall-margin-bottom: @heading-h4-text-margin-bottom * 2.0; /* ----------------------------------------------------------------------------- Heading H4 Text Responsive Scaling ----------------------------------------------------------------------------- */ @heading-h4-text-scale-screen-mini: @body-text-scale-screen-mini; @heading-h4-text-scale-screen-small: @body-text-scale-screen-small; @heading-h4-text-scale-screen-medium: @body-text-scale-screen-medium; @heading-h4-text-scale-screen-large: @body-text-scale-screen-large; @heading-h4-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini * 1.0; @heading-h4-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small * 1.0; @heading-h4-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium * 1.0; @heading-h4-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large * 1.0; @heading-h4-text-line-height-scale-screen-mini: @heading-h4-text-font-size-scale-screen-mini; @heading-h4-text-line-height-scale-screen-small: @heading-h4-text-font-size-scale-screen-small; @heading-h4-text-line-height-scale-screen-medium: @heading-h4-text-font-size-scale-screen-medium; @heading-h4-text-line-height-scale-screen-large: @heading-h4-text-font-size-scale-screen-large; @heading-h4-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @heading-h4-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @heading-h4-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @heading-h4-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @heading-h4-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @heading-h4-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @heading-h4-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @heading-h4-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Heading H4 Text Emphasize ----------------------------------------------------------------------------- */ @heading-h4-text-emphasize-enabled: @body-text-emphasize-enabled; // Heading H4 Text Emphasize Styling @heading-h4-text-emphasize-color: color-lighten(@neutral, -70); @heading-h4-text-emphasize-font-family: @heading-h4-text-font-family; @heading-h4-text-emphasize-font-size: @heading-h4-text-font-size; @heading-h4-text-emphasize-font-style: @heading-h4-text-font-style; @heading-h4-text-emphasize-font-weight: 700; @heading-h4-text-emphasize-line-height: @heading-h4-text-line-height; @heading-h4-text-emphasize-transform: @heading-h4-text-transform; @heading-h4-text-emphasize-shadow: @heading-h4-text-shadow; // Heading H4 Text Emphasize Links @heading-h4-text-emphasize-link-enabled: false; @heading-h4-text-emphasize-link-text-color: @heading-h4-text-link-text-color; @heading-h4-text-emphasize-link-text-decoration: @heading-h4-text-link-text-decoration; @heading-h4-text-emphasize-link-hover-text-color: @heading-h4-text-link-hover-text-color; @heading-h4-text-emphasize-link-hover-text-decoration: @heading-h4-text-link-hover-text-decoration; @heading-h4-text-emphasize-link-active-text-color: @heading-h4-text-link-active-text-color; @heading-h4-text-emphasize-link-active-text-decoration: @heading-h4-text-link-active-text-decoration; @heading-h4-text-emphasize-link-disabled-text-color: @heading-h4-text-link-disabled-text-color; @heading-h4-text-emphasize-link-disabled-text-decoration: @heading-h4-text-link-disabled-text-decoration; @heading-h4-text-emphasize-link-disabled-opacity: @heading-h4-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H4 Text Mute ----------------------------------------------------------------------------- */ @heading-h4-text-mute-enabled: @body-text-mute-enabled; // Heading H4 Text Mute Styling @heading-h4-text-mute-color: color-lighten(@neutral, 30); @heading-h4-text-mute-font-family: @heading-h4-text-font-family; @heading-h4-text-mute-font-size: @heading-h4-text-font-size; @heading-h4-text-mute-font-style: @heading-h4-text-font-style; @heading-h4-text-mute-font-weight: 200; @heading-h4-text-mute-line-height: @heading-h4-text-line-height; @heading-h4-text-mute-transform: @heading-h4-text-transform; @heading-h4-text-mute-shadow: @heading-h4-text-shadow; // Heading H4 Text Mute Links @heading-h4-text-mute-link-enabled: false; @heading-h4-text-mute-link-text-color: @heading-h4-text-link-text-color; @heading-h4-text-mute-link-text-decoration: @heading-h4-text-link-text-decoration; @heading-h4-text-mute-link-hover-text-color: @heading-h4-text-link-hover-text-color; @heading-h4-text-mute-link-hover-text-decoration: @heading-h4-text-link-hover-text-decoration; @heading-h4-text-mute-link-active-text-color: @heading-h4-text-link-active-text-color; @heading-h4-text-mute-link-active-text-decoration: @heading-h4-text-link-active-text-decoration; @heading-h4-text-mute-link-disabled-text-color: @heading-h4-text-link-disabled-text-color; @heading-h4-text-mute-link-disabled-text-decoration: @heading-h4-text-link-disabled-text-decoration; @heading-h4-text-mute-link-disabled-opacity: @heading-h4-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H4 Inverse ----------------------------------------------------------------------------- */ @heading-h4-text-inverse-enabled: @body-text-inverse-enabled; // Heading H4 Text Inverse Styling @heading-h4-text-inverse-color: color-lighten(@neutral, 60); @heading-h4-text-inverse-shadow: @heading-h4-text-shadow; // Heading H4 Text Inverse Links @heading-h4-text-inverse-link-enabled: false; @heading-h4-text-inverse-link-text-color: @heading-h4-text-link-text-color; @heading-h4-text-inverse-link-text-decoration: @heading-h4-text-link-text-decoration; @heading-h4-text-inverse-link-hover-text-color: @heading-h4-text-link-hover-text-color; @heading-h4-text-inverse-link-hover-text-decoration: @heading-h4-text-link-hover-text-decoration; @heading-h4-text-inverse-link-active-text-color: @heading-h4-text-link-active-text-color; @heading-h4-text-inverse-link-active-text-decoration: @heading-h4-text-link-active-text-decoration; @heading-h4-text-inverse-link-disabled-text-color: @heading-h4-text-link-disabled-text-color; @heading-h4-text-inverse-link-disabled-text-decoration: @heading-h4-text-link-disabled-text-decoration; @heading-h4-text-inverse-link-disabled-opacity: @heading-h4-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H4 Inverse Emphasize ----------------------------------------------------------------------------- */ @heading-h4-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Heading H4 Inverse Emphasize Styling @heading-h4-text-inverse-emphasize-color: color-lighten(@neutral, 40); @heading-h4-text-inverse-emphasize-shadow: @heading-h4-text-inverse-shadow; // Heading H4 Inverse Emphasize Links @heading-h4-text-inverse-emphasize-link-enabled: false; @heading-h4-text-inverse-emphasize-link-text-color: @heading-h4-text-inverse-link-text-color; @heading-h4-text-inverse-emphasize-link-text-decoration: @heading-h4-text-inverse-link-text-decoration; @heading-h4-text-inverse-emphasize-link-hover-text-color: @heading-h4-text-inverse-link-hover-text-color; @heading-h4-text-inverse-emphasize-link-hover-text-decoration: @heading-h4-text-inverse-link-hover-text-decoration; @heading-h4-text-inverse-emphasize-link-active-text-color: @heading-h4-text-inverse-link-active-text-color; @heading-h4-text-inverse-emphasize-link-active-text-decoration: @heading-h4-text-inverse-link-active-text-decoration; @heading-h4-text-inverse-emphasize-link-disabled-text-color: @heading-h4-text-inverse-link-disabled-text-color; @heading-h4-text-inverse-emphasize-link-disabled-text-decoration: @heading-h4-text-inverse-link-disabled-text-decoration; @heading-h4-text-inverse-emphasize-link-disabled-opacity: @heading-h4-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H4 Inverse Mute ----------------------------------------------------------------------------- */ @heading-h4-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Heading H4 Inverse Mute Styling @heading-h4-text-inverse-mute-color: color-lighten(@neutral, -40); @heading-h4-text-inverse-mute-shadow: @heading-h4-text-inverse-shadow; // Heading H4 Inverse Mute Links @heading-h4-text-inverse-mute-link-enabled: false; @heading-h4-text-inverse-mute-link-text-color: @heading-h4-text-inverse-link-text-color; @heading-h4-text-inverse-mute-link-text-decoration: @heading-h4-text-inverse-link-text-decoration; @heading-h4-text-inverse-mute-link-hover-text-color: @heading-h4-text-inverse-link-hover-text-color; @heading-h4-text-inverse-mute-link-hover-text-decoration: @heading-h4-text-inverse-link-hover-text-decoration; @heading-h4-text-inverse-mute-link-active-text-color: @heading-h4-text-inverse-link-active-text-color; @heading-h4-text-inverse-mute-link-active-text-decoration: @heading-h4-text-inverse-link-active-text-decoration; @heading-h4-text-inverse-mute-link-disabled-text-color: @heading-h4-text-inverse-link-disabled-text-color; @heading-h4-text-inverse-mute-link-disabled-text-decoration: @heading-h4-text-inverse-link-disabled-text-decoration; @heading-h4-text-inverse-mute-link-disabled-opacity: @heading-h4-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Heading H5 Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @heading-h5-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Heading H5 Text Styling ----------------------------------------------------------------------------- */ @heading-h5-text-color: color-lighten(@neutral, 40); @heading-h5-text-font-family: @font-family-sans-serif; @heading-h5-text-font-size: @heading-h6-text-font-size * 1.1; @heading-h5-text-font-style: normal; @heading-h5-text-font-weight: 400; @heading-h5-text-line-height: @heading-h6-text-line-height * 1.1; @heading-h5-text-transform: none; @heading-h5-text-shadow: none; /* ----------------------------------------------------------------------------- Heading H5 Text Links ----------------------------------------------------------------------------- */ @heading-h5-text-link-enabled: false; @heading-h5-text-link-text-color: @body-text-link-text-color; @heading-h5-text-link-text-decoration: @body-text-link-text-decoration; @heading-h5-text-link-hover-text-color: @body-text-link-hover-text-color; @heading-h5-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @heading-h5-text-link-active-text-color: @body-text-link-active-text-color; @heading-h5-text-link-active-text-decoration: @body-text-link-active-text-decoration; @heading-h5-text-link-disabled-text-color: @body-text-link-disabled-text-color; @heading-h5-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @heading-h5-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H5 Text Margin ----------------------------------------------------------------------------- */ @heading-h5-text-margin-top: @heading-h5-text-margin-bottom * 1.2; @heading-h5-text-margin-bottom: @heading-h6-text-margin-top; @heading-h5-text-short-margin-top: @heading-h5-text-margin-top * 0.5; @heading-h5-text-short-margin-bottom: @heading-h5-text-margin-bottom * 0.5; @heading-h5-text-tall-margin-top: @heading-h5-text-margin-top * 2.0; @heading-h5-text-tall-margin-bottom: @heading-h5-text-margin-bottom * 2.0; /* ----------------------------------------------------------------------------- Heading H5 Text Responsive Scaling ----------------------------------------------------------------------------- */ @heading-h5-text-scale-screen-mini: @body-text-scale-screen-mini; @heading-h5-text-scale-screen-small: @body-text-scale-screen-small; @heading-h5-text-scale-screen-medium: @body-text-scale-screen-medium; @heading-h5-text-scale-screen-large: @body-text-scale-screen-large; @heading-h5-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini * 1.0; @heading-h5-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small * 1.0; @heading-h5-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium * 1.0; @heading-h5-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large * 1.0; @heading-h5-text-line-height-scale-screen-mini: @heading-h5-text-font-size-scale-screen-mini; @heading-h5-text-line-height-scale-screen-small: @heading-h5-text-font-size-scale-screen-small; @heading-h5-text-line-height-scale-screen-medium: @heading-h5-text-font-size-scale-screen-medium; @heading-h5-text-line-height-scale-screen-large: @heading-h5-text-font-size-scale-screen-large; @heading-h5-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @heading-h5-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @heading-h5-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @heading-h5-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @heading-h5-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @heading-h5-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @heading-h5-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @heading-h5-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Heading H5 Text Emphasize ----------------------------------------------------------------------------- */ @heading-h5-text-emphasize-enabled: @body-text-emphasize-enabled; // Heading H5 Text Emphasize Styling @heading-h5-text-emphasize-color: color-lighten(@neutral, -60); @heading-h5-text-emphasize-font-family: @heading-h5-text-font-family; @heading-h5-text-emphasize-font-size: @heading-h5-text-font-size; @heading-h5-text-emphasize-font-style: @heading-h5-text-font-style; @heading-h5-text-emphasize-font-weight: 700; @heading-h5-text-emphasize-line-height: @heading-h5-text-line-height; @heading-h5-text-emphasize-transform: @heading-h5-text-transform; @heading-h5-text-emphasize-shadow: @heading-h5-text-shadow; // Heading H5 Text Emphasize Links @heading-h5-text-emphasize-link-enabled: false; @heading-h5-text-emphasize-link-text-color: @heading-h5-text-link-text-color; @heading-h5-text-emphasize-link-text-decoration: @heading-h5-text-link-text-decoration; @heading-h5-text-emphasize-link-hover-text-color: @heading-h5-text-link-hover-text-color; @heading-h5-text-emphasize-link-hover-text-decoration: @heading-h5-text-link-hover-text-decoration; @heading-h5-text-emphasize-link-active-text-color: @heading-h5-text-link-active-text-color; @heading-h5-text-emphasize-link-active-text-decoration: @heading-h5-text-link-active-text-decoration; @heading-h5-text-emphasize-link-disabled-text-color: @heading-h5-text-link-disabled-text-color; @heading-h5-text-emphasize-link-disabled-text-decoration: @heading-h5-text-link-disabled-text-decoration; @heading-h5-text-emphasize-link-disabled-opacity: @heading-h5-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H5 Text Mute ----------------------------------------------------------------------------- */ @heading-h5-text-mute-enabled: @body-text-mute-enabled; // Heading H5 Text Mute Styling @heading-h5-text-mute-color: color-lighten(@neutral, 40); @heading-h5-text-mute-font-family: @heading-h5-text-font-family; @heading-h5-text-mute-font-size: @heading-h5-text-font-size; @heading-h5-text-mute-font-style: @heading-h5-text-font-style; @heading-h5-text-mute-font-weight: 200; @heading-h5-text-mute-line-height: @heading-h5-text-line-height; @heading-h5-text-mute-transform: @heading-h5-text-transform; @heading-h5-text-mute-shadow: @heading-h5-text-shadow; // Heading H5 Text Mute Links @heading-h5-text-mute-link-enabled: false; @heading-h5-text-mute-link-text-color: @heading-h5-text-link-text-color; @heading-h5-text-mute-link-text-decoration: @heading-h5-text-link-text-decoration; @heading-h5-text-mute-link-hover-text-color: @heading-h5-text-link-hover-text-color; @heading-h5-text-mute-link-hover-text-decoration: @heading-h5-text-link-hover-text-decoration; @heading-h5-text-mute-link-active-text-color: @heading-h5-text-link-active-text-color; @heading-h5-text-mute-link-active-text-decoration: @heading-h5-text-link-active-text-decoration; @heading-h5-text-mute-link-disabled-text-color: @heading-h5-text-link-disabled-text-color; @heading-h5-text-mute-link-disabled-text-decoration: @heading-h5-text-link-disabled-text-decoration; @heading-h5-text-mute-link-disabled-opacity: @heading-h5-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H5 Text Inverse ----------------------------------------------------------------------------- */ @heading-h5-text-inverse-enabled: @body-text-inverse-enabled; // Heading H5 Text Inverse Styling @heading-h5-text-inverse-color: color-lighten(@neutral, 40); @heading-h5-text-inverse-shadow: @heading-h5-text-shadow; // Heading H5 Text Inverse Links @heading-h5-text-inverse-link-enabled: false; @heading-h5-text-inverse-link-text-color: @body-text-inverse-link-text-color; @heading-h5-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @heading-h5-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @heading-h5-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @heading-h5-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @heading-h5-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @heading-h5-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @heading-h5-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @heading-h5-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H5 Text Inverse Emphasize ----------------------------------------------------------------------------- */ @heading-h5-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Heading H5 Text Inverse Emphasize Styling @heading-h5-text-inverse-emphasize-color: color-lighten(@neutral, 30); @heading-h5-text-inverse-emphasize-shadow: @heading-h5-text-inverse-shadow; // Heading H5 Text Inverse Emphasize Links @heading-h5-text-inverse-emphasize-link-enabled: false; @heading-h5-text-inverse-emphasize-link-text-color: @heading-h5-text-inverse-link-text-color; @heading-h5-text-inverse-emphasize-link-text-decoration: @heading-h5-text-inverse-link-text-decoration; @heading-h5-text-inverse-emphasize-link-hover-text-color: @heading-h5-text-inverse-link-hover-text-color; @heading-h5-text-inverse-emphasize-link-hover-text-decoration: @heading-h5-text-inverse-link-hover-text-decoration; @heading-h5-text-inverse-emphasize-link-active-text-color: @heading-h5-text-inverse-link-active-text-color; @heading-h5-text-inverse-emphasize-link-active-text-decoration: @heading-h5-text-inverse-link-active-text-decoration; @heading-h5-text-inverse-emphasize-link-disabled-text-color: @heading-h5-text-inverse-link-disabled-text-color; @heading-h5-text-inverse-emphasize-link-disabled-text-decoration: @heading-h5-text-inverse-link-disabled-text-decoration; @heading-h5-text-inverse-emphasize-link-disabled-opacity: @heading-h5-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H5 Text Inverse Mute ----------------------------------------------------------------------------- */ @heading-h5-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Heading H5 Text Inverse Mute Styling @heading-h5-text-inverse-mute-color: color-lighten(@neutral, -50); @heading-h5-text-inverse-mute-shadow: @heading-h5-text-inverse-shadow; // Heading H5 Text Inverse Mute Links @heading-h5-text-inverse-mute-link-enabled: false; @heading-h5-text-inverse-mute-link-text-color: @heading-h5-text-inverse-link-text-color; @heading-h5-text-inverse-mute-link-text-decoration: @heading-h5-text-inverse-link-text-decoration; @heading-h5-text-inverse-mute-link-hover-text-color: @heading-h5-text-inverse-link-hover-text-color; @heading-h5-text-inverse-mute-link-hover-text-decoration: @heading-h5-text-inverse-link-hover-text-decoration; @heading-h5-text-inverse-mute-link-active-text-color: @heading-h5-text-inverse-link-active-text-color; @heading-h5-text-inverse-mute-link-active-text-decoration: @heading-h5-text-inverse-link-active-text-decoration; @heading-h5-text-inverse-mute-link-disabled-text-color: @heading-h5-text-inverse-link-disabled-text-color; @heading-h5-text-inverse-mute-link-disabled-text-decoration: @heading-h5-text-inverse-link-disabled-text-decoration; @heading-h5-text-inverse-mute-link-disabled-opacity: @heading-h5-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Heading H6 Text -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @heading-h6-text-enabled: @body-text-enabled; /* ----------------------------------------------------------------------------- Heading H6 Text Styling ----------------------------------------------------------------------------- */ @heading-h6-text-color: color-lighten(@neutral, 40); @heading-h6-text-font-family: @font-family-sans-serif; @heading-h6-text-font-size: @body-text-font-size * 1.0; @heading-h6-text-font-style: normal; @heading-h6-text-font-weight: 600; @heading-h6-text-line-height: @body-text-line-height * 1.0; @heading-h6-text-transform: none; @heading-h6-text-shadow: none; /* ----------------------------------------------------------------------------- Heading H6 Text Links ----------------------------------------------------------------------------- */ @heading-h6-text-link-enabled: false; @heading-h6-text-link-text-color: @body-text-link-text-color; @heading-h6-text-link-text-decoration: @body-text-link-text-decoration; @heading-h6-text-link-hover-text-color: @body-text-link-hover-text-color; @heading-h6-text-link-hover-text-decoration: @body-text-link-hover-text-decoration; @heading-h6-text-link-active-text-color: @body-text-link-active-text-color; @heading-h6-text-link-active-text-decoration: @body-text-link-active-text-decoration; @heading-h6-text-link-disabled-text-color: @body-text-link-disabled-text-color; @heading-h6-text-link-disabled-text-decoration: @body-text-link-disabled-text-decoration; @heading-h6-text-link-disabled-opacity: @body-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H6 Text Margin ----------------------------------------------------------------------------- */ @heading-h6-text-margin-top: @heading-h6-text-margin-bottom * 1.2; @heading-h6-text-margin-bottom: @body-text-margin-bottom * 1.0; @heading-h6-text-short-margin-top: @heading-h6-text-margin-top * 0.5; @heading-h6-text-short-margin-bottom: @heading-h6-text-margin-bottom * 0.5; @heading-h6-text-tall-margin-top: @heading-h6-text-margin-top * 2.0; @heading-h6-text-tall-margin-bottom: @heading-h6-text-margin-bottom * 2.0; /* ----------------------------------------------------------------------------- Heading H6 Text Responsive Scaling ----------------------------------------------------------------------------- */ @heading-h6-text-scale-screen-mini: @body-text-scale-screen-mini; @heading-h6-text-scale-screen-small: @body-text-scale-screen-small; @heading-h6-text-scale-screen-medium: @body-text-scale-screen-medium; @heading-h6-text-scale-screen-large: @body-text-scale-screen-large; @heading-h6-text-font-size-scale-screen-mini: @body-text-font-size-scale-screen-mini * 1.0; @heading-h6-text-font-size-scale-screen-small: @body-text-font-size-scale-screen-small * 1.0; @heading-h6-text-font-size-scale-screen-medium: @body-text-font-size-scale-screen-medium * 1.0; @heading-h6-text-font-size-scale-screen-large: @body-text-font-size-scale-screen-large * 1.0; @heading-h6-text-line-height-scale-screen-mini: @heading-h6-text-font-size-scale-screen-mini; @heading-h6-text-line-height-scale-screen-small: @heading-h6-text-font-size-scale-screen-small; @heading-h6-text-line-height-scale-screen-medium: @heading-h6-text-font-size-scale-screen-medium; @heading-h6-text-line-height-scale-screen-large: @heading-h6-text-font-size-scale-screen-large; @heading-h6-text-margin-top-scale-screen-mini: @body-text-margin-top-scale-screen-mini; @heading-h6-text-margin-top-scale-screen-small: @body-text-margin-top-scale-screen-small; @heading-h6-text-margin-top-scale-screen-medium: @body-text-margin-top-scale-screen-medium; @heading-h6-text-margin-top-scale-screen-large: @body-text-margin-top-scale-screen-large; @heading-h6-text-margin-bottom-scale-screen-mini: @body-text-margin-bottom-scale-screen-mini; @heading-h6-text-margin-bottom-scale-screen-small: @body-text-margin-bottom-scale-screen-small; @heading-h6-text-margin-bottom-scale-screen-medium: @body-text-margin-bottom-scale-screen-medium; @heading-h6-text-margin-bottom-scale-screen-large: @body-text-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Heading H6 Text Emphasize ----------------------------------------------------------------------------- */ @heading-h6-text-emphasize-enabled: @body-text-emphasize-enabled; // Heading H6 Text Emphasize Styling @heading-h6-text-emphasize-color: color-lighten(@neutral, -50); @heading-h6-text-emphasize-font-family: @heading-h6-text-font-family; @heading-h6-text-emphasize-font-size: @heading-h6-text-font-size; @heading-h6-text-emphasize-font-style: @heading-h6-text-font-style; @heading-h6-text-emphasize-font-weight: 700; @heading-h6-text-emphasize-line-height: @heading-h6-text-line-height; @heading-h6-text-emphasize-transform: @heading-h6-text-transform; @heading-h6-text-emphasize-shadow: @heading-h6-text-shadow; // Heading H6 Text Emphasize Links @heading-h6-text-emphasize-link-enabled: false; @heading-h6-text-emphasize-link-text-color: @heading-h6-text-link-text-color; @heading-h6-text-emphasize-link-text-decoration: @heading-h6-text-link-text-decoration; @heading-h6-text-emphasize-link-hover-text-color: @heading-h6-text-link-hover-text-color; @heading-h6-text-emphasize-link-hover-text-decoration: @heading-h6-text-link-hover-text-decoration; @heading-h6-text-emphasize-link-active-text-color: @heading-h6-text-link-active-text-color; @heading-h6-text-emphasize-link-active-text-decoration: @heading-h6-text-link-active-text-decoration; @heading-h6-text-emphasize-link-disabled-text-color: @heading-h6-text-link-disabled-text-color; @heading-h6-text-emphasize-link-disabled-text-decoration: @heading-h6-text-link-disabled-text-decoration; @heading-h6-text-emphasize-link-disabled-opacity: @heading-h6-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H6 Text Mute ----------------------------------------------------------------------------- */ @heading-h6-text-mute-enabled: @body-text-mute-enabled; // Heading H6 Text Mute Styling @heading-h6-text-mute-color: color-lighten(@neutral, 50); @heading-h6-text-mute-font-family: @heading-h6-text-font-family; @heading-h6-text-mute-font-size: @heading-h6-text-font-size; @heading-h6-text-mute-font-style: @heading-h6-text-font-style; @heading-h6-text-mute-font-weight: 200; @heading-h6-text-mute-line-height: @heading-h6-text-line-height; @heading-h6-text-mute-transform: @heading-h6-text-transform; @heading-h6-text-mute-shadow: @heading-h6-text-shadow; // Heading H6 Text Mute Links @heading-h6-text-mute-link-enabled: false; @heading-h6-text-mute-link-text-color: @heading-h6-text-link-text-color; @heading-h6-text-mute-link-text-decoration: @heading-h6-text-link-text-decoration; @heading-h6-text-mute-link-hover-text-color: @heading-h6-text-link-hover-text-color; @heading-h6-text-mute-link-hover-text-decoration: @heading-h6-text-link-hover-text-decoration; @heading-h6-text-mute-link-active-text-color: @heading-h6-text-link-active-text-color; @heading-h6-text-mute-link-active-text-decoration: @heading-h6-text-link-active-text-decoration; @heading-h6-text-mute-link-disabled-text-color: @heading-h6-text-link-disabled-text-color; @heading-h6-text-mute-link-disabled-text-decoration: @heading-h6-text-link-disabled-text-decoration; @heading-h6-text-mute-link-disabled-opacity: @heading-h6-text-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H6 Text Inverse ----------------------------------------------------------------------------- */ @heading-h6-text-inverse-enabled: @body-text-inverse-enabled; // Heading H6 Text Inverse Styling @heading-h6-text-inverse-color: color-lighten(@neutral, 40); @heading-h6-text-inverse-shadow: @heading-h6-text-shadow; // Heading H6 Text Inverse Links @heading-h6-text-inverse-link-enabled: false; @heading-h6-text-inverse-link-text-color: @body-text-inverse-link-text-color; @heading-h6-text-inverse-link-text-decoration: @body-text-inverse-link-text-decoration; @heading-h6-text-inverse-link-hover-text-color: @body-text-inverse-link-hover-text-color; @heading-h6-text-inverse-link-hover-text-decoration: @body-text-inverse-link-hover-text-decoration; @heading-h6-text-inverse-link-active-text-color: @body-text-inverse-link-active-text-color; @heading-h6-text-inverse-link-active-text-decoration: @body-text-inverse-link-active-text-decoration; @heading-h6-text-inverse-link-disabled-text-color: @body-text-inverse-link-disabled-text-color; @heading-h6-text-inverse-link-disabled-text-decoration: @body-text-inverse-link-disabled-text-decoration; @heading-h6-text-inverse-link-disabled-opacity: @body-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H6 Text Inverse Emphasize ----------------------------------------------------------------------------- */ @heading-h6-text-inverse-emphasize-enabled: @body-text-inverse-emphasize-enabled; // Heading H6 Text Inverse Emphasize Styling @heading-h6-text-inverse-emphasize-color: color-lighten(@neutral, 20); @heading-h6-text-inverse-emphasize-shadow: @heading-h6-text-inverse-shadow; // Heading H6 Text Inverse Emphasize Links @heading-h6-text-inverse-emphasize-link-enabled: false; @heading-h6-text-inverse-emphasize-link-text-color: @heading-h6-text-inverse-link-text-color; @heading-h6-text-inverse-emphasize-link-text-decoration: @heading-h6-text-inverse-link-text-decoration; @heading-h6-text-inverse-emphasize-link-hover-text-color: @heading-h6-text-inverse-link-hover-text-color; @heading-h6-text-inverse-emphasize-link-hover-text-decoration: @heading-h6-text-inverse-link-hover-text-decoration; @heading-h6-text-inverse-emphasize-link-active-text-color: @heading-h6-text-inverse-link-active-text-color; @heading-h6-text-inverse-emphasize-link-active-text-decoration: @heading-h6-text-inverse-link-active-text-decoration; @heading-h6-text-inverse-emphasize-link-disabled-text-color: @heading-h6-text-inverse-link-disabled-text-color; @heading-h6-text-inverse-emphasize-link-disabled-text-decoration: @heading-h6-text-inverse-link-disabled-text-decoration; @heading-h6-text-inverse-emphasize-link-disabled-opacity: @heading-h6-text-inverse-link-disabled-opacity; /* ----------------------------------------------------------------------------- Heading H6 Text Inverse Mute ----------------------------------------------------------------------------- */ @heading-h6-text-inverse-mute-enabled: @body-text-inverse-mute-enabled; // Heading H6 Text Inverse Mute Styling @heading-h6-text-inverse-mute-color: color-lighten(@neutral, -60); @heading-h6-text-inverse-mute-shadow: @heading-h6-text-inverse-shadow; // Heading H6 Text Inverse Mute Links @heading-h6-text-inverse-mute-link-enabled: false; @heading-h6-text-inverse-mute-link-text-color: @heading-h6-text-inverse-link-text-color; @heading-h6-text-inverse-mute-link-text-decoration: @heading-h6-text-inverse-link-text-decoration; @heading-h6-text-inverse-mute-link-hover-text-color: @heading-h6-text-inverse-link-hover-text-color; @heading-h6-text-inverse-mute-link-hover-text-decoration: @heading-h6-text-inverse-link-hover-text-decoration; @heading-h6-text-inverse-mute-link-active-text-color: @heading-h6-text-inverse-link-active-text-color; @heading-h6-text-inverse-mute-link-active-text-decoration: @heading-h6-text-inverse-link-active-text-decoration; @heading-h6-text-inverse-mute-link-disabled-text-color: @heading-h6-text-inverse-link-disabled-text-color; @heading-h6-text-inverse-mute-link-disabled-text-decoration: @heading-h6-text-inverse-link-disabled-text-decoration; @heading-h6-text-inverse-mute-link-disabled-opacity: @heading-h6-text-inverse-link-disabled-opacity;