JavaScriptsrc/props.fonts.js -rw-r--r-- 3.5 KiB
1export default {
2 '--font-system-ui': 'system-ui, sans-serif',
3 '--font-transitional':
4 'Charter, Bitstream Charter, Sitka Text, Cambria, serif',
5 '--font-old-style':
6 'Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif',
7 '--font-humanist':
8 'Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif',
9 '--font-geometric-humanist':
10 'Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif',
11 '--font-classical-humanist':
12 'Optima, Candara, Noto Sans, source-sans-pro, sans-serif',
13 '--font-neo-grotesque':
14 'Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif',
15 '--font-monospace-slab-serif': 'Nimbus Mono PS, Courier New, monospace',
16 '--font-monospace-code':
17 'Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace',
18 '--font-industrial':
19 'Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif',
20 '--font-rounded-sans':
21 'ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif',
22 '--font-slab-serif':
23 'Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif',
24 '--font-antique':
25 'Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif',
26 '--font-didone':
27 'Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif',
28 '--font-handwritten':
29 'Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive',
30 '--font-sans': 'var(--font-system-ui)',
31 '--font-serif': 'ui-serif, serif',
32 '--font-mono': 'var(--font-monospace-code)',
33
34 '--font-weight-1': '100',
35 '--font-weight-2': '200',
36 '--font-weight-3': '300',
37 '--font-weight-4': '400',
38 '--font-weight-5': '500',
39 '--font-weight-6': '600',
40 '--font-weight-7': '700',
41 '--font-weight-8': '800',
42 '--font-weight-9': '900',
43
44 '--font-lineheight-00': '.95',
45 '--font-lineheight-0': '1.1',
46 '--font-lineheight-1': '1.25',
47 '--font-lineheight-2': '1.375',
48 '--font-lineheight-3': '1.5',
49 '--font-lineheight-4': '1.75',
50 '--font-lineheight-5': '2',
51
52 // '--font-relative-lineheight-00': 'calc(1rem + .5ch)',
53 // '--font-relative-lineheight-0': 'calc(1rem + .75ch)',
54 // '--font-relative-lineheight-1': 'calc(1rem + 1ch)',
55 // '--font-relative-lineheight-2': 'calc(1rem + 1.25ch)',
56 // '--font-relative-lineheight-3': 'calc(1rem + 1.5ch)',
57 // '--font-relative-lineheight-4': 'calc(1rem + 2ch)',
58 // '--font-relative-lineheight-5': 'calc(1rem + 2.5ch)',
59 // '--font-relative-lineheight-6': 'calc(1rem + 3ch)',
60
61 '--font-letterspacing-0': '-.05em',
62 '--font-letterspacing-1': '.025em',
63 '--font-letterspacing-2': '.050em',
64 '--font-letterspacing-3': '.075em',
65 '--font-letterspacing-4': '.150em',
66 '--font-letterspacing-5': '.500em',
67 '--font-letterspacing-6': '.750em',
68 '--font-letterspacing-7': '1em',
69
70 '--font-size-00': '.5rem',
71 '--font-size-0': '.75rem',
72 '--font-size-1': '1rem',
73 '--font-size-2': '1.1rem',
74 '--font-size-3': '1.25rem',
75 '--font-size-4': '1.5rem',
76 '--font-size-5': '2rem',
77 '--font-size-6': '2.5rem',
78 '--font-size-7': '3rem',
79 '--font-size-8': '3.5rem',
80
81 '--font-size-fluid-0': 'clamp(.75rem, 2vw, 1rem)',
82 '--font-size-fluid-1': 'clamp(1rem, 4vw, 1.5rem)',
83 '--font-size-fluid-2': 'clamp(1.5rem, 6vw, 2.5rem)',
84 '--font-size-fluid-3': 'clamp(2rem, 9vw, 3.5rem)',
85};