## Box: Margins

Controlled with the `spacing` property.

You can control all margins at once:

```js
<Box spacing="m4" />
```

Or you can control just one side:

```js
<Box spacing="ml4" />
```

Or you can control several sides independently:

```js
<Box spacing={['ml4', 'mr2']} />
```

`m0` sets margins to `none`; specific values for `m1` to `m7` are governed by the active patchwork theme.

[Read more about how Patchwork handles spacing.](https://github.com/wealthsimple/patchwork/blob/master/src/mixins/spacing/SPACING.mkd).
