Spacing
Margin and padding utilities for consistent spacing.
Control padding, margins, and spacing with comprehensive utilities.
Padding Classes
Add internal spacing to elements.
.p-xs
0.25rem (4px)
View Example
html
<div class="p-xs">Extra small padding</div>.p-sm
0.5rem (8px)
View Example
html
<div class="p-sm">Small padding</div>.p-md
1rem (16px)
View Example
html
<div class="p-md">Medium padding</div>.p-lg
1.5rem (24px)
View Example
html
<div class="p-lg">Large padding</div>Margin Classes
Add external spacing around elements.
.m-xs
0.25rem (4px)
View Example
html
<div class="m-xs">Extra small margin</div>.m-sm
0.5rem (8px)
View Example
html
<div class="m-sm">Small margin</div>.m-md
1rem (16px)
View Example
html
<div class="m-md">Medium margin</div>