fix(css): @layer base override for [hidden] + d-os 620px right column #21
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "fix/d-os-620"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
!important rules in earlier author layers beat later/unlayered (Cascade Layers � 6.4.1). Move stack override into @layer base to match Tailwind preflight layer; restore the prototype 1fr 620px Open Research column.
Two follow-ups for the panel-jump and Open Research alignment regressions that the prior fixes failed to land: 1) Panel-jump: CSS Cascade Layers § 6.4.1 reverses layer order for `!important` author rules — !important in an EARLIER layer wins over !important in any later layer AND over unlayered. Tailwind v4's preflight `[hidden]…{display:none!important}` lives in @layer base, so the previous unlayered override still lost. The override now lives inside @layer base too; within one layer the normal cascade applies and the higher-specificity selector `.iso-variant-stack > .iso-variant[hidden]` wins. 2) Open Research grid: the right column was `1fr 300px`; the prototype has `1fr 620px` (gap 64). With 300px the inner grid `calc(50% - 5px) 200px` collapsed each repo card to 145px wide and the Coming-Soon column overflowed. 620px restores the prototype's 305 + 10 + 200 layout. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>