Consistently use border+margin in all states

w3c / tr-design

CSS used by W3C specs (this repo is not about the w3.org/TR index page)

https://w3c.github.io/tr-design/src/README

Other

64 stars 29 forks source link

Consistently use border+margin in all states #329

Closed tabatkins closed 1 year ago

tabatkins commented 1 year ago

Due to the special border-rounding rules, a "border-width:1px" does not necessarily have the same layout effects as "border-width:3px; margin:-2px;". (On my screen, the latter was 1 device pixel smaller, causing jiggle as I hovered.) Instead, just use a consistent border+margin all the time.

Also:

removed the text-decoration properties (text-decoration was explicitly turned off so these did nothing)
reorganized how colors were set slightly

fantasai commented 1 year ago

@deniak This should probably be deployed to the 2016 stylesheets as well.

deniak commented 1 year ago

@deniak This should probably be deployed to the 2016 stylesheets as well.

Done! Thank you both!