corex-design

name	corex-design
description	Load when styling with ui-accent ui-solid ui-size-lg ui-rounded-xl modifiers, editing site.css app.css @import @source "../corex", data-theme data-mode on html, typo layout on body, calling Corex MCP list_modifiers get_component_style list_themes, or when tempted to add custom BEM CSS in templates. Never invent class names.

Corex Design

Rules

No custom CSS in templates — modifiers only. .typo layout on body. Remove daisyUI.

@import "../corex/corex.css";
@source "../corex";

Responsive modifiers

<.accordion class="accordion ui-accent ui-size-sm sm:ui-size-md lg:ui-size-xl" … />
<.timer class="timer ui-accent ui-size-lg ui-rounded-xl" … />

No class on <.heroicon> inside Corex components.

Prefer MCP list_modifiers / get_component_style (corex_mcp) over inventing classes.

Full checklist: sub-rule corex:design.