Spacing

Margin

Style syntax for setting the margin area on all four sides of an element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`margin-top:size` `/` `mt:size`	`margin-top: sizerem`
`margin-bottom:size` `/` `mb:size`	`margin-bottom: sizerem`
`margin-left:size` `/` `ml:size`	`margin-left: sizerem`
`margin-right:size` `/` `mr:size`	`margin-right: sizerem`
`margin:size` `/` `m:size`	`margin: sizerem`
`margin:size\|size` `/` `m:size\|size`	`margin: sizerem sizerem`
`margin:size\|size\|size` `/` `m:size\|size\|size`	`margin: sizerem sizerem sizerem`
`margin:size\|size\|size\|size` `/` `m:size\|size\|size\|size`	`margin: sizerem sizerem sizerem sizerem`
`mx:size`	`margin-left: sizerem; margin-right: sizerem`
`my:size`	`margin-top: sizerem; margin-bottom: sizerem`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="m:10:hover m:10@sm m:10@dark m:10@print">…</div>