@@ -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