Base appearance color input questions
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 4.5k
- Forks
- 226
- Avg merge
- 2d 22h
- Merged PRs (30d)
- 4
Description
See the discussion at https://github.com/w3c/csswg-drafts/issues/12142, and in particular the minutes at https://github.com/w3c/csswg-drafts/issues/12142#issuecomment-4090940731. The joint task force would like OpenUI's input on the styles for the base-appearance color input.
I believe the current proposal, incorporating that discussion, is this:
input[type=color] {
padding: 0;
overflow: clip;
}
::color-swatch {
size: stretch;
border: none;
forced-color-adjust: none;
background: linear-gradient(control-value(<color>)),
linear-gradient(to bottom right, black 50%, white 50%);
}
@lukewarlow can correct me where I'm wrong in the above!
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
Start by reading the linked CSSWG discussion at w3c/csswg-drafts#12142, especially the referenced minutes, then compare the proposed CSS for input[type=color] and ::color-swatch with the OpenUI issue. Done means providing or documenting OpenUI's input on the base-appearance color input styles, with any corrections to the proposal resolved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- design, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100