[css-gaps-1] Initial editor's draft. #10393 (#11115)

* Copy spec skeleton from kbabbitt.github.io/css-gap-decorations * Update metadata * Update anchor definition for masonry containers * Major editing pass - Defer out gap decoration areas - Remove direction-relative properties - Flesh out definitions and algorithms - Add examples * Fold the 'join' behavior from outset properties into break properties Plus minor editorial changes. * Move break and outset properties closer to corresponding algorithms * Clarify and simplify repeat algorithm * Address textual suggestions * Add visuals for paint order * More visuals and formatting * Minor grammar fix * Add explanation for spanning-item test * Minor grammatical fixes * Fix bikeshed linking errors * Fix definition of crossing gap width
w3c · Dec 13, 2024 · 3974d37 · 3974d37
1 parent 5450b2c
commit 3974d37
Show file tree

Hide file tree

Showing 16 changed files with 804 additions and 0 deletions.
diff --git a/css-gaps-1/Overview.bs b/css-gaps-1/Overview.bs
diff --git a/css-gaps-1/images/example-break-intersection.png b/css-gaps-1/images/example-break-intersection.png
diff --git a/css-gaps-1/images/example-break-none.png b/css-gaps-1/images/example-break-none.png
diff --git a/css-gaps-1/images/example-break-spanning-item.png b/css-gaps-1/images/example-break-spanning-item.png
diff --git a/css-gaps-1/images/example-column-outset-0px.png b/css-gaps-1/images/example-column-outset-0px.png
diff --git a/css-gaps-1/images/example-column-outset-50percent.png b/css-gaps-1/images/example-column-outset-50percent.png
diff --git a/css-gaps-1/images/example-column-outset-5px.png b/css-gaps-1/images/example-column-outset-5px.png
diff --git a/css-gaps-1/images/example-column-outset-join.png b/css-gaps-1/images/example-column-outset-join.png
diff --git a/css-gaps-1/images/example-column-outset-minus-5px.png b/css-gaps-1/images/example-column-outset-minus-5px.png
diff --git a/css-gaps-1/images/example-column-over-row.png b/css-gaps-1/images/example-column-over-row.png
diff --git a/css-gaps-1/images/example-flex.png b/css-gaps-1/images/example-flex.png
diff --git a/css-gaps-1/images/example-gap-intersection-flex.png b/css-gaps-1/images/example-gap-intersection-flex.png
diff --git a/css-gaps-1/images/example-gap-intersection-grid.png b/css-gaps-1/images/example-gap-intersection-grid.png
diff --git a/css-gaps-1/images/example-grid-with-spans.png b/css-gaps-1/images/example-grid-with-spans.png
diff --git a/css-gaps-1/images/example-row-over-column.png b/css-gaps-1/images/example-row-over-column.png
diff --git a/css-gaps-1/images/flex-offset-gap.png b/css-gaps-1/images/flex-offset-gap.png