Styling Guidelines Minimize Wrapper Elements
Avoid creating unnecessary wrapper divs. If classes can be applied directly to an existing semantic element with the same outcome, prefer that approach.
Good (Direct Application)
Avoid (Unnecessary Wrapper)
{@render children()}
This principle applies to all elements where the styling doesn't conflict with the element's semantic purpose or create layout issues.
Tailwind Best Practices Use the cn() utility from $lib/utils for combining classes conditionally Prefer utility classes over custom CSS Use tailwind-variants for component variant systems Follow the background/foreground convention for colors Leverage CSS variables for theme consistency