Skip to content

Commit 3735262

Browse files
committed
[css-gaps-1][editorial] Minor markup and bikeshed fixes
1 parent 302490c commit 3735262

File tree

1 file changed

+18
-16
lines changed

1 file changed

+18
-16
lines changed

css-gaps-1/Overview.bs

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -979,8 +979,8 @@ Lists of values and the ''repeat-line-color/repeat()'' notation</h3>
979979
When interpolating ''repeat()'' values, or lists of values for 'rule-color' or 'rule-width', the interpolation proceeds in two steps:
980980

981981
<ol>
982-
<li> <dfn>Expansion</dfn>: Expand any [=integer repeater=] into its equivalent list of values. </li>
983-
<li> <dfn>List Interpolation</dfn>: Apply the [=repeatable list=] interpolation algorithm to the expanded lists, interpolating each item against its counterpart.</li>
982+
<li><em>Expansion:</em> Expand any [=integer repeater=] into its equivalent list of values. </li>
983+
<li><em>List Interpolation:</em> Apply the [=repeatable list=] interpolation algorithm to the expanded lists, interpolating each item against its counterpart.</li>
984984
</ol>
985985
<div class="example">
986986
<pre class="lang-css">
@@ -1046,25 +1046,28 @@ When interpolating ''repeat()'' values, or lists of values for 'rule-color' or '
10461046

10471047

10481048
<h5 id="auto-repeaters">Lists with Auto Repeaters</h5>
1049-
<div algorithm>
1049+
<div algorithm="interpolate with auto repeaters">
10501050

1051-
To <dfn>interpolate with auto repeaters</dfn>, when either of the lists we are interpolating between (|from| and |to|) include an <a>auto repeater</a>:
1051+
When either of the lists we are interpolating between (|from| and |to|) include an <a>auto repeater</a>:
10521052

10531053
<ol>
10541054
<li>
1055-
Split each of |from| and |to| into segments, similar to how we [=assign gap decoration values=]:
1056-
Let |leading values| be the values before the <a>auto repeater</a>.
1057-
Let |trailing values| be the values after the <a>auto repeater</a>.
1058-
Let |auto values| be the values inside the <a>auto repeater</a>.
1055+
Split each of |from| and |to| into segments, similar to how we [=assign gap decoration values=]:
1056+
<ol>
1057+
<li>Let |leading values| be the values before the <a>auto repeater</a>.</li>
1058+
<li>Let |trailing values| be the values after the <a>auto repeater</a>.</li>
1059+
<li>Let |auto values| be the values inside the <a>auto repeater</a>.</li>
1060+
</ol>
10591061
</li>
10601062
<li>If only one of |from| or |to| contains an auto-repeater, we fall back to [=discrete=] interpolation.</li>
10611063
<li>Expand any integer repeaters on each segment.</li>
10621064
<li>
1063-
If the length of |leading values| in |from| and |leading values| in |to| don't match, we fall back to [=discrete=] interpolation.
1064-
If the length of |trailing values| in |from| and |trailing values| in |to| don't match, we fall back to [=discrete=] interpolation.
1065+
If the length of |leading values| in |from| and |leading values| in |to| don't match, we fall back to [=discrete=] interpolation.
1066+
If the length of |trailing values| in |from| and |trailing values| in |to| don't match, we fall back to [=discrete=] interpolation.
10651067
</li>
1066-
<li>When both |from| and |to| contain auto-repeaters, and the length of their segments match as described above, we apply <a>list interpolation</a> to each segment.
1067-
Applying <a>list interpolation</a> to the |auto values| means applying it to the list of values inside the repeater.
1068+
<li>
1069+
When both |from| and |to| contain auto-repeaters, and the length of their segments match as described above,
1070+
apply [=repeatable list=] interpolation to the lists of values in each |auto values|.
10681071
</li>
10691072
</ol>
10701073

@@ -1090,8 +1093,7 @@ When interpolating ''repeat()'' values, or lists of values for 'rule-color' or '
10901093
to { column-rule-width: 20px 30px repeat(auto, 40px 50px) 40px }
10911094
}
10921095
</pre>
1093-
Length of the |leading values| and |trailing values| across |from| and |to| match, so we can apply the [=repeatable list=] algorithm to each segment,
1094-
applying <a>list interpolation</a> to list of values in the |auto repeat| segment.
1096+
Length of the |leading values| and |trailing values| across |from| and |to| match, so we can apply the [=repeatable list=] algorithm to each segment.
10951097
<pre>
10961098
From: 10px 20px repeat(auto, 20px 20px) 30px
10971099
At 50%: 15px 25px repeat(auto, 30px 35px) 35px
@@ -1215,8 +1217,8 @@ Changes since the <a href="https://www.w3.org/TR/2025/WD-css-gaps-1-20250417/">1
12151217
(<a href="https://github.com/w3c/csswg-drafts/issues/11814">Issue 11814</a>)
12161218
<li>Added links to WPT suite.
12171219
<li>Updated 'rule-paint-order' to 'rule-overlap'. (<a href="https://github.com/w3c/csswg-drafts/issues/12540">Issue 12540</a>)
1218-
<li>Updated the definition for intersections to use 'gutter'. (<a href="https://github.com/w3c/csswg-drafts/issues/12084">Issue 12084</a>)
1220+
<li>Updated the definition for intersections to use [=gutter=]. (<a href="https://github.com/w3c/csswg-drafts/issues/12084">Issue 12084</a>)
12191221
<li>Updated trailing gap decoration assignment to use values in forward order. (<a href="https://github.com/w3c/csswg-drafts/issues/12527">Issue 12527</a>)
1220-
<li>Specified the interpolation behavior for values which may contain repeaters.
1222+
<li>Specified the interpolation behavior for values which may contain repeaters.
12211223
(<a href="https://github.com/w3c/csswg-drafts/issues/12431">Issue 12431</a>)
12221224
</ul>

0 commit comments

Comments
 (0)