Customizing Typography

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$font-size14px14px
Description
Base font size across all components.
$font-familyinheritinherit
Description
Font family across all components.
$font-family-monospaceSFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospaceSFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace
Description
Font family for monospaced text. Used for styling the code.
$line-height(20 / 14)(20 / 14)
Description
Line height used along with $font-size.