- button.templ: Button(ButtonProps) renders <button type=...> with class from ui.ButtonClass(); Attrs spread for hx-* pass-through - button.css: .ui-button base + .ui-button-solid-default-md variant with non-nested :hover and :focus-visible (Codex concern #7) - card.templ: Card(attrs) accepts children via templ child syntax - card.css: slate-50 panel, slate-200 border - badge.templ: Badge(BadgeProps) renders <span class=...> - badge.css: info / success / danger variants (warning deferred)
8 lines
173 B
CSS
8 lines
173 B
CSS
/* card.css — slate-50 panel with slate-200 border. */
|
|
|
|
.ui-card {
|
|
border-radius: 0.5rem;
|
|
border: 1px solid #e2e8f0;
|
|
background-color: #f8fafc;
|
|
padding: 1.5rem;
|
|
}
|