- From: Jonathan Neal via GitHub <sysbot+gh@w3.org>
- Date: Wed, 21 Jul 2021 12:16:49 +0000
- To: public-css-archive@w3.org
jonathantneal has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-backgrounds] border-radius with a circular edge ==
Is there, or could there be a more semantic way to describe a border radius as being round rather than some current conventions?
From [TailwindCSS](https://github.com/tailwindlabs/tailwindcss/blob/v2.2.4/stubs/defaultConfig.stub.js#L150):
```css
.rounded-full {
border-radius: 9999px;
}
```
From an [accepted StackOverflow answer](https://github.com/tailwindlabs/tailwindcss/blob/v2.2.4/stubs/defaultConfig.stub.js#L150):
```css
#rect {
border-radius: 100000000000000px;
}
```
Other examples include `9999em` or `100vmax`.
Perhaps we could introduce a keyword, like `round`?
```css
.rounded-full {
border-radius: round;
}
```
```css
#rect {
border-radius: round;
}
```
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6467 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 21 July 2021 12:16:50 UTC