Remove border-radius: 8px !important at source instead of overriding it #66

Open
opened 2026-07-31 16:04:34 +00:00 by archvillainette · 0 comments
Owner

Found while resolving wayfinder prototype ticket #54 (the ornament and frame component set). Filed separately because it is a cleanup the map does not own.

Problem

The theme ships border-radius: 8px !important. #54 settles the shell as square everywhere — no rounded, cut or notched corners, with the status dot the only exception. Getting there in the prototype needed selector chains like html body [class] [class] purely to out-specify that one declaration.

That is fine for a throwaway. It is not fine in real code: every later rule that touches a corner has to keep winning the same fight, and the specificity floor only ever ratchets up.

What to do

Remove the radius at source rather than overriding it — drop the declaration and its !important, and let the round exceptions (status dot, and anything else genuinely round) be plain low-specificity rules.

Depends on

Do it as part of whatever pass implements #54's square rule. Doing it earlier leaves the theme square before anything else is ready for it.

Found while resolving wayfinder prototype ticket #54 (the ornament and frame component set). Filed separately because it is a cleanup the map does not own. ## Problem The theme ships `border-radius: 8px !important`. #54 settles the shell as **square everywhere** — no rounded, cut or notched corners, with the status dot the only exception. Getting there in the prototype needed selector chains like `html body [class] [class]` purely to out-specify that one declaration. That is fine for a throwaway. It is not fine in real code: every later rule that touches a corner has to keep winning the same fight, and the specificity floor only ever ratchets up. ## What to do Remove the radius at source rather than overriding it — drop the declaration and its `!important`, and let the round exceptions (status dot, and anything else genuinely round) be plain low-specificity rules. ## Depends on Do it as part of whatever pass implements #54's square rule. Doing it earlier leaves the theme square before anything else is ready for it.
Sign in to join this conversation.