| 1 | export const Family = {
|
| 2 | sans: 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',
|
| 3 | serif: 'ui-serif,serif',
|
| 4 | mono: 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',
|
| 5 | }
|
| 6 |
|
| 7 | export const Weights = [
|
| 8 | '100',
|
| 9 | '200',
|
| 10 | '300',
|
| 11 | '400',
|
| 12 | '500',
|
| 13 | '600',
|
| 14 | '700',
|
| 15 | '800',
|
| 16 | '900',
|
| 17 | ]
|
| 18 |
|
| 19 | export const LineHeights = ['.95', '1.1', '1.25', '1.375', '1.5', '1.75', '2']
|
| 20 |
|
| 21 | export const RelativeLineHeights = [
|
| 22 | 'calc(1rem + .5ch)',
|
| 23 | 'calc(1rem + .75ch)',
|
| 24 | 'calc(1rem + 1ch)',
|
| 25 | 'calc(1rem + 1.25ch)',
|
| 26 | 'calc(1rem + 1.5ch)',
|
| 27 | 'calc(1rem + 2ch)',
|
| 28 | 'calc(1rem + 2.5ch)',
|
| 29 | 'calc(1rem + 3ch)',
|
| 30 | ]
|
| 31 |
|
| 32 | export const LetterSpacing = [
|
| 33 | '-.05em',
|
| 34 | '.025em',
|
| 35 | '.050em',
|
| 36 | '.075em',
|
| 37 | '.150em',
|
| 38 | '.500em',
|
| 39 | '.750em',
|
| 40 | '1em',
|
| 41 | ]
|
| 42 |
|
| 43 | export const Size = [
|
| 44 | '.5rem',
|
| 45 | '.75rem',
|
| 46 | '1rem',
|
| 47 | '1.1rem',
|
| 48 | '1.25rem',
|
| 49 | '1.5rem',
|
| 50 | '2rem',
|
| 51 | '2.5rem',
|
| 52 | '3rem',
|
| 53 | '3.5rem',
|
| 54 | ]
|
| 55 |
|
| 56 | export const SizeFluid = [
|
| 57 | 'clamp(.75rem, 2vw, 1rem)',
|
| 58 | 'clamp(1rem, 4vw, 1.5rem)',
|
| 59 | 'clamp(1.5rem, 6vw, 2.5rem)',
|
| 60 | 'clamp(2rem, 9vw, 3.5rem)',
|
| 61 | ]
|
| 62 |
|
| 63 | export default {
|
| 64 | Size,
|
| 65 | SizeFluid,
|
| 66 | LetterSpacing,
|
| 67 | LineHeights,
|
| 68 | RelativeLineHeights,
|
| 69 | Weights,
|
| 70 | Family,
|
| 71 | }
|