Skip to content

Commit 10e10e8

Browse files
committed
[css-grid] Fix linking errors
1 parent 8f28c50 commit 10e10e8

1 file changed

Lines changed: 24 additions & 18 deletions

File tree

css-grid/Overview.bs

Lines changed: 24 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1137,7 +1137,6 @@ Repeating Rows and Columns: the ''repeat()'' notation</h4>
11371137

11381138
<pre class='prod'>
11391139
<dfn>repeat()</dfn> = repeat( <<positive-integer>>, [ <<line-names>>? <<track-size>> ]+ <<line-names>>? ) |
1140-
repeat( auto, [ <<line-names>>? [ <<length>> | <<percentage>> ] ]+ <<line-names>>? )
11411140
</pre>
11421141

11431142
The first argument specifies the number of repetitions.
@@ -1146,20 +1145,6 @@ Repeating Rows and Columns: the ''repeat()'' notation</h4>
11461145
The ''repeat()'' notation cannot be nested;
11471146
doing so makes the declaration invalid.
11481147

1149-
If the number of repetitions is <dfn value for=repeat()>auto</dfn>
1150-
and the <a>grid container</a> has a <a>definite</a> size or max size in the relevant axis,
1151-
then the number of repetitions is the largest possible integer
1152-
that does not cause the <a>grid</a> to overflow its <a>grid container</a>
1153-
(treating all tracks as their <a>max track sizing function</a> if that is <a>definite</a> or as zero otherwise).
1154-
Otherwise, the <a>track list</a> repeats only once.
1155-
A <<track-list>> with more than one ''repeat()/auto'' ''repeat()'' function is invalid.
1156-
1157-
Issue: François suggests a way to generate "just enough" repeated columns for the number of items in the grid.
1158-
<a href="https://lists.w3.org/Archives/Public/www-style/2015May/0113.html">(see discussion)</a>
1159-
One proposal is to have two keywords instead of just one ''repeat()/auto'' keyword:
1160-
<css>auto-fill</css> to fill the grid with repetitions,
1161-
and <css>auto-fit</css> to fill the grid and then drop empty repetitions.
1162-
11631148
<div class='example'>
11641149
This example shows two equivalent ways of writing the same grid definition.
11651150
Both ways produce a grid with a single row and four "main" columns, each 250px wide,
@@ -1190,8 +1175,28 @@ Repeating Rows and Columns: the ''repeat()'' notation</h4>
11901175
the name lists are merged.
11911176
For example, ''repeat(2, [a] 1fr [b])'' is equivalent to ''[a] 1fr [b a] 1fr [b]''.
11921177

1193-
Note: It is expected that a future level of this specification will define a value to be inserted between the repetitions,
1194-
similar to the argument of the <code>Array#join</code> method in JavaScript.
1178+
<h4 id="repeat-auto">
1179+
Repeat-to-fill</h4>
1180+
1181+
<pre class="prod">
1182+
<dfn><<auto-repeat>></dfn> = repeat( auto, [ <<line-names>>? [ <<length>> | <<percentage>> ] ]+ <<line-names>>? )
1183+
</pre>
1184+
1185+
If the number of repetitions is <dfn value for=repeat()>auto</dfn>
1186+
and the <a>grid container</a> has a <a>definite</a> size or max size in the relevant axis,
1187+
then the number of repetitions is the largest possible integer
1188+
that does not cause the <a>grid</a> to overflow its <a>grid container</a>
1189+
(treating all tracks as their <a>max track sizing function</a> if that is <a>definite</a> or as zero otherwise).
1190+
Otherwise, the <a>track list</a> repeats only once.
1191+
A <<track-list>> with more than one ''repeat()/auto'' ''repeat()'' function is invalid.
1192+
1193+
Issue: François suggests a way to generate "just enough" repeated columns for the number of items in the grid.
1194+
<a href="https://lists.w3.org/Archives/Public/www-style/2015May/0113.html">(see discussion)</a>
1195+
One proposal is to have two keywords instead of just one ''repeat()/auto'' keyword:
1196+
<css>auto-fill</css> to fill the grid with repetitions,
1197+
and <css>auto-fit</css> to fill the grid and then drop empty repetitions.
1198+
1199+
11951200

11961201
<!--
11971202
████████ ████████ ██ ██ ██ ██ ████ ████████
@@ -2971,7 +2976,8 @@ Aligning the Grid: the 'justify-content' and 'align-content' properties</h3>
29712976
</div>
29722977

29732978
Note that certain values of 'justify-content' and 'align-content'
2974-
can cause the tracks to be spaced aparty (''space-around'', ''space-between'', ''space-evenly'')
2979+
can cause the tracks to be spaced apart
2980+
(''justify-content/space-around'', ''justify-content/space-between'', ''justify-content/space-evenly'')
29752981
or to be resized (''stretch'').
29762982

29772983
ISSUE: The ''stretch'' value only affects ''grid-template-rows/auto''-sized tracks at the moment.

0 commit comments

Comments
 (0)