joyent-portal/packages/ui-toolkit/src/grids/Baseline.md

### Baseline & Spacing

Most of the horizontal spacing between different elements and components is derived from 6 px. For example, the most common horizontal distance between elements of a component or components is 18 px. Another, less frequent, measurement is 12 px. The choice between 6, 12 or 18 px is based on visual and functional proximity of objects.

```jsx noeditor
const baseline = require('./baseline.svg');

<img style={{
    maxWidth: '100%',
    marginTop: 22,
    marginBottom: 40
}} src={baseline} />
```
docs(ui-toolkit): add parallax fixes #1225 2018-04-05 16:29:22 +03:00			`### Baseline & Spacing`
feat(ui-toolkit): add new components references #1238 this includes: - add footer and frids - update colors - add tags - add empty table - add superscript - add toasts 2018-03-01 15:40:36 +02:00
			`Most of the horizontal spacing between different elements and components is derived from 6 px. For example, the most common horizontal distance between elements of a component or components is 18 px. Another, less frequent, measurement is 12 px. The choice between 6, 12 or 18 px is based on visual and functional proximity of objects.`

			```jsx noeditor
			`const baseline = require('./baseline.svg');`

			`<img style={{`
			`maxWidth: '100%',`
			`marginTop: 22,`
			`marginBottom: 40`
			`}} src={baseline} />`
			```