Scott Kellum
Scott Kellum
In normalizing form inputs I’ve set line height, font size, and font family to inherit because they don’t by default. But I guess forms are a whole different can of...
The beveled borders look not so great and dated. Adding a line like this might be nice? ```css border: .5px solid; ```
@hacknug .5px renders as 1px. It’s worth cross browser testing. I guess `border-width: 1px 0 0; border-style: solid;` would also work fine but it’s more verbose.
I like it! I’d maybe amend it to be like this ```css th, td { border: 1px solid; padding: 0.5rem; } ``` `currentColor` is the default for border so there...
It might be worth adding `font-variant-numeric: tabular-nums;` to the `table` CSS to ensure the numbers line up.
Note the issue is with every outline overlap. This includes overlapping shapes within characters as well as characters themselves overlapping. This issue is particularly visible in variable fonts where overlaps...
Thanks @fantasai that’s some really helpful/interesting context. > The requirement to do it right is only a SHOULD rather than a MUST I can understand this. Is there any way...
As defined here this might be helpful for design system helpers like [the 8pt grid](The Comprehensive 8pt Grid Guide. Start your UI project right with this… | by Vitsky |...
Adding a note from @jonathantneal [via Twitter](https://twitter.com/jon_neal/status/1542209464744509441?s=20&t=VZfEV2NTfUiUWAFH9UGFWQ) where he talks about adding some of the above functionality. I think it’s needed as it greatly expands the utility of custom units....
Thanks @tabatkins this makes sense! When I think of modular scales I think of them like exponential rulers that map to my mental model of units but I can see...