open-props
Version:
<div align="center">
86 lines (79 loc) • 3.56 kB
JavaScript
export default {
'--font-system-ui': 'system-ui, sans-serif',
'--font-transitional':
'Charter, Bitstream Charter, Sitka Text, Cambria, serif',
'--font-old-style':
'Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif',
'--font-humanist':
'Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif',
'--font-geometric-humanist':
'Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif',
'--font-classical-humanist':
'Optima, Candara, Noto Sans, source-sans-pro, sans-serif',
'--font-neo-grotesque':
'Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif',
'--font-monospace-slab-serif': 'Nimbus Mono PS, Courier New, monospace',
'--font-monospace-code':
'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',
'--font-industrial':
'Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif',
'--font-rounded-sans':
'ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif',
'--font-slab-serif':
'Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif',
'--font-antique':
'Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif',
'--font-didone':
'Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif',
'--font-handwritten':
'Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive',
'--font-sans': 'var(--font-system-ui)',
'--font-serif': 'ui-serif, serif',
'--font-mono': 'var(--font-monospace-code)',
'--font-weight-1': '100',
'--font-weight-2': '200',
'--font-weight-3': '300',
'--font-weight-4': '400',
'--font-weight-5': '500',
'--font-weight-6': '600',
'--font-weight-7': '700',
'--font-weight-8': '800',
'--font-weight-9': '900',
'--font-lineheight-00': '.95',
'--font-lineheight-0': '1.1',
'--font-lineheight-1': '1.25',
'--font-lineheight-2': '1.375',
'--font-lineheight-3': '1.5',
'--font-lineheight-4': '1.75',
'--font-lineheight-5': '2',
// '--font-relative-lineheight-00': 'calc(1rem + .5ch)',
// '--font-relative-lineheight-0': 'calc(1rem + .75ch)',
// '--font-relative-lineheight-1': 'calc(1rem + 1ch)',
// '--font-relative-lineheight-2': 'calc(1rem + 1.25ch)',
// '--font-relative-lineheight-3': 'calc(1rem + 1.5ch)',
// '--font-relative-lineheight-4': 'calc(1rem + 2ch)',
// '--font-relative-lineheight-5': 'calc(1rem + 2.5ch)',
// '--font-relative-lineheight-6': 'calc(1rem + 3ch)',
'--font-letterspacing-0': '-.05em',
'--font-letterspacing-1': '.025em',
'--font-letterspacing-2': '.050em',
'--font-letterspacing-3': '.075em',
'--font-letterspacing-4': '.150em',
'--font-letterspacing-5': '.500em',
'--font-letterspacing-6': '.750em',
'--font-letterspacing-7': '1em',
'--font-size-00': '.5rem',
'--font-size-0': '.75rem',
'--font-size-1': '1rem',
'--font-size-2': '1.1rem',
'--font-size-3': '1.25rem',
'--font-size-4': '1.5rem',
'--font-size-5': '2rem',
'--font-size-6': '2.5rem',
'--font-size-7': '3rem',
'--font-size-8': '3.5rem',
'--font-size-fluid-0': 'clamp(.75rem, 2vw, 1rem)',
'--font-size-fluid-1': 'clamp(1rem, 4vw, 1.5rem)',
'--font-size-fluid-2': 'clamp(1.5rem, 6vw, 2.5rem)',
'--font-size-fluid-3': 'clamp(2rem, 9vw, 3.5rem)',
};