| 1 | export const Size = [
|
| 2 | '-.5rem',
|
| 3 | '-.25rem',
|
| 4 | '.25rem',
|
| 5 | '.5rem',
|
| 6 | '1rem',
|
| 7 | '1.25rem',
|
| 8 | '1.5rem',
|
| 9 | '1.75rem',
|
| 10 | '2rem',
|
| 11 | '3rem',
|
| 12 | '4rem',
|
| 13 | '5rem',
|
| 14 | '7.5rem',
|
| 15 | '10rem',
|
| 16 | '15rem',
|
| 17 | '20rem',
|
| 18 | '30rem',
|
| 19 | ]
|
| 20 |
|
| 21 | export const Relative = [
|
| 22 | '-.5ch',
|
| 23 | '-.25ch',
|
| 24 | '.25ch',
|
| 25 | '.5ch',
|
| 26 | '1ch',
|
| 27 | '1.25ch',
|
| 28 | '1.5ch',
|
| 29 | '1.75ch',
|
| 30 | '2ch',
|
| 31 | '3ch',
|
| 32 | '4ch',
|
| 33 | '5ch',
|
| 34 | '7.5ch',
|
| 35 | '10ch',
|
| 36 | '15ch',
|
| 37 | '20ch',
|
| 38 | '30ch',
|
| 39 | ]
|
| 40 |
|
| 41 | export const Fluid = [
|
| 42 | 'clamp(.5rem, 1vw, 1rem)',
|
| 43 | 'clamp(1rem, 2vw, 1.5rem)',
|
| 44 | 'clamp(1.5rem, 3vw, 2rem)',
|
| 45 | 'clamp(2rem, 4vw, 3rem)',
|
| 46 | 'clamp(4rem, 5vw, 5rem)',
|
| 47 | 'clamp(5rem, 7vw, 7.5rem)',
|
| 48 | 'clamp(7.5rem, 10vw, 10rem)',
|
| 49 | 'clamp(10rem, 20vw, 15rem)',
|
| 50 | 'clamp(15rem, 30vw, 20rem)',
|
| 51 | 'clamp(20rem, 40vw, 30rem)',
|
| 52 | ]
|
| 53 |
|
| 54 | export const Content = ['20ch', '45ch', '60ch']
|
| 55 |
|
| 56 | export const Header = ['20ch', '25ch', '35ch']
|
| 57 |
|
| 58 | export const Viewports = [
|
| 59 | '240px',
|
| 60 | '360px',
|
| 61 | '480px',
|
| 62 | '768px',
|
| 63 | '1024px',
|
| 64 | '1440px',
|
| 65 | '1920px',
|
| 66 | ]
|
| 67 |
|
| 68 | export default {
|
| 69 | Size,
|
| 70 | Relative,
|
| 71 | Fluid,
|
| 72 | Content,
|
| 73 | Header,
|
| 74 | Viewports,
|
| 75 | }
|