Utilitários
Classes CSS Utilitárias
Uma API enxuta de classes para compor rapidamente sem sair dos tokens do sistema. Pense em design constraint, não em atomic CSS
Exemplo
<!-- card alinhado, com sombra e padding -->
<div class="flex items-center gap-4 padding-md bg-light radius-lg shadow-sm">
<div class="text-lg color-primary">Título</div>
</div> Classes
- Align Items
- Align Content
- Aspect Ratio
- Backdrop-filter
- Background
- Border
- Border Radius
- Box Shadow
- Color
- Column Count
- Cursor
- Display
- Flexbox
- Float
- Font Family
- Font Size
- Font Style
- Font Weight
- Gap
- Height
- Justify Content
- Letter Spacing
- Line Clamp
- Line Height
- List Style
- Margin
- Max Height
- Max Width
- Min Height
- Min Width
- Mix-Blend-Mode
- Object Fit
- Opacity
- Order
- Overflow
- Padding
- Perspective
- Pointer Events
- Position
- Scroll Behavior
- SVG
- Text Align
- Text Decoration
- Text Indent
- Text Shadow
- Text Transform
- Timing Functions
- Transform
- Typography (Misc)
- User Select
- Vertical Align
- Visibility
- White Space
- Width
- Z-Index