Skip to content

Commit f8b28b2

Browse files
committed
[css-gaps-1] Clarify gap intersection point dfn to be consistent with examples.
1 parent 7efac5a commit f8b28b2

File tree

1 file changed

+17
-8
lines changed

1 file changed

+17
-8
lines changed

css-gaps-1/Overview.bs

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -99,10 +99,17 @@ Layout and painting {#layout-painting}
9999
the decorations need to scroll along with items in the container.
100100

101101
A <dfn>gap intersection point</dfn> is defined to exist in each of the following locations:
102-
<ul>
103-
<li>The center of an intersection between a gap and the content edge of the container.</li>
104-
<li>The center of an intersection between gaps in different directions.</li>
105-
</ul>
102+
<ol>
103+
<li>The center of an intersection between a gap and the content edge of the container,
104+
unless that intersection is crossed by a spanning item.</li>
105+
<li>The center of an intersection between gaps in different directions, excluding:
106+
<ol>
107+
<li>Intersections where both sides of the same gap are crossed by
108+
spanning items adjacent to the intersection.</li>
109+
<li>Intersections completely covered by a spanning item.</li>
110+
</ol>
111+
</li>
112+
</ol>
106113

107114
The following examples illustrate the locations of <a>gap intersection points</a>,
108115
marked with a magenta <span style="color:#f0f">+</span> in each case.
@@ -123,8 +130,9 @@ Layout and painting {#layout-painting}
123130
<figcaption>
124131
Locations of <a>gap intersection points</a> in a grid with spanning items.
125132
Note the presence of <a>gap intersection points</a> at edges of the container,
126-
and the absence of <a>gap intersection points</a> where adjacent grid items
127-
span both sides of what would otherwise be an intersection (#2 and #6, or #4 and #7).
133+
except where a spanning item crosses the intersection, such as the top center of #1.
134+
Note also the absence of <a>gap intersection points</a> where adjacent grid items
135+
span both sides of an intersection, such as between #2 and #6, or #4 and #7.
128136
</figcaption>
129137
</div>
130138

@@ -182,8 +190,9 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
182190
</dd>
183191
<dt><dfn>none</dfn>
184192
<dd>
185-
Gap decorations start and end at <a>gap intersection points</a>
186-
which are at an edge of the container only.
193+
Gap decorations start and end at all intersections between gaps and
194+
edges of the container. Spanning items and <a>gap intersection points</a>
195+
do not factor into the placement of gap decorations in this mode.
187196
</dd>
188197
</dl>
189198

0 commit comments

Comments
 (0)