valknar/roux
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix text-paper (and all utility colours) being overridden on <a> tags

Browse Source 
Global resets (a, button, body, img) were outside any @layer, so
they beat Tailwind's @layer utilities in the cascade. Wrapping them
in @layer base restores the expected order: base < utilities.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-05-18 19:35:03 +02:00
parent e488d45fa3
commit fd1b0f2d46
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+18 -16
View File
@@ -39,25 +39,27 @@
color-scheme: light; color-scheme: light;
} }
*, *::before, *::after { box-sizing: border-box; } @layer base {
html, body { margin: 0; padding: 0; } *, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { body {
background: var(--paper); background: var(--paper);
color: var(--ink); color: var(--ink);
font-family: var(--sans); font-family: var(--sans);
font-feature-settings: "ss01", "cv11"; font-feature-settings: "ss01", "cv11";
font-size: 15px; font-size: 15px;
line-height: 1.45; line-height: 1.45;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--ink); color: var(--paper); }
} }
img { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--ink); color: var(--paper); }
/* ── paper grain overlay ── */ /* ── paper grain overlay ── */
body::before { body::before {
content: ""; content: "";