Border radius at table - Githubissues

argyleink / open-props

CSS custom properties to help accelerate adaptive and consistent design.

https://open-props.style

MIT License

4.7k stars 191 forks source link

Border radius at table #440

Closed Tihomir971 closed 10 months ago

Tihomir971 commented 10 months ago

:where(table thead th:first-child) { border-top-left-radius: var(--nice-inner-radius); } Last child also

It should be set only on first row in header (someone can have more then one row)

argyleink commented 10 months ago

i'm interested in this! but can you provide a demo example showing the issue and the resolution? i'm pretty sure i know what youre saying but i'd appreciate seeing it 🙂

Tihomir971 commented 10 months ago

@argyleink Here is example: https://codepen.io/Tihomir971/pen/gOqjoqw

argyleink commented 10 months ago

updates cover the use cases you show while also maintaining previous radius rules. thanks for this!

i also fixed the properties to all be logical, not sure how I ended up deploying a mix of physical and logical sides 😅

argyleink commented 10 months ago

fixed in v1.6.14