open-props
Version:
<div align="center">
58 lines (51 loc) • 2.04 kB
JavaScript
export default {
'--font-sans': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',
'--font-serif': 'ui-serif,serif',
'--font-mono': 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',
'--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)',
}