UNPKG

@gravityforms/design-tokens

Version:

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

github.com/gravityforms/gravitypackages/tree/HEAD/packages/npm/design-tokens/README.md

gravityforms/gravitypackages

46 lines (45 loc) • 3.45 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
module.exports = { // Deprecated / Legacy '--%project_name%-admin-font-family-icons-old': '"%project_name%-icons-admin"', '--%project_name%-admin-font-size-base-old': '0.8125rem', '--%project_name%-admin-font-size-large-label': '1.0625rem', '--%project_name%-admin-line-height-base-old': '1.188rem', '--%project_name%-admin-line-height-label': '1.125rem', // Font Family '--%project_name%-admin-font-family-base': 'var(--%project_name%-common-font-family-base)', '--%project_name%-admin-font-family-icons': 'var(--%project_name%-common-font-family-icons)', // Font Weight '--%project_name%-admin-font-weight-normal': 'var(--%project_name%-common-font-weight-normal)', '--%project_name%-admin-font-weight-medium': 'var(--%project_name%-common-font-weight-medium)', '--%project_name%-admin-font-weight-semibold': 'var(--%project_name%-common-font-weight-semibold)', // Font Size '--%project_name%-admin-font-size-2xs': 'var(--%project_name%-common-font-size-2xs)', // 10px '--%project_name%-admin-font-size-xs': 'var(--%project_name%-common-font-size-xs)', // 12px '--%project_name%-admin-font-size-sm': 'var(--%project_name%-common-font-size-sm)', // 14px '--%project_name%-admin-font-size-base': 'var(--%project_name%-common-font-size-base)', // 16px '--%project_name%-admin-font-size-md': 'var(--%project_name%-common-font-size-md)', // 18px '--%project_name%-admin-font-size-lg': 'var(--%project_name%-common-font-size-lg)', // 20px '--%project_name%-admin-font-size-xl': 'var(--%project_name%-common-font-size-xl)', // 24px '--%project_name%-admin-font-size-2xl': 'var(--%project_name%-common-font-size-2xl)', // 30px '--%project_name%-admin-font-size-3xl': 'var(--%project_name%-common-font-size-3xl)', // 36px '--%project_name%-admin-font-size-4xl': 'var(--%project_name%-common-font-size-4xl)', // 46px '--%project_name%-admin-font-size-5xl': 'var(--%project_name%-common-font-size-5xl)', // 48px '--%project_name%-admin-font-size-6xl': 'var(--%project_name%-common-font-size-6xl)', // 60px '--%project_name%-admin-font-size-7xl': 'var(--%project_name%-common-font-size-7xl)', // 72px // Line Height '--%project_name%-admin-line-height-none': 'var(--%project_name%-common-line-height-none)', '--%project_name%-admin-line-height-even': 'var(--%project_name%-common-line-height-even)', '--%project_name%-admin-line-height-6xs': 'var(--%project_name%-common-line-height-6xs)', '--%project_name%-admin-line-height-5xs': 'var(--%project_name%-common-line-height-5xs)', '--%project_name%-admin-line-height-4xs': 'var(--%project_name%-common-line-height-4xs)', '--%project_name%-admin-line-height-3xs': 'var(--%project_name%-common-line-height-3xs)', '--%project_name%-admin-line-height-2xs': 'var(--%project_name%-common-line-height-2xs)', '--%project_name%-admin-line-height-xs': 'var(--%project_name%-common-line-height-xs)', '--%project_name%-admin-line-height-sm': 'var(--%project_name%-common-line-height-sm)', '--%project_name%-admin-line-height-base': 'var(--%project_name%-common-line-height-base)', '--%project_name%-admin-line-height-md': 'var(--%project_name%-common-line-height-md)', '--%project_name%-admin-line-height-lg': 'var(--%project_name%-common-line-height-lg)', // Letter Spacing '--%project_name%-admin-letter-spacing-tight': 'var(--%project_name%-common-letter-spacing-tight)', '--%project_name%-admin-letter-spacing-normal': 'var(--%project_name%-common-letter-spacing-normal)', };