fix(docs-infra): fix undefined CSS custom properties in shared-docs styles

Two custom properties in the shared-docs styles reference tokens that are
defined nowhere, so the declarations are invalid at computed-value time.

_kbd.scss sets the <kbd> text color with var(---tertiary-contrast); the extra
leading dash points at an undefined property with no fallback, so the color
resolves to the inherited value instead of the intended --tertiary-contrast.

_colors.scss builds --light-pink-to-light-purple-horizontal-gradient from
var(--light-purple), which is not defined anywhere (the sibling token is
--light-violet, defined in the same file), invalidating the gradient. The
gradient is not currently referenced, so this corrects a latent malformed
declaration rather than a visible bug.

Point both at the defined tokens: --tertiary-contrast and --light-violet.

(cherry picked from commit e70994bdc3)
This commit is contained in:
Kam
2026-07-26 13:03:26 +03:00
committed by Alex Rickabaugh
parent 79a37f3d0b
commit fcaf15a0a4
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -131,7 +131,7 @@ $gray-50: oklch(98.81% 0 0); // #fbfbfb
--light-pink-to-light-purple-horizontal-gradient: linear-gradient(
90deg,
var(--light-pink) 0%,
var(--light-purple) 100%
var(--light-violet) 100%
);
--light-vivid-pink-to-light-electric-violet-horizontal-gradient: linear-gradient(
+1 -1
View File
@@ -2,7 +2,7 @@
// We only target non-nested kbd elements
kbd:not(:has(kbd)) {
position: relative;
color: var(---tertiary-contrast);
color: var(--tertiary-contrast);
border: 1px solid var(--quinary-contrast);
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),