Skip to content

Commit a74d1da

Browse files
author
mrmrs
committed
Add some new layout components
1 parent 871a759 commit a74d1da

File tree

67 files changed

+3270
-7
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+3270
-7
lines changed

‎components/articles/feature/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -441,6 +441,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
441441

442442
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
443443

444+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
445+
446+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
447+
448+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
449+
450+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
451+
452+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
453+
444454
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
445455

446456
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/full-bleed-background/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -368,6 +368,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
368368

369369
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
370370

371+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
372+
373+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
374+
375+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
376+
377+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
378+
379+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
380+
371381
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
372382

373383
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/large-title-text/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -320,6 +320,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
320320

321321
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
322322

323+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
324+
325+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
326+
327+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
328+
329+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
330+
331+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
332+
323333
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
324334

325335
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/left-title-top-border/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -394,6 +394,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
394394

395395
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
396396

397+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
398+
399+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
400+
401+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
402+
403+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
404+
405+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
406+
397407
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
398408

399409
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/left-title/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -341,6 +341,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
341341

342342
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
343343

344+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
345+
346+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
347+
348+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
349+
350+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
351+
352+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
353+
344354
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
345355

346356
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/photo-essay/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -571,6 +571,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
571571

572572
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
573573

574+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
575+
576+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
577+
578+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
579+
580+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
581+
582+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
583+
574584
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
575585

576586
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/single-column-large-title/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -403,6 +403,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
403403

404404
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
405405

406+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
407+
408+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
409+
410+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
411+
412+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
413+
414+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
415+
406416
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
407417

408418
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/title-text-image/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -248,6 +248,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
248248

249249
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
250250

251+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
252+
253+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
254+
255+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
256+
257+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
258+
259+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
260+
251261
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
252262

253263
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/articles/title-text/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -230,6 +230,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
230230

231231
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
232232

233+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
234+
235+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
236+
237+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
238+
239+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
240+
241+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
242+
233243
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
234244

235245
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/banners/basic/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -395,6 +395,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
395395

396396
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
397397

398+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
399+
400+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
401+
402+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
403+
404+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
405+
406+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
407+
398408
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
399409

400410
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/buttons/basic/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -531,6 +531,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
531531

532532
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
533533

534+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
535+
536+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
537+
538+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
539+
540+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
541+
542+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
543+
534544
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
535545

536546
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/buttons/pill-grow/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -514,6 +514,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
514514

515515
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
516516

517+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
518+
519+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
520+
521+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
522+
523+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
524+
525+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
526+
517527
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
518528

519529
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/buttons/pill/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -531,6 +531,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
531531

532532
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
533533

534+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
535+
536+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
537+
538+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
539+
540+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
541+
542+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
543+
534544
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
535545

536546
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/cards/album-centered/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -324,6 +324,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
324324

325325
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
326326

327+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
328+
329+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
330+
331+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
332+
333+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
334+
335+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
336+
327337
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
328338

329339
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/cards/album-left/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -324,6 +324,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
324324

325325
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
326326

327+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
328+
329+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
330+
331+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
332+
333+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
334+
335+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
336+
327337
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
328338

329339
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

‎components/cards/news-card/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -329,6 +329,16 @@ <h2 class="f5 mb2 ttc mid-gray">layout</h2>
329329

330330
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
331331

332+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-alternate/index.html">Five Column Collapse Alternate</a>
333+
334+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-asymmetrical/index.html">Five Column Collapse Asymmetrical</a>
335+
336+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-mixed/index.html">Five Column Collapse Mixed</a>
337+
338+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column-collapse-one/index.html">Five Column Collapse One</a>
339+
340+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/five-column/index.html">Five Column</a>
341+
332342
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
333343

334344
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>

0 commit comments

Comments
 (0)