Padding

Use class .p{side}-{value}.
Where {side} is t, r, b, l, x, y for top, right, bottom, left, left-right, and top-bottom.

Padding Size Class
.pl-0
.pl-1
.pl-2
.pl-3
.pl-4
.pl-5
.pl-6
.pl-7
.pl-8
.pl-10
.pl-l1
.pl-l2
.pl-l3
.pl-l4
.pl-l5
.pl-l6
.pl-l7
.pl-l8
.pl-l9
.pl-l10
.pl-1px
.p-4
<div class="bg-green-lighter p-4">
    <div class="bg-white">...</div>
</div>
...
.pt-4
<div class="bg-green-lighter pt-4">
    <div class="bg-white">...</div>
</div>
...
.pr-4
<div class="bg-green-lighter pr-4">
    <div class="bg-white">...</div>
</div>
...
.pb-4
<div class="bg-green-lighter pb-4">
    <div class="bg-white">...</div>
</div>
...
.pl-4
<div class="bg-green-lighter pl-4">
    <div class="bg-white">...</div>
</div>
...
.px-4
<div class="bg-green-lighter px-4">
    <div class="bg-white">...</div>
</div>
...
.py-4
<div class="bg-green-lighter py-4">
    <div class="bg-white">...</div>
</div>
...