fix(css): move iso-variant-stack [hidden] override to unlayered position #20

Merged
skr merged 1 commit from fix/panel-stack-unlayered into main 2026-05-08 19:33:41 +00:00
Owner

With Cascade Layers, layered !important loses to unlayered !important regardless of specificity. Move out of @layer components.

With Cascade Layers, layered !important loses to unlayered !important regardless of specificity. Move out of @layer components.
fix(css): move iso-variant-stack [hidden] override to unlayered position
All checks were successful
Build & Deploy / check (pull_request) Successful in 31s
Build & Deploy / deploy (pull_request) Has been skipped
8c4ef3333e
KI-006/KI-011: with CSS Cascade Layers, !important on a LAYERED
rule loses to !important on an UNLAYERED rule, regardless of
specificity. The previous fix kept the override inside @layer
components, so Tailwind v4's preflight (in @layer base) defeated
it and inactive tabpanels stayed at display:none, collapsing the
hero stack on every tab-switch.

Moves the rule to the bottom of globals.css, outside any @layer
block. The `hidden` attribute on tabpanels (U-07) stays in place;
the visual+focus toggle is the layered visibility:hidden +
pointer-events:none from .iso-variant-stack > .iso-variant.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
skr merged commit a40c7c5665 into main 2026-05-08 19:33:41 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
nm/website!20
No description provided.