@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
66 lines • 2.45 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",
};