search

Paratii-Video / paratii-portal

Component-based web-interface for uploading, browsing and organising content of Paratii's P2P network.
GNU General Public License v3.0
12 stars 5 forks source link

Base Typography - Create size property(?) #776

Closed jrgarou closed 6 years ago

jrgarou commented 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'
   }
  }
}