Variables
These are all the component specific variables that can be used for customization.
Name | Value |
---|---|
@typography-font-family | @font-family |
@typography-h1-font-size | @font-size-colossal |
@typography-h1-font-weight | @font-weight-light |
@typography-h1-letter-spacing | -0.016em |
@typography-h1-line-height | @font-size-colossal |
@typography-h2-font-size | @font-size-enormous |
@typography-h2-font-weight | @font-weight-light |
@typography-h2-letter-spacing | -0.008em |
@typography-h2-line-height | @font-size-enormous |
@typography-h3-font-size | @font-size-xxxlarge |
@typography-h3-font-weight | @font-weight-normal |
@typography-h3-letter-spacing | normal |
@typography-h3-line-height | 3.125rem |
@typography-h4-font-size | @font-size-xxlarge |
@typography-h4-font-weight | @font-weight-normal |
@typography-h4-letter-spacing | normal |
@typography-h4-line-height | 2.5rem |
@typography-h5-font-size | @font-size-xlarge |
@typography-h5-font-weight | @font-weight-normal |
@typography-h5-letter-spacing | normal |
@typography-h5-line-height | 2rem |
@typography-h6-font-size | @font-size-larger |
@typography-h6-font-weight | @font-weight-medium |
@typography-h6-letter-spacing | normal |
@typography-h6-line-height | @line-height-base |
@typography-subtitle-1-font-size | @font-size-large |
@typography-subtitle-1-font-weight | @font-weight-normal |
@typography-subtitle-1-letter-spacing | 0.009em |
@typography-subtitle-1-line-height | 1.75rem |
@typography-subtitle-2-font-size | @font-size-medium |
@typography-subtitle-2-font-weight | @font-weight-medium |
@typography-subtitle-2-letter-spacing | 0.007em |
@typography-subtitle-2-line-height | 1.375rem |
@typography-body-1-font-size | @font-size-large |
@typography-body-1-font-weight | @font-weight-normal |
@typography-body-1-letter-spacing | 0.03125em |
@typography-body-1-line-height | 1.5rem |
@typography-body-2-font-size | @font-size-medium |
@typography-body-2-font-weight | @font-weight-normal |
@typography-body-2-letter-spacing | 0.0178em |
@typography-body-2-line-height | 1.25rem |
@typography-button-font-size | @font-size-medium |
@typography-button-font-weight | @font-weight-medium |
@typography-button-letter-spacing | 0.0892em |
@typography-button-line-height | 2.25rem |
@typography-button-text-transform | uppercase |
@typography-caption-font-size | @font-size-xsmall |
@typography-caption-font-weight | @font-weight-normal |
@typography-caption-letter-spacing | 0.0333em |
@typography-caption-line-height | 1.25rem |
@typography-overline-font-size | @font-size-xxsmall |
@typography-overline-font-weight | @font-weight-normal |
@typography-overline-letter-spacing | 0.1667em |
@typography-overline-line-height | 2rem |
@typography-overline-text-transform | uppercase |