99puxwol5: Delete legacy.css and move its last rules into the component stylesheets
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user