Sizing

Width, height, max-width, and aspect-ratio utilities. Percentage-based and viewport-based.

Utility

Width and height

Percentage-based sizing utilities.

.antsand-w-25 (25%)
.antsand-w-50 (50%)
.antsand-w-75 (75%)
.antsand-w-100 (100%)
Utility
Width and height html
<!-- Width -->
<div class="antsand-w-25">25%</div>
<div class="antsand-w-50">50%</div>
<div class="antsand-w-75">75%</div>
<div class="antsand-w-100">100%</div>
<div class="antsand-w-auto">Auto</div>

<!-- Height -->
<div class="antsand-h-25">25%</div>
<div class="antsand-h-100">100%</div>
<div class="antsand-h-auto">Auto</div>

<!-- Max-width -->
<div class="antsand-max-w-sm">Max 640px</div>
<div class="antsand-max-w-md">Max 768px</div>
<div class="antsand-max-w-lg">Max 1024px</div>
<div class="antsand-max-w-prose">Max 65ch</div>

<!-- Aspect ratio -->
<div class="aspect-video">16:9</div>
<div class="aspect-square">1:1</div>