@salesforce-ux/design-system/design-tokens/dist/marketing-cloud.styl

Salesforce Lightning Design System

// Use for large headings only.
$font-weight-light = 300
// Most all body copy.
$font-weight-regular = 400
// Used sparingly for emphasized text within regular body copy.
$font-weight-bold = 700
// Medium headings.
$font-size-heading-medium = 1.125rem
$font-size-medium = 1rem
// Small body text.
$font-size-text-small = .8125rem
$font-size-medium-a = 1.125rem
$font-size-x-large = 1.5rem
$font-size-x-large-a = 1.57rem
// Extra large headings.
$font-size-heading-x-large = 2rem
$font-size-xx-large = 2rem
// Extra extra small text.
$font-size-text-xx-small = .625rem
$font-size-large = 1.25rem
// Large headings.
$font-size-heading-large = 1.5rem
// Extra large body text.
$font-size-text-x-large = 1.25rem
$font-size-x-small = 0.625rem
// Extra Extra small headings.
$font-size-heading-xx-small = .625rem
// Extra small headings.
$font-size-heading-x-small = .75rem
// Large body text.
$font-size-text-large = 1.125rem
$font-size-small = 0.875rem
// Medium body text.
$font-size-text-medium = 1rem
// Extra small body text.
$font-size-text-x-small = .75rem
// Small headings.
$font-size-heading-small = .875rem
// Unitless line-heights for reusability
$line-height-heading = 1.25
// Unitless line-heights for reusability
$line-height-text = 1.5
// Remove extra leading. Unitless line-heights for reusability
$line-height-reset = 1
// Line heights for tabs
$line-height-tab = 2.5rem
// Variable unitless line-heights for reusability
$var-line-height-text = 1.5
// Deprecated: use FONT_FAMILY_TEXT instead for regular body text and FONT_FAMILY_HEADING for headings.
$font-family = 'Salesforce Sans', Arial, sans-serif
$font-family-text = 'Salesforce Sans', Arial, sans-serif
$font-family-heading = 'Salesforce Sans', Arial, sans-serif
$font-family-monospace = Consolas, Menlo, Monaco, Courier, monospace