[LAYOUT]Flex

[krvikash35]

• spacing prop should only accept multiplier not random. space={1} instead of space="1rem"
• prop should accept reponsive value? space={[1, 2]} i.e 1x on mobile and 2x on desktop
• prop value internally should be responisve instead of exposing responsive prop? but we are hinding it from component consumer for assumption i.e

  @media and (display: mobile){
  1x: calc(var(--base) / 2)
  }

• use responsive unit like vh, vw making media query redundant? i.e <Flex space="2vh"/>

[krvikash35]

Usefull Links

• every-layout stack
• modular scale