Width, height, max-width, and aspect-ratio utilities. Percentage-based and viewport-based.
Percentage-based sizing utilities.
<!-- 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>