@@ -5,9 +5,9 @@
55 display: grid;
66 grid-template-columns: repeat(12, [col-start] 1fr);
77 grid-auto-rows: auto;
8− column-gap: 32px;
8+ column-gap: 64px;
99 }
10−
10+
1111 .grid8 {
1212 display: grid;
1313 grid-template-columns: repeat(8, [col-start] 1fr);
@@ -15,35 +15,35 @@
1515 gap: 1px;
1616 width: 100%;
1717 }
18−
18+
1919 .full {
2020 grid-area: auto / 1 / auto / 13;
2121 }
22−
22+
2323 .half-1 {
2424 grid-area: auto / 1 / auto / 7;
2525 }
26−
26+
2727 .half-2 {
2828 grid-area: auto / 7 / auto / 13;
2929 }
30−
30+
3131 .fourth-1 {
3232 grid-area: auto / 1 / auto / 4;
3333 }
34−
34+
3535 .fourth-2 {
3636 grid-area: auto / 4 / auto / 7;
3737 }
38−
38+
3939 .fourth-3 {
4040 grid-area: auto / 7 / auto / 10;
4141 }
42−
42+
4343 .fourth-4 {
4444 grid-area: auto / 10 / auto / 13;
4545 }
46−
46+
4747 @media only screen and (min-width: 34.375em) {
4848 .full-ns {
4949 grid-area: auto / 1 / auto / 13;
@@ -67,7 +67,7 @@
6767 grid-area: auto / 10 / auto / 13;
6868 }
6969 }
70−
70+
7171 @media only screen and (min-width: 46.875em) and (max-width: 60em) {
7272 .full-md {
7373 grid-area: auto / 1 / auto / 13;
@@ -91,7 +91,7 @@
9191 grid-area: auto / 10 / auto / 13;
9292 }
9393 }
94−
94+
9595 @media only screen and (min-width: 60em) {
9696 .full-lg {
9797 grid-area: auto / 1 / auto / 13;
@@ -115,477 +115,477 @@
115115 grid-area: auto / 10 / auto / 13;
116116 }
117117 }
118−
118+
119119 .gap1 {
120120 width: 1px;
121121 }
122−
122+
123123 .gap2 {
124124 width: 2px;
125125 }
126−
126+
127127 .gap4 {
128128 width: 4px;
129129 }
130−
130+
131131 .gap8 {
132132 width: 8px;
133133 }
134−
134+
135135 .gap12 {
136136 width: 12px;
137137 }
138−
138+
139139 .gap16 {
140140 width: 16px;
141141 }
142−
142+
143143 .gap24 {
144144 width: 24px;
145145 }
146−
146+
147147 .gap32 {
148148 width: 32px;
149149 }
150−
150+
151151 .fr1 {
152152 width: 1fr;
153153 }
154−
154+
155155 .fr2 {
156156 width: 2fr;
157157 }
158−
158+
159159 .fr3 {
160160 width: 3fr;
161161 }
162−
162+
163163 .fr4 {
164164 width: 4fr;
165165 }
166−
166+
167167 .fr5 {
168168 width: 5fr;
169169 }
170−
170+
171171 .fr6 {
172172 width: 6fr;
173173 }
174−
174+
175175 .fr7 {
176176 width: 7fr;
177177 }
178−
178+
179179 .fr8 {
180180 width: 8fr;
181181 }
182−
182+
183183 .fr9 {
184184 width: 9fr;
185185 }
186−
186+
187187 .fr10 {
188188 width: 10fr;
189189 }
190−
190+
191191 .fr11 {
192192 width: 11fr;
193193 }
194−
194+
195195 .fr12 {
196196 width: 12fr;
197197 }
198−
198+
199199 .c1-2 {
200200 grid-column-start: 1;
201201 grid-column-end: 2;
202202 }
203−
203+
204204 .c1-3 {
205205 grid-column-start: 1;
206206 grid-column-end: 3;
207207 }
208−
208+
209209 .c1-4 {
210210 grid-column-start: 1;
211211 grid-column-end: 4;
212212 }
213−
213+
214214 .c1-5 {
215215 grid-column-start: 1;
216216 grid-column-end: 5;
217217 }
218−
218+
219219 .c1-6 {
220220 grid-column-start: 1;
221221 grid-column-end: 6;
222222 }
223−
223+
224224 .c1-7 {
225225 grid-column-start: 1;
226226 grid-column-end: 7;
227227 }
228−
228+
229229 .c1-8 {
230230 grid-column-start: 1;
231231 grid-column-end: 8;
232232 }
233−
233+
234234 .c1-9 {
235235 grid-column-start: 1;
236236 grid-column-end: 9;
237237 }
238−
238+
239239 .c1-10 {
240240 grid-column-start: 1;
241241 grid-column-end: 10;
242242 }
243−
243+
244244 .c1-11 {
245245 grid-column-start: 1;
246246 grid-column-end: 11;
247247 }
248−
248+
249249 .c1-12 {
250250 grid-column-start: 1;
251251 grid-column-end: 12;
252252 }
253−
253+
254254 .c1-13 {
255255 grid-column-start: 1;
256256 grid-column-end: 13;
257257 }
258−
258+
259259 .c2-3 {
260260 grid-column-start: 2;
261261 grid-column-end: 3;
262262 }
263−
263+
264264 .c2-4 {
265265 grid-column-start: 2;
266266 grid-column-end: 4;
267267 }
268−
268+
269269 .c2-5 {
270270 grid-column-start: 2;
271271 grid-column-end: 5;
272272 }
273−
273+
274274 .c2-6 {
275275 grid-column-start: 2;
276276 grid-column-end: 6;
277277 }
278−
278+
279279 .c2-7 {
280280 grid-column-start: 2;
281281 grid-column-end: 7;
282282 }
283−
283+
284284 .c2-8 {
285285 grid-column-start: 2;
286286 grid-column-end: 8;
287287 }
288−
288+
289289 .c2-9 {
290290 grid-column-start: 2;
291291 grid-column-end: 9;
292292 }
293−
293+
294294 .c2-10 {
295295 grid-column-start: 2;
296296 grid-column-end: 10;
297297 }
298−
298+
299299 .c2-11 {
300300 grid-column-start: 2;
301301 grid-column-end: 11;
302302 }
303−
303+
304304 .c2-12 {
305305 grid-column-start: 2;
306306 grid-column-end: 12;
307307 }
308−
308+
309309 .c2-13 {
310310 grid-column-start: 2;
311311 grid-column-end: 13;
312312 }
313−
313+
314314 .c3-4 {
315315 grid-column-start: 3;
316316 grid-column-end: 4;
317317 }
318−
318+
319319 .c3-5 {
320320 grid-column-start: 3;
321321 grid-column-end: 5;
322322 }
323−
323+
324324 .c3-6 {
325325 grid-column-start: 3;
326326 grid-column-end: 6;
327327 }
328−
328+
329329 .c3-7 {
330330 grid-column-start: 3;
331331 grid-column-end: 7;
332332 }
333−
333+
334334 .c3-8 {
335335 grid-column-start: 3;
336336 grid-column-end: 8;
337337 }
338−
338+
339339 .c3-9 {
340340 grid-column-start: 3;
341341 grid-column-end: 9;
342342 }
343−
343+
344344 .c3-10 {
345345 grid-column-start: 3;
346346 grid-column-end: 10;
347347 }
348−
348+
349349 .c3-11 {
350350 grid-column-start: 3;
351351 grid-column-end: 11;
352352 }
353−
353+
354354 .c3-12 {
355355 grid-column-start: 3;
356356 grid-column-end: 12;
357357 }
358−
358+
359359 .c3-13 {
360360 grid-column-start: 3;
361361 grid-column-end: 13;
362362 }
363−
363+
364364 .c4-5 {
365365 grid-column-start: 4;
366366 grid-column-end: 5;
367367 }
368−
368+
369369 .c4-6 {
370370 grid-column-start: 4;
371371 grid-column-end: 6;
372372 }
373−
373+
374374 .c4-7 {
375375 grid-column-start: 4;
376376 grid-column-end: 7;
377377 }
378−
378+
379379 .c4-8 {
380380 grid-column-start: 4;
381381 grid-column-end: 8;
382382 }
383−
383+
384384 .c4-9 {
385385 grid-column-start: 4;
386386 grid-column-end: 9;
387387 }
388−
388+
389389 .c4-10 {
390390 grid-column-start: 4;
391391 grid-column-end: 10;
392392 }
393−
393+
394394 .c4-11 {
395395 grid-column-start: 4;
396396 grid-column-end: 11;
397397 }
398−
398+
399399 .c4-12 {
400400 grid-column-start: 4;
401401 grid-column-end: 12;
402402 }
403−
403+
404404 .c4-13 {
405405 grid-column-start: 4;
406406 grid-column-end: 13;
407407 }
408−
408+
409409 .c5-6 {
410410 grid-column-start: 5;
411411 grid-column-end: 6;
412412 }
413−
413+
414414 .c5-7 {
415415 grid-column-start: 5;
416416 grid-column-end: 7;
417417 }
418−
418+
419419 .c5-8 {
420420 grid-column-start: 5;
421421 grid-column-end: 8;
422422 }
423−
423+
424424 .c5-9 {
425425 grid-column-start: 5;
426426 grid-column-end: 9;
427427 }
428−
428+
429429 .c5-10 {
430430 grid-column-start: 5;
431431 grid-column-end: 10;
432432 }
433−
433+
434434 .c5-11 {
435435 grid-column-start: 5;
436436 grid-column-end: 11;
437437 }
438−
438+
439439 .c5-12 {
440440 grid-column-start: 5;
441441 grid-column-end: 12;
442442 }
443−
443+
444444 .c5-13 {
445445 grid-column-start: 5;
446446 grid-column-end: 13;
447447 }
448−
448+
449449 .c6-7 {
450450 grid-column-start: 6;
451451 grid-column-end: 7;
452452 }
453−
453+
454454 .c6-8 {
455455 grid-column-start: 6;
456456 grid-column-end: 8;
457457 }
458−
458+
459459 .c6-9 {
460460 grid-column-start: 6;
461461 grid-column-end: 9;
462462 }
463−
463+
464464 .c6-10 {
465465 grid-column-start: 6;
466466 grid-column-end: 10;
467467 }
468−
468+
469469 .c6-11 {
470470 grid-column-start: 6;
471471 grid-column-end: 11;
472472 }
473−
473+
474474 .c6-12 {
475475 grid-column-start: 6;
476476 grid-column-end: 12;
477477 }
478−
478+
479479 .c6-13 {
480480 grid-column-start: 6;
481481 grid-column-end: 13;
482482 }
483−
483+
484484 .c7-8 {
485485 grid-column-start: 7;
486486 grid-column-end: 8;
487487 }
488−
488+
489489 .c7-9 {
490490 grid-column-start: 7;
491491 grid-column-end: 9;
492492 }
493−
493+
494494 .c7-10 {
495495 grid-column-start: 7;
496496 grid-column-end: 10;
497497 }
498−
498+
499499 .c7-11 {
500500 grid-column-start: 7;
501501 grid-column-end: 11;
502502 }
503−
503+
504504 .c7-12 {
505505 grid-column-start: 7;
506506 grid-column-end: 12;
507507 }
508−
508+
509509 .c7-13 {
510510 grid-column-start: 7;
511511 grid-column-end: 13;
512512 }
513−
513+
514514 .c8-9 {
515515 grid-column-start: 8;
516516 grid-column-end: 9;
517517 }
518−
518+
519519 .c8-10 {
520520 grid-column-start: 8;
521521 grid-column-end: 10;
522522 }
523−
523+
524524 .c8-11 {
525525 grid-column-start: 8;
526526 grid-column-end: 11;
527527 }
528−
528+
529529 .c8-12 {
530530 grid-column-start: 8;
531531 grid-column-end: 12;
532532 }
533−
533+
534534 .c8-13 {
535535 grid-column-start: 8;
536536 grid-column-end: 13;
537537 }
538−
538+
539539 .c9-10 {
540540 grid-column-start: 9;
541541 grid-column-end: 10;
542542 }
543−
543+
544544 .c9-11 {
545545 grid-column-start: 9;
546546 grid-column-end: 11;
547547 }
548−
548+
549549 .c9-12 {
550550 grid-column-start: 9;
551551 grid-column-end: 12;
552552 }
553−
553+
554554 .c9-13 {
555555 grid-column-start: 9;
556556 grid-column-end: 13;
557557 }
558−
558+
559559 .c10-11 {
560560 grid-column-start: 10;
561561 grid-column-end: 11;
562562 }
563−
563+
564564 .c10-12 {
565565 grid-column-start: 10;
566566 grid-column-end: 12;
567567 }
568−
568+
569569 .c10-13 {
570570 grid-column-start: 10;
571571 grid-column-end: 13;
572572 }
573−
573+
574574 .c11-12 {
575575 grid-column-start: 11;
576576 grid-column-end: 12;
577577 }
578−
578+
579579 .c11-13 {
580580 grid-column-start: 11;
581581 grid-column-end: 13;
582582 }
583−
583+
584584 .c12-13 {
585585 grid-column-start: 12;
586586 grid-column-end: 13;
587587 }
588−
588+
589589 @media only screen and (min-width: 550px) {
590590 .c1-2-ns {
591591 grid-column-start: 1;
@@ -900,7 +900,7 @@
900900 grid-column-end: 13;
901901 }
902902 }
903−
903+
904904 @media only screen and (min-width: 750px) and (max-width: 960px) {
905905 .c1-2-md {
906906 grid-column-start: 1;
@@ -1215,7 +1215,7 @@
12151215 grid-column-end: 13;
12161216 }
12171217 }
1218−
1218+
12191219 @media only screen and (min-width: 960px) {
12201220 .c1-2-lg {
12211221 grid-column-start: 1;
@@ -1529,4 +1529,4 @@
15291529 grid-column-start: 12;
15301530 grid-column-end: 13;
15311531 }
1532− }
1532+ }