Hyvä Theme CSS Directory Structure

Hyvä themes organize source CSS files within the web/tailwind directory.

./web/tailwind
├── base
├── components
├── generated
├── utilities
└── theme

• The base/ directory contains Hyvä's preflight CSS, offering improved defaults over Tailwind's default preflight. It also demonstrates classless styling.
• The components/ directory stores styles for common components like toolbars, buttons, forms, and messages.
• The generated/ directory holds hyva-source.css and hyva-tokens.css, generated by the npx hyva-sources and npx hyva-tokens commands from hyva-modules.
• The utilities/ directory houses custom utility styles.
• The theme/ directory is for page-specific or custom styles.