Skip to content

Commit 6a0f336

Browse files
authored
Update grid.css
1 parent ddd97a7 commit 6a0f336

1 file changed

Lines changed: 104 additions & 0 deletions

File tree

grid.css

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,19 @@ html { box-sizing: border-box; }
143143
[data-layout~=grid-cols-11-sm] { grid-template-columns: repeat(11, 1fr); }
144144
[data-layout~=grid-cols-12-sm] { grid-template-columns: repeat(12, 1fr); }
145145

146+
[data-layout~=grid-rows-1-sm] { grid-template-rows: repeat(1, 1fr); }
147+
[data-layout~=grid-rows-2-sm] { grid-template-rows: repeat(2, 1fr); }
148+
[data-layout~=grid-rows-3-sm] { grid-template-rows: repeat(3, 1fr); }
149+
[data-layout~=grid-rows-4-sm] { grid-template-rows: repeat(4, 1fr); }
150+
[data-layout~=grid-rows-5-sm] { grid-template-rows: repeat(5, 1fr); }
151+
[data-layout~=grid-rows-6-sm] { grid-template-rows: repeat(6, 1fr); }
152+
[data-layout~=grid-rows-7-sm] { grid-template-rows: repeat(7, 1fr); }
153+
[data-layout~=grid-rows-8-sm] { grid-template-rows: repeat(8, 1fr); }
154+
[data-layout~=grid-rows-9-sm] { grid-template-rows: repeat(9, 1fr); }
155+
[data-layout~=grid-rows-10-sm] { grid-template-rows: repeat(10, 1fr); }
156+
[data-layout~=grid-rows-11-sm] { grid-template-rows: repeat(11, 1fr); }
157+
[data-layout~=grid-rows-12-sm] { grid-template-rows: repeat(12, 1fr); }
158+
146159
[data-layout~=cols-1-sm] { grid-column: span 1 / 1 span; }
147160
[data-layout~=cols-2-sm] { grid-column: span 2 / 2 span; }
148161
[data-layout~=cols-3-sm] { grid-column: span 3 / 3 span; }
@@ -156,6 +169,19 @@ html { box-sizing: border-box; }
156169
[data-layout~=cols-11-sm] { grid-column: span 11 / 11 span; }
157170
[data-layout~=cols-12-sm] { grid-column: span 12 / 12 span; }
158171

172+
[data-layout~=rows-1-sm] { grid-row: span 1 / 1 span; }
173+
[data-layout~=rows-2-sm] { grid-row: span 2 / 2 span; }
174+
[data-layout~=rows-3-sm] { grid-row: span 3 / 3 span; }
175+
[data-layout~=rows-4-sm] { grid-row: span 4 / 4 span; }
176+
[data-layout~=rows-5-sm] { grid-row: span 5 / 5 span; }
177+
[data-layout~=rows-6-sm] { grid-row: span 6 / 6 span; }
178+
[data-layout~=rows-7-sm] { grid-row: span 7 / 7 span; }
179+
[data-layout~=rows-8-sm] { grid-row: span 8 / 8 span; }
180+
[data-layout~=rows-9-sm] { grid-row: span 9 / 9 span; }
181+
[data-layout~=rows-10-sm] { grid-row: span 10 / 10 span; }
182+
[data-layout~=rows-11-sm] { grid-row: span 11 / 11 span; }
183+
[data-layout~=rows-12-sm] { grid-row: span 12 / 12 span; }
184+
159185
[data-layout~=cols-offset-1-sm] { grid-column-start: 1; }
160186
[data-layout~=cols-offset-2-sm] { grid-column-start: 2; }
161187
[data-layout~=cols-offset-3-sm] { grid-column-start: 3; }
@@ -227,6 +253,19 @@ html { box-sizing: border-box; }
227253
[data-layout~=grid-cols-11-md] { grid-template-columns: repeat(11, 1fr); }
228254
[data-layout~=grid-cols-12-md] { grid-template-columns: repeat(12, 1fr); }
229255

256+
[data-layout~=grid-rows-1-md] { grid-template-rows: repeat(1, 1fr); }
257+
[data-layout~=grid-rows-2-md] { grid-template-rows: repeat(2, 1fr); }
258+
[data-layout~=grid-rows-3-md] { grid-template-rows: repeat(3, 1fr); }
259+
[data-layout~=grid-rows-4-md] { grid-template-rows: repeat(4, 1fr); }
260+
[data-layout~=grid-rows-5-md] { grid-template-rows: repeat(5, 1fr); }
261+
[data-layout~=grid-rows-6-md] { grid-template-rows: repeat(6, 1fr); }
262+
[data-layout~=grid-rows-7-md] { grid-template-rows: repeat(7, 1fr); }
263+
[data-layout~=grid-rows-8-md] { grid-template-rows: repeat(8, 1fr); }
264+
[data-layout~=grid-rows-9-md] { grid-template-rows: repeat(9, 1fr); }
265+
[data-layout~=grid-rows-10-md] { grid-template-rows: repeat(10, 1fr); }
266+
[data-layout~=grid-rows-11-md] { grid-template-rows: repeat(11, 1fr); }
267+
[data-layout~=grid-rows-12-md] { grid-template-rows: repeat(12, 1fr); }
268+
230269
[data-layout~=cols-1-md] { grid-column: span 1 / 1 span; }
231270
[data-layout~=cols-2-md] { grid-column: span 2 / 2 span; }
232271
[data-layout~=cols-3-md] { grid-column: span 3 / 3 span; }
@@ -240,6 +279,19 @@ html { box-sizing: border-box; }
240279
[data-layout~=cols-11-md] { grid-column: span 11 / 11 span; }
241280
[data-layout~=cols-12-md] { grid-column: span 12 / 12 span; }
242281

282+
[data-layout~=rows-1-md] { grid-row: span 1 / 1 span; }
283+
[data-layout~=rows-2-md] { grid-row: span 2 / 2 span; }
284+
[data-layout~=rows-3-md] { grid-row: span 3 / 3 span; }
285+
[data-layout~=rows-4-md] { grid-row: span 4 / 4 span; }
286+
[data-layout~=rows-5-md] { grid-row: span 5 / 5 span; }
287+
[data-layout~=rows-6-md] { grid-row: span 6 / 6 span; }
288+
[data-layout~=rows-7-md] { grid-row: span 7 / 7 span; }
289+
[data-layout~=rows-8-md] { grid-row: span 8 / 8 span; }
290+
[data-layout~=rows-9-md] { grid-row: span 9 / 9 span; }
291+
[data-layout~=rows-10-md] { grid-row: span 10 / 10 span; }
292+
[data-layout~=rows-11-md] { grid-row: span 11 / 11 span; }
293+
[data-layout~=rows-12-md] { grid-row: span 12 / 12 span; }
294+
243295
[data-layout~=cols-offset-1-md] { grid-column-start: 1; }
244296
[data-layout~=cols-offset-2-md] { grid-column-start: 2; }
245297
[data-layout~=cols-offset-3-md] { grid-column-start: 3; }
@@ -311,6 +363,19 @@ html { box-sizing: border-box; }
311363
[data-layout~=grid-cols-11-lg] { grid-template-columns: repeat(11, 1fr); }
312364
[data-layout~=grid-cols-12-lg] { grid-template-columns: repeat(12, 1fr); }
313365

366+
[data-layout~=grid-rows-1-lg] { grid-template-rows: repeat(1, 1fr); }
367+
[data-layout~=grid-rows-2-lg] { grid-template-rows: repeat(2, 1fr); }
368+
[data-layout~=grid-rows-3-lg] { grid-template-rows: repeat(3, 1fr); }
369+
[data-layout~=grid-rows-4-lg] { grid-template-rows: repeat(4, 1fr); }
370+
[data-layout~=grid-rows-5-lg] { grid-template-rows: repeat(5, 1fr); }
371+
[data-layout~=grid-rows-6-lg] { grid-template-rows: repeat(6, 1fr); }
372+
[data-layout~=grid-rows-7-lg] { grid-template-rows: repeat(7, 1fr); }
373+
[data-layout~=grid-rows-8-lg] { grid-template-rows: repeat(8, 1fr); }
374+
[data-layout~=grid-rows-9-lg] { grid-template-rows: repeat(9, 1fr); }
375+
[data-layout~=grid-rows-10-lg] { grid-template-rows: repeat(10, 1fr); }
376+
[data-layout~=grid-rows-11-lg] { grid-template-rows: repeat(11, 1fr); }
377+
[data-layout~=grid-rows-12-lg] { grid-template-rows: repeat(12, 1fr); }
378+
314379
[data-layout~=cols-1-lg] { grid-column: span 1 / 1 span; }
315380
[data-layout~=cols-2-lg] { grid-column: span 2 / 2 span; }
316381
[data-layout~=cols-3-lg] { grid-column: span 3 / 3 span; }
@@ -324,6 +389,19 @@ html { box-sizing: border-box; }
324389
[data-layout~=cols-11-lg] { grid-column: span 11 / 11 span; }
325390
[data-layout~=cols-12-lg] { grid-column: span 12 / 12 span; }
326391

392+
[data-layout~=rows-1-lg] { grid-row: span 1 / 1 span; }
393+
[data-layout~=rows-2-lg] { grid-row: span 2 / 2 span; }
394+
[data-layout~=rows-3-lg] { grid-row: span 3 / 3 span; }
395+
[data-layout~=rows-4-lg] { grid-row: span 4 / 4 span; }
396+
[data-layout~=rows-5-lg] { grid-row: span 5 / 5 span; }
397+
[data-layout~=rows-6-lg] { grid-row: span 6 / 6 span; }
398+
[data-layout~=rows-7-lg] { grid-row: span 7 / 7 span; }
399+
[data-layout~=rows-8-lg] { grid-row: span 8 / 8 span; }
400+
[data-layout~=rows-9-lg] { grid-row: span 9 / 9 span; }
401+
[data-layout~=rows-10-lg] { grid-row: span 10 / 10 span; }
402+
[data-layout~=rows-11-lg] { grid-row: span 11 / 11 span; }
403+
[data-layout~=rows-12-lg] { grid-row: span 12 / 12 span; }
404+
327405
[data-layout~=cols-offset-1-lg] { grid-column-start: 1; }
328406
[data-layout~=cols-offset-2-lg] { grid-column-start: 2; }
329407
[data-layout~=cols-offset-3-lg] { grid-column-start: 3; }
@@ -395,6 +473,19 @@ html { box-sizing: border-box; }
395473
[data-layout~=grid-cols-11-xl] { grid-template-columns: repeat(11, 1fr); }
396474
[data-layout~=grid-cols-12-xl] { grid-template-columns: repeat(12, 1fr); }
397475

476+
[data-layout~=grid-rows-1-xl] { grid-template-rows: repeat(1, 1fr); }
477+
[data-layout~=grid-rows-2-xl] { grid-template-rows: repeat(2, 1fr); }
478+
[data-layout~=grid-rows-3-xl] { grid-template-rows: repeat(3, 1fr); }
479+
[data-layout~=grid-rows-4-xl] { grid-template-rows: repeat(4, 1fr); }
480+
[data-layout~=grid-rows-5-xl] { grid-template-rows: repeat(5, 1fr); }
481+
[data-layout~=grid-rows-6-xl] { grid-template-rows: repeat(6, 1fr); }
482+
[data-layout~=grid-rows-7-xl] { grid-template-rows: repeat(7, 1fr); }
483+
[data-layout~=grid-rows-8-xl] { grid-template-rows: repeat(8, 1fr); }
484+
[data-layout~=grid-rows-9-xl] { grid-template-rows: repeat(9, 1fr); }
485+
[data-layout~=grid-rows-10-xl] { grid-template-rows: repeat(10, 1fr); }
486+
[data-layout~=grid-rows-11-xl] { grid-template-rows: repeat(11, 1fr); }
487+
[data-layout~=grid-rows-12-xl] { grid-template-rows: repeat(12, 1fr); }
488+
398489
[data-layout~=cols-1-xl] { grid-column: span 1 / 1 span; }
399490
[data-layout~=cols-2-xl] { grid-column: span 2 / 2 span; }
400491
[data-layout~=cols-3-xl] { grid-column: span 3 / 3 span; }
@@ -408,6 +499,19 @@ html { box-sizing: border-box; }
408499
[data-layout~=cols-11-xl] { grid-column: span 11 / 11 span; }
409500
[data-layout~=cols-12-xl] { grid-column: span 12 / 12 span; }
410501

502+
[data-layout~=rows-1-xl] { grid-row: span 1 / 1 span; }
503+
[data-layout~=rows-2-xl] { grid-row: span 2 / 2 span; }
504+
[data-layout~=rows-3-xl] { grid-row: span 3 / 3 span; }
505+
[data-layout~=rows-4-xl] { grid-row: span 4 / 4 span; }
506+
[data-layout~=rows-5-xl] { grid-row: span 5 / 5 span; }
507+
[data-layout~=rows-6-xl] { grid-row: span 6 / 6 span; }
508+
[data-layout~=rows-7-xl] { grid-row: span 7 / 7 span; }
509+
[data-layout~=rows-8-xl] { grid-row: span 8 / 8 span; }
510+
[data-layout~=rows-9-xl] { grid-row: span 9 / 9 span; }
511+
[data-layout~=rows-10-xl] { grid-row: span 10 / 10 span; }
512+
[data-layout~=rows-11-xl] { grid-row: span 11 / 11 span; }
513+
[data-layout~=rows-12-xl] { grid-row: span 12 / 12 span; }
514+
411515
[data-layout~=cols-offset-1-xl] { grid-column-start: 1; }
412516
[data-layout~=cols-offset-2-xl] { grid-column-start: 2; }
413517
[data-layout~=cols-offset-3-xl] { grid-column-start: 3; }

0 commit comments

Comments
 (0)