Syntax
padding
Setting the padding area on all four sides of an element.
Overview
| Class | Declarations |
|---|---|
pt:size | padding-top: size/16rem;
|
pb:size | padding-bottom: size/16rem;
|
pl:size | padding-left: size/16rem;
|
pr:size | padding-right: size/16rem;
|
p:size | padding: size/16rem;
|
px:size | padding-left: size/16rem;
padding-right: size/16rem;
|
py:size | padding-top: size/16rem;
padding-bottom: size/16rem;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="p:10:hover p:10@sm p:10@dark p:10@print">…</div>