Closed jrgarou closed 6 years ago
Separate elements' typography into another props.
const Typography = { family: 'Roboto', base: '16px', lineHeight: '24px', weight: { light: 300, regular: 400, bold: 700 }, anchor: '0.75rem', element: { big: '1.1rem', main: '1rem', small: '0.9rem', tiny: '0.7rem', bigLineHeight: '1.5', mainLineHeight: '1.75', smallLineHeight: '1.88', tinyLineHeight: '1.7' } }
we could do something like this:
const Typography = { family: 'Roboto', base: '16px', lineHeight: '24px', weight: { light: 300, regular: 400, bold: 700 }, anchor: '0.75rem', size: { element: { big: '1.1rem', main: '1rem', small: '0.9rem', tiny: '0.7rem', bigLineHeight: '1.5', mainLineHeight: '1.75', smallLineHeight: '1.88', tinyLineHeight: '1.7' } } }
Separate elements' typography into another props.
we could do something like this: