Typography - academies-trust/less-framework GitHub Wiki

This framework uses Roboto by default.

The following styles of typography are available in the framework:

Typography Styles

The CSS classes for these are as follows:

  • .text-display-4
  • .text-display-3
  • .text-display-2
  • .text-display-1
  • .text-headline
  • .text-title
  • .text-subhead
  • .text-body-2
  • .text-body-1
  • .text-caption
  • .text-button

Helper Classes

Colours

Dark

  • .dark-text-primary
  • .dark-text-secondary
  • .dark-text-disabled
  • .dark-text-dividers

Light

  • .light-text-primary
  • .light-text-secondary
  • .light-text-disabled
  • .light-text-dividers

Other

  • .text-primary
  • .text-accent
  • .text-success
  • .text-danger
  • .text-warning
  • .text-urgent

Alignment

  • .text-center
  • .text-left
  • .text-right
  • .text-justify
  • .text-nowrap

Transformations

  • .text-lowercase
  • .text-uppercase
  • .text-capitalize