Skip to content

[css-backgrounds-4] keyword for pill shape #6524

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
jsnkuhn opened this issue Aug 18, 2021 · 1 comment
Closed

[css-backgrounds-4] keyword for pill shape #6524

jsnkuhn opened this issue Aug 18, 2021 · 1 comment

Comments

@jsnkuhn
Copy link

jsnkuhn commented Aug 18, 2021

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

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

@Loirooriol
Copy link
Contributor

Duplicate of #6467

@Loirooriol Loirooriol marked this as a duplicate of #6467 Aug 27, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants