Re: [csswg-drafts] [css-borders-4] add "radius/corner-smoothing" option to `border-radius` for squircles/superellipse (#10653)

Somehow related:
I tried implementing this with `clip-path` or `image-mask` + container queries. Given that I can get width and height of the element using container queries (`100cqw` and `100cqh`) I could potentially compute the `path()` function using a bunch of CSS `calc()` calculations using width, height and border-radius value. However:

* `path` does not support CSS variables in its value
* `url` (for image-mask`) also does not support CSS variables in the value.

I understand that the value inside of the `url()` is not computed (for security reasons perhaps) but would it be possible to let users use CSS variables in the `path()` function? This will unlock almost any shape (dynamically computed) rather than this very specific use-case. 

-- 
GitHub Notification of comment by mohsen1
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10653#issuecomment-2302978901 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 21 August 2024 20:42:50 UTC