gutter
Add space between child elements.
function gutter(options: { direction: AxisDirection; space?: number; selector?: string }): SerializedStyles;
function gutter(direction: AxisDirection, space?: number, selector?: string): SerializedStyles;
Examples
const ButtonContainer = styled.div`
padding: 16px 24px;
${gutter('horizontal', 8)}
`;
<Flex.Center
css={css`
padding: 0px 20px;
${gutter({
direction: 'horizontal',
space: 20,
})}
`}
>
<Foo />
</Flex.Center>;