- From: DarkWiiPlayer via GitHub <sysbot+gh@w3.org>
- Date: Mon, 12 Sep 2022 12:34:20 +0000
- To: public-css-archive@w3.org
I would suggest `concentric` as a name, as that seems to be the intended effect here.
-----
Ans since I'm already leaving a comment, I might as well go crazy and suggest some feature-creep:
```css
.outer {
border-radius: 1em;
padding: 10px;
}
.between {
padding: 10px;
}
.inner {
border-radius: concentric(.outer); /* Similar to JS "nearest" function */
}
```
With the HTML nested like this `.outer > .between > .inner`
-----
And also, this assumes that the corners of the outer and inner radius are on a 45 degree line, which might not be the case when vertical and horizontal padding.
-----
And last but not least, instead of handling this as a combination of paddings and margins, which fails to consider many other attributes that can shift the position of an object, wouldn't it make more sense to simply look at the X and Y positions of both corners and calculate the absolute distance like that?
--
GitHub Notification of comment by DarkWiiPlayer
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7707#issuecomment-1243675725 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 12 September 2022 12:34:26 UTC