Coggle requires JavaScript to display documents.
<h1 class="p-2 bg-info">Padding of 2 units</h1>
p-2
$spacer * .5
<h1 class="p-1 p-md-3 p-lg-4 p-xl-5 bg-info">Responsive padding</h1>
{property}{sides}-{size}
{property}{sides}-{breakpoint}-{size}
property
m
p
sides
t
b
l
r
x
y
size
0
1
$spacer * .25
2
3
$spacer
4
$spacer * 1.5
5
$spacer * 3
auto
rem