@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
64 lines • 2.66 kB
JavaScript
// System font stack for your application.
export const 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.
export const fontFamilyMonospace = "Consolas, Menlo, Monaco, Courier, monospace";
// Bold font-weight, use to increase emphasis.
export const fontWeightBold = "bold";
// Font weight 1
export const fontWeight1 = "100";
// Font weight 2
export const fontWeight2 = "200";
// Font weight 3
export const fontWeight3 = "300";
// Font weight 4
export const fontWeight4 = "400";
// Font weight 5
export const fontWeight5 = "500";
// Font weight 6
export const fontWeight6 = "600";
// Font weight 7
export const fontWeight7 = "700";
// Default line-height for your application.
export const fontLineheight = "1.5";
// Line-height 1.
export const fontLineheight1 = "1";
// Line-height 2.
export const fontLineheight2 = "1.25";
// Line-height 3.
export const fontLineheight3 = "1.375";
// Line-height 4.
export const fontLineheight4 = "1.5";
// Line-height 5.
export const fontLineheight5 = "1.75";
// Line-height 6.
export const fontLineheight6 = "2";
// Default font-size for your application.
export const fontSizeBase = "1rem";
// Scaled font-size that is 4 stops smaller than the base.
export const fontScaleNeg4 = "0.625rem";
// Scaled font-size that is 3 stops smaller than the base.
export const fontScaleNeg3 = "0.75rem";
// Scaled font-size that is 2 stops smaller than the base.
export const fontScaleNeg2 = "0.8125rem";
// Scaled font-size that is 1 stop smaller than the base.
export const fontScaleNeg1 = "0.875rem";
// Scaled font-size that is 1 stop bigger than the base.
export const fontScale1 = "1.125rem";
// Scaled font-size that is 2 stops bigger than the base.
export const fontScale2 = "1.266rem";
// Scaled font-size that is 3 stops bigger than the base.
export const fontScale3 = "1.424rem";
// Scaled font-size that is 4 stops bigger than the base.
export const fontScale4 = "1.602rem";
// Scaled font-size that is 5 stops bigger than the base.
export const fontScale5 = "1.802rem";
// Scaled font-size that is 6 stops bigger than the base.
export const fontScale6 = "2.027rem";
// Scaled font-size that is 7 stops bigger than the base.
export const fontScale7 = "2.281rem";
// Scaled font-size that is 8 stops bigger than the base.
export const fontScale8 = "2.566rem";
// Scaled font-size that is 9 stops bigger than the base.
export const fontScale9 = "2.887rem";
// Scaled font-size that is 10 stops bigger than the base.
export const fontScale10 = "3.247rem";