<line-width> values for gap, column-gap, and row-gap
Open
Beginner friendly
Nobody has claimed this yet.
data:css
needs collector test
p3
- Dominant language
- JSON
- Stars
- 5.8k
- Forks
- 2.6k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 186
Description
Proposal
Browsers now support <line-width> values for gaps.
The following files need to be updated with support for this data type:
- https://github.com/mdn/browser-compat-data/blob/main/css/properties/gap.json
- https://github.com/mdn/browser-compat-data/blob/main/css/properties/column-gap.json
- https://github.com/mdn/browser-compat-data/blob/main/css/properties/row-gap.json
Browser support
Supported in chrome / edge
Tasks
- https://github.com/mdn/browser-compat-data/blob/main/css/properties/gap.json
- https://github.com/mdn/browser-compat-data/blob/main/css/properties/column-gap.json
- https://github.com/mdn/browser-compat-data/blob/main/css/properties/row-gap.json
Dependencies
Additional information
spec: https://drafts.csswg.org/css-gaps-1/#column-row-gap
Are you willing to support this work?
No response
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 reviewing the existing entries in css/properties/gap.json, css/properties/column-gap.json, and css/properties/row-gap.json, then check the CSS Gaps specification section linked in the issue. Update all three files to represent support in Chrome and Edge; the task is done when each checklist item is covered consistently.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- web-dev
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 78/100