Space Between

Atomic props for controlling the space between child elements.

Atomic PropsCSS Properties
spaceX-{value}>*:not(:last-child) { margin-right: {value}}
spaceY-{value}>*:not(:last-child) { margin-bottom: {value}}

Add horizontal space between children#

Control the horizontal space between elements using the spaceX-{value} props.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Add vertical space between children#

Control the vertical space between elements using the spaceY-{value} props.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO