@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
64 lines • 2.58 kB
JavaScript
module.exports = {
// Use for large headings only.
fontWeightLight: "300",
// Most all body copy.
fontWeightRegular: "400",
// Used sparingly for emphasized text within regular body copy.
fontWeightBold: "700",
// Constant typography token for font size 1
fontSize1: "0.625rem",
// Constant typography token for font size 2
fontSize2: "0.75rem",
// Constant typography token for font size 3
fontSize3: "0.8125rem",
// Variable typography token for font size 10
varFontSize10: "2rem",
// Constant typography token for font size 4
fontSize4: "0.875rem",
// Variable typography token for font size 11
varFontSize11: "2.625rem",
// Constant typography token for font size 5
fontSize5: "1rem",
// Constant typography token for font size 6
fontSize6: "1.125rem",
// Constant typography token for font size 7
fontSize7: "1.25rem",
// Constant typography token for font size 8
fontSize8: "1.5rem",
// Variable typography token for font size 1
varFontSize1: "0.625rem",
// Constant typography token for font size 9
fontSize9: "1.75rem",
// Variable typography token for font size 2
varFontSize2: "0.75rem",
// Variable typography token for font size 3
varFontSize3: "0.8125rem",
// Constant typography token for font size 10
fontSize10: "2rem",
// Variable typography token for font size 4
varFontSize4: "0.875rem",
// Constant typography token for font size 11
fontSize11: "2.625rem",
// Variable typography token for font size 5
varFontSize5: "1rem",
// Variable typography token for font size 6
varFontSize6: "1.125rem",
// Variable typography token for font size 7
varFontSize7: "1.25rem",
// Variable typography token for font size 8
varFontSize8: "1.5rem",
// Variable typography token for font size 9
varFontSize9: "1.75rem",
// Unitless line-heights for reusability
lineHeightHeading: "1.25",
// Unitless line-heights for reusability
lineHeightText: "1.5",
// Remove extra leading. Unitless line-heights for reusability
lineHeightReset: "1",
// Variable unitless line-heights for reusability
varLineHeightText: "1.5",
// Default font-family for Salesforce applications
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
fontFamilyHeading: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
fontFamilyMonospace: "Consolas, Menlo, Monaco, Courier, monospace",
};