Padding

.ps-{{ token }} and .pe-{{ token }} extend tailwindcss padding utilities by adding padding to the start .ps- or end .pe- of an element based on the reading direction of the stylesheet language.

Padding End 4×

Padding Start 4×

<p class="pe-4 color-dark-background text-end">Padding End 4×</p>
<p class="ps-4 color-dark-background">Padding Start 4×</p>