- From: Grant Forrest via GitHub <sysbot+gh@w3.org>
- Date: Wed, 07 Sep 2022 18:09:34 +0000
- To: public-css-archive@w3.org
Love this idea! May I suggest one more use case to consider - rounded content aligned by position within a larger bordered parent, like inline buttons inside text fields or buttons aligned to corners of much larger areas:
In this case you'd want all corners to match the radius of the nearest aligned corner. I think this behavior would probably be too magic to do in one keyword. Instead it might be nice to have the option to target a specific parent corner for each corner individually. As a sketch...
```css
.code-example > button {
border-top-left-radius: align ancestor-top-right;
border-top-right-radius: align ancestor-top-right;
border-bottom-left-radius: align ancestor-top-right;
border-bottom-right-radius: align ancestor-top-right;
}
```
The use case may be too particular to support directly like this, just wanted to surface it.
--
GitHub Notification of comment by a-type
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7707#issuecomment-1239716693 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 7 September 2022 18:09:36 UTC