@gravityforms/design-tokens/global/custom-properties/common/typography.js

Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.

module.exports = {
	// Font Family
	'--%project_name%-common-font-family-base': 'inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif',
	'--%project_name%-common-font-family-icons': '"%project_name%-icons-common"',
	// Font Weight
	'--%project_name%-common-font-weight-normal': '400',
	'--%project_name%-common-font-weight-medium': '500',
	'--%project_name%-common-font-weight-semibold': '600',
	'--%project_name%-common-font-weight-bold': '700',
	// Font Size
	'--%project_name%-common-font-size-2xs': '0.625rem', // 10px
	'--%project_name%-common-font-size-xs': '0.75rem', // 12px
	'--%project_name%-common-font-size-sm': '0.875rem', // 14px
	'--%project_name%-common-font-size-base': '1rem', // 16px
	'--%project_name%-common-font-size-md': '1.125rem', // 18px
	'--%project_name%-common-font-size-lg': '1.25rem', // 20px
	'--%project_name%-common-font-size-xl': '1.5rem', // 24px
	'--%project_name%-common-font-size-2xl': '1.875rem', // 30px
	'--%project_name%-common-font-size-3xl': '2.25rem', // 36px
	'--%project_name%-common-font-size-4xl': '2.875rem', // 46px
	'--%project_name%-common-font-size-5xl': '3rem', // 48px
	'--%project_name%-common-font-size-6xl': '3.75rem', // 60px
	'--%project_name%-common-font-size-7xl': '4.5rem', // 72px
	// Line Height
	'--%project_name%-common-line-height-none': '0',
	'--%project_name%-common-line-height-even': '1',
	'--%project_name%-common-line-height-6xs': '1.09',
	'--%project_name%-common-line-height-5xs': '1.2',
	'--%project_name%-common-line-height-4xs': '1.22',
	'--%project_name%-common-line-height-3xs': '1.25',
	'--%project_name%-common-line-height-2xs': '1.27',
	'--%project_name%-common-line-height-xs': '1.33',
	'--%project_name%-common-line-height-sm': '1.43',
	'--%project_name%-common-line-height-base': '1.5',
	'--%project_name%-common-line-height-md': '1.56',
	'--%project_name%-common-line-height-lg': '1.6',
	// Letter Spacing
	'--%project_name%-common-letter-spacing-tight': '-0.02em',
	'--%project_name%-common-letter-spacing-normal': '0',
};