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