W3C home > Mailing lists > Public > public-css-archive@w3.org > August 2021

[csswg-drafts] [css-backgrounds-4] keyword for pill shape (#6524)

From: jsnkuhn via GitHub <sysbot+gh@w3.org>
Date: Wed, 18 Aug 2021 15:08:17 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-973783890-1629299295-sysbot+gh@w3.org>
jsnkuhn has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-backgrounds-4] keyword for pill shape ==
There's a very specific pill shaped corner that can be made with border-radius that can only be done reliably with `px` in my experience.

![image](https://user-images.githubusercontent.com/1286791/129922589-9819e4a7-060d-4b72-8cb2-30f7067184e9.png)

When trying to get the same shape at different element sizes (or when you don't yet know what the size is going to be) it's common to see this hack:

> border-radius: 99999px;

I'm wondering about the possibility of a value keyword for this shape something like `border-radius: pill;`

https://drafts.csswg.org/css-backgrounds-4/#corner-sizing

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6524 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 18 August 2021 15:08:19 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:42 UTC