Syntax
margin
Setting the margin area on all four sides of an element.
Overview
| Class | Declarations |
|---|---|
mt:<size> | margin-top: <size>/16rem;
|
mb:<size> | margin-bottom: <size>/16rem;
|
ml:<size> | margin-left: <size>/16rem;
|
mr:<size> | margin-right: <size>/16rem;
|
m:<size> | margin: <size>/16rem;
|
mx:<size> | margin-left: <size>/16rem;
margin-right: <size>/16rem;
|
my:<size> | margin-top: <size>/16rem;
margin-bottom: <size>/16rem;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="m:10:hover m:10@sm m:10@dark m:10@print">…</div>