Skip to content

Check the published pages, and stop the row opacity compounding #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Varnasr merged 3 commits into from
Sep 23, 2026
Merged

Check the published pages, and stop the row opacity compounding #27

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
721b085
Check the published pages, and give the Taguette export a head
claude Sep 22, 2026
42385ff
Stop the row opacity compounding, which failed AA on 18 tags
Varnasr Sep 23, 2026
b651867
Merge the already-merged branch tip
Varnasr Sep 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 10 additions & 1 deletion assets/css/stack.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,16 @@ a { color: inherit; text-decoration: none; }
transition: background .12s, color .12s; }
.row:hover, .row:focus-visible { background: var(--ink); color: var(--bg); }
.row b { font-weight: 600; font-size: .95rem; }
.row span { font-family: var(--mono); font-size: .66rem; opacity: .7; white-space: nowrap; }
.row span { font-family: var(--mono); font-size: .66rem; white-space: nowrap; }
/* Opacity belongs on the tag, not on every span in the row. `.t` is itself a
span wrapping the title and the tag, so `.row span { opacity: .7 }` applied
twice to the tag (0.7 x 0.7 = 0.49) and once to the title. Measured on the
InsightStack landing page: the tag came out #84827f on #f6f2ea, 3.43:1 at
10.56px, failing AA on 18 elements, and every row title rendered at 70%
opacity, which is the opposite of what `.row b { font-weight: 600 }` is for.
The comment below already records the same selector doing the same thing to
white-space; that was scoped and this was not. */
.row .t > span { opacity: .7; }

/* --- calculator layout --------------------------------------------------- */
.calc { display: grid; grid-template-columns: 1.05fr .95fr; gap: 0;
Expand Down
Loading