Customizing typography

The following table lists the available variables for customization.

NameDefault valueDescription
$font-size 14px Base font size across all components.
$font-family inherit Font family across all components.
$font-family-monospace SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace Font family for monospaced text. Used for styling the code.
$line-height (20 / 14) Line height used along with $font-size.