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