99puxwol5: Delete legacy.css and move its last rules into the component stylesheets

This commit is contained in:
2026-10-20 09:07:23 -06:00
parent f3fd4b5f63
commit a069c2fb2f
10 changed files with 15 additions and 23 deletions
+3 -3
View File
@@ -2,8 +2,8 @@
* Button system (spec "Buttons", ADR 0001 sections 6 to 8).
* Five styles plus the glossy crimson icon button, ported from the mockup's
* recolored rules. Tokens only; white and black appear only on crimson faces.
* Every class sets margin, padding, font and color itself so the legacy
* `button` rules and any `button { color: inherit }` never leak in.
* Every class sets margin, padding, font and color itself so no global
* `button` rule, such as `button { color: inherit }`, can leak in.
*/
/* Shared base for every style. */
@@ -242,7 +242,7 @@
.btn-depth .btn-depth-icon svg { width: 20px; height: 20px; }
.btn-depth .btn-depth-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.btn-depth .btn-depth-label { font-size: 15px; font-weight: 700; color: inherit; }
.btn-depth .btn-depth-sub { font-size: 12.5px; color: var(--ink-3); transition: color .3s; }
.btn-depth .btn-depth-sub { font-size: 12.5px; font-weight: 500; color: var(--ink-3); transition: color .3s; }
.btn-depth:hover,
.btn-depth:focus-visible { color: var(--on-accent); }
.btn-depth:hover::before,