[css-images-4][css-shapes-1] Allow mixing `<radial-extent>` and `<length-percentage>` in `<radial-size>`
Nobody has claimed this yet.
- Dominant language
- Bikeshed
- Stars
- 4.9k
- Forks
- 816
- PR merge metrics
- PR metrics pending
Description
Two <radial-extent> keywords can now be specified for ellipse() or an elliptical radial-gradient(), thanks to https://github.com/w3c/csswg-drafts/commit/351600a57424296b9616cb701dd95d4533e4b638.
For example, radial-gradient(farthest-corner closest-side, yellow, magenta) is now valid.
This was proposed in #824 but @astearns also suggested a syntax that allows mixing <radial-extent> and <length-percentage>.
For example, radial-gradient(farthest-corner 100%, yellow, magenta) would be valid.
But the current syntax does not allow it:
<radial-size> = <radial-extent>{1,2} | <length-percentage [0,∞]>{1,2}
Is this an oversight or is there a reason to not use [ <radial-extent> | <length-percentage [0,∞]> ]{1,2}?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Read the CSS Shapes 1 and CSS Images 4 sections linked in the issue, then compare the current grammar with the proposed mixed syntax and the discussion in issue #824. Done means the Working Group has resolved whether mixing is allowed and the relevant specification grammar reflects that decision.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- documentation
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100