joe-bell / raam Goto Github PK

• Add Box
• Add Intro (OOCSS, o-layout, aknowledgements, justificiation for separate components)
• Update heading styling
• Update inline code styling
• Maybe dynamically load react previews?
• Bump to minor version and publish
• Add site footer

Use Jest to run some style assertion tests for different prop variations

Props such as order, flex-basis, flex-grow and flex-shrink should surface on the child elements, not the parent (e.g. like the existing flex prop)

Docs should also be updated to reflect this

Having used raam in a few side projects, I feel like I'm missing the markup flexibility.

I'd like to look at a cloneElement variant where styles are appended to children rather than wrapped.

• Gap should handle when flexWrap is applied responsively (ie. flexWrap={['nowrap', 'wrap']}). This would make Flex safer to use on its own rather than rely on the presets. #10
• column-gap and row-gap support?

• Avoid heavy handed any
• Type the flexgap system functions
• Refs

I'd love to get this working in a way so it's re-usable for other CSS composition methods:

• styled-components
• vanilla CSS
• etc.

Create an article component to handle vertical rhythm for typographic content

Describe the bug
Gap outputs a calc value containing undefined rather than returning nothing.

To Reproduce
Use Flex without a gap and flexWrap set to wrap - the value of the items is calc(undefined / 2)

Expected behavior

• It should not set the margin value.
• defaultScale is required

Tests should be updated to reflect this change