@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
66 lines • 2.36 kB
JavaScript
module.exports = {
// System font stack for your application.
fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
// Monospace font stack for your application.
fontFamilyMonospace: "Consolas, Menlo, Monaco, Courier, monospace",
// Bold font-weight, use to increase emphasis.
fontWeightBold: "bold",
// Font weight 1
fontWeight1: "100",
// Font weight 2
fontWeight2: "200",
// Font weight 3
fontWeight3: "300",
// Font weight 4
fontWeight4: "400",
// Font weight 5
fontWeight5: "500",
// Font weight 6
fontWeight6: "600",
// Font weight 7
fontWeight7: "700",
// Default line-height for your application.
fontLineheight: "1.5",
// Line-height 1.
fontLineheight1: "1",
// Line-height 2.
fontLineheight2: "1.25",
// Line-height 3.
fontLineheight3: "1.375",
// Line-height 4.
fontLineheight4: "1.5",
// Line-height 5.
fontLineheight5: "1.75",
// Line-height 6.
fontLineheight6: "2",
// Default font-size for your application.
fontSizeBase: "1rem",
// Scaled font-size that is 4 stops smaller than the base.
fontScaleNeg4: "0.625rem",
// Scaled font-size that is 3 stops smaller than the base.
fontScaleNeg3: "0.75rem",
// Scaled font-size that is 2 stops smaller than the base.
fontScaleNeg2: "0.8125rem",
// Scaled font-size that is 1 stop smaller than the base.
fontScaleNeg1: "0.875rem",
// Scaled font-size that is 1 stop bigger than the base.
fontScale1: "1.125rem",
// Scaled font-size that is 2 stops bigger than the base.
fontScale2: "1.266rem",
// Scaled font-size that is 3 stops bigger than the base.
fontScale3: "1.424rem",
// Scaled font-size that is 4 stops bigger than the base.
fontScale4: "1.602rem",
// Scaled font-size that is 5 stops bigger than the base.
fontScale5: "1.802rem",
// Scaled font-size that is 6 stops bigger than the base.
fontScale6: "2.027rem",
// Scaled font-size that is 7 stops bigger than the base.
fontScale7: "2.281rem",
// Scaled font-size that is 8 stops bigger than the base.
fontScale8: "2.566rem",
// Scaled font-size that is 9 stops bigger than the base.
fontScale9: "2.887rem",
// Scaled font-size that is 10 stops bigger than the base.
fontScale10: "3.247rem",
};