Typography

Font sizes, weights, alignment, and text utilities.

Text Sizes

Responsive text sizing utilities

Extra small text (0.75rem)

Small text (0.875rem)

Base text (1rem)

Large text (1.125rem)

Extra large text (1.25rem)

2xl text (1.5rem)

3xl text (1.875rem)

4xl text (2.25rem)

<p class="antsand-text-sm">Small text</p>
<p class="antsand-text-xl">Extra large text</p>
<p class="antsand-text-3xl">3xl heading</p>

Font Weight

Control text weight

Light weight (300)

Normal weight (400)

Medium weight (500)

Semibold weight (600)

Bold weight (700)

<p class="antsand-font-bold">Bold text</p>

Text Alignment

Align text left, center, right, or justify

<p class="antsand-text-left">Left aligned</p>
<p class="antsand-text-center">Center aligned</p>
<p class="antsand-text-right">Right aligned</p>
<p class="antsand-text-justify">Justified text</p>