Font Sizes

Font Sizes

Instead of modifying Bootstrap's base font size variables, we created uncomplicated font-size classes that you can use.

Add classes .fs-sm, .fs-md, .fs-rg, .fs-lg, .fs-xl to any element to change their font size.

  • Small (.fs-sm)

    0.875rem

    14px

  • Medium (.fs-md)

    1rem

    16px

  • Regular (.fs-rg)

    1.167rem

    18.672px

  • Large (.fs-lg)

    1.5rem

    20px

  • Extra Large (.fs-xl)

    1.75rem

    28px

Customize font sizes by adjusting their values in scss/_a-global-variables.scss under E. Fonts. Their classes are in _e-supplementary-classes.scss.