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

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;