Skip to content

Commit 6676946

Browse files
panicdragonpanicdragon
committed
refactor: 💡 footer variation
1 parent 083cc49 commit 6676946

86 files changed

Lines changed: 18700 additions & 1253 deletions

File tree

Some content is hidden

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

‎docs/components/detail/alert--closebtn-set.html‎

Lines changed: 114 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -376,10 +376,45 @@ <h4 class="Tree-collectionLabel" data-role="toggle">
376376

377377

378378

379+
<li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-components-collection-footer">
380+
<h4 class="Tree-collectionLabel" data-role="toggle">
381+
<span>Footer</span>
382+
</h4>
383+
<ul class="Tree-collectionItems" data-role="items">
384+
385+
386+
387+
388+
389+
379390

380391
<li class="Tree-item Tree-entity" data-role="item">
381-
<a class="Tree-entityLink" href="footer.html" data-pjax>
382-
<span>Footer</span>
392+
<a class="Tree-entityLink" href="footer--default.html" data-pjax>
393+
<span>Default</span>
394+
395+
396+
<div class="Status Status--unlabelled">
397+
398+
<div class="Status-dots">
399+
400+
401+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
402+
403+
404+
</div>
405+
406+
</div>
407+
408+
409+
</a>
410+
</li>
411+
412+
413+
414+
415+
<li class="Tree-item Tree-entity" data-role="item">
416+
<a class="Tree-entityLink" href="footer--color-variation.html" data-pjax>
417+
<span>Color Variation</span>
383418

384419

385420
<div class="Status Status--unlabelled">
@@ -401,6 +436,83 @@ <h4 class="Tree-collectionLabel" data-role="toggle">
401436

402437

403438

439+
<li class="Tree-item Tree-entity" data-role="item">
440+
<a class="Tree-entityLink" href="footer--size-variation.html" data-pjax>
441+
<span>Size Variation</span>
442+
443+
444+
<div class="Status Status--unlabelled">
445+
446+
<div class="Status-dots">
447+
448+
449+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
450+
451+
452+
</div>
453+
454+
</div>
455+
456+
457+
</a>
458+
</li>
459+
460+
461+
462+
463+
<li class="Tree-item Tree-entity" data-role="item">
464+
<a class="Tree-entityLink" href="footer--size-variation-layout-main.html" data-pjax>
465+
<span>Size Variation Layout Main</span>
466+
467+
468+
<div class="Status Status--unlabelled">
469+
470+
<div class="Status-dots">
471+
472+
473+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
474+
475+
476+
</div>
477+
478+
</div>
479+
480+
481+
</a>
482+
</li>
483+
484+
485+
486+
487+
<li class="Tree-item Tree-entity" data-role="item">
488+
<a class="Tree-entityLink" href="footer--size-variation-layout-top-bottom.html" data-pjax>
489+
<span>Size Variation Layout Top Bottom</span>
490+
491+
492+
<div class="Status Status--unlabelled">
493+
494+
<div class="Status-dots">
495+
496+
497+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
498+
499+
500+
</div>
501+
502+
</div>
503+
504+
505+
</a>
506+
</li>
507+
508+
509+
510+
</ul>
511+
</li>
512+
513+
514+
515+
404516
<li class="Tree-item Tree-entity" data-role="item">
405517
<a class="Tree-entityLink" href="table.html" data-pjax>
406518
<span>Table</span>

‎docs/components/detail/alert--color-variation.html‎

Lines changed: 114 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -360,10 +360,45 @@ <h4 class="Tree-collectionLabel" data-role="toggle">
360360

361361

362362

363+
<li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-components-collection-footer">
364+
<h4 class="Tree-collectionLabel" data-role="toggle">
365+
<span>Footer</span>
366+
</h4>
367+
<ul class="Tree-collectionItems" data-role="items">
368+
369+
370+
371+
372+
373+
363374

364375
<li class="Tree-item Tree-entity" data-role="item">
365-
<a class="Tree-entityLink" href="footer.html" data-pjax>
366-
<span>Footer</span>
376+
<a class="Tree-entityLink" href="footer--default.html" data-pjax>
377+
<span>Default</span>
378+
379+
380+
<div class="Status Status--unlabelled">
381+
382+
<div class="Status-dots">
383+
384+
385+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
386+
387+
388+
</div>
389+
390+
</div>
391+
392+
393+
</a>
394+
</li>
395+
396+
397+
398+
399+
<li class="Tree-item Tree-entity" data-role="item">
400+
<a class="Tree-entityLink" href="footer--color-variation.html" data-pjax>
401+
<span>Color Variation</span>
367402

368403

369404
<div class="Status Status--unlabelled">
@@ -385,6 +420,83 @@ <h4 class="Tree-collectionLabel" data-role="toggle">
385420

386421

387422

423+
<li class="Tree-item Tree-entity" data-role="item">
424+
<a class="Tree-entityLink" href="footer--size-variation.html" data-pjax>
425+
<span>Size Variation</span>
426+
427+
428+
<div class="Status Status--unlabelled">
429+
430+
<div class="Status-dots">
431+
432+
433+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
434+
435+
436+
</div>
437+
438+
</div>
439+
440+
441+
</a>
442+
</li>
443+
444+
445+
446+
447+
<li class="Tree-item Tree-entity" data-role="item">
448+
<a class="Tree-entityLink" href="footer--size-variation-layout-main.html" data-pjax>
449+
<span>Size Variation Layout Main</span>
450+
451+
452+
<div class="Status Status--unlabelled">
453+
454+
<div class="Status-dots">
455+
456+
457+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
458+
459+
460+
</div>
461+
462+
</div>
463+
464+
465+
</a>
466+
</li>
467+
468+
469+
470+
471+
<li class="Tree-item Tree-entity" data-role="item">
472+
<a class="Tree-entityLink" href="footer--size-variation-layout-top-bottom.html" data-pjax>
473+
<span>Size Variation Layout Top Bottom</span>
474+
475+
476+
<div class="Status Status--unlabelled">
477+
478+
<div class="Status-dots">
479+
480+
481+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
482+
483+
484+
</div>
485+
486+
</div>
487+
488+
489+
</a>
490+
</li>
491+
492+
493+
494+
</ul>
495+
</li>
496+
497+
498+
499+
388500
<li class="Tree-item Tree-entity" data-role="item">
389501
<a class="Tree-entityLink" href="table.html" data-pjax>
390502
<span>Table</span>

‎docs/components/detail/alert--default.html‎

Lines changed: 114 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -304,10 +304,45 @@ <h4 class="Tree-collectionLabel" data-role="toggle">
304304

305305

306306

307+
<li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-components-collection-footer">
308+
<h4 class="Tree-collectionLabel" data-role="toggle">
309+
<span>Footer</span>
310+
</h4>
311+
<ul class="Tree-collectionItems" data-role="items">
312+
313+
314+
315+
316+
317+
307318

308319
<li class="Tree-item Tree-entity" data-role="item">
309-
<a class="Tree-entityLink" href="footer.html" data-pjax>
310-
<span>Footer</span>
320+
<a class="Tree-entityLink" href="footer--default.html" data-pjax>
321+
<span>Default</span>
322+
323+
324+
<div class="Status Status--unlabelled">
325+
326+
<div class="Status-dots">
327+
328+
329+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
330+
331+
332+
</div>
333+
334+
</div>
335+
336+
337+
</a>
338+
</li>
339+
340+
341+
342+
343+
<li class="Tree-item Tree-entity" data-role="item">
344+
<a class="Tree-entityLink" href="footer--color-variation.html" data-pjax>
345+
<span>Color Variation</span>
311346

312347

313348
<div class="Status Status--unlabelled">
@@ -329,6 +364,83 @@ <h4 class="Tree-collectionLabel" data-role="toggle">
329364

330365

331366

367+
<li class="Tree-item Tree-entity" data-role="item">
368+
<a class="Tree-entityLink" href="footer--size-variation.html" data-pjax>
369+
<span>Size Variation</span>
370+
371+
372+
<div class="Status Status--unlabelled">
373+
374+
<div class="Status-dots">
375+
376+
377+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
378+
379+
380+
</div>
381+
382+
</div>
383+
384+
385+
</a>
386+
</li>
387+
388+
389+
390+
391+
<li class="Tree-item Tree-entity" data-role="item">
392+
<a class="Tree-entityLink" href="footer--size-variation-layout-main.html" data-pjax>
393+
<span>Size Variation Layout Main</span>
394+
395+
396+
<div class="Status Status--unlabelled">
397+
398+
<div class="Status-dots">
399+
400+
401+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
402+
403+
404+
</div>
405+
406+
</div>
407+
408+
409+
</a>
410+
</li>
411+
412+
413+
414+
415+
<li class="Tree-item Tree-entity" data-role="item">
416+
<a class="Tree-entityLink" href="footer--size-variation-layout-top-bottom.html" data-pjax>
417+
<span>Size Variation Layout Top Bottom</span>
418+
419+
420+
<div class="Status Status--unlabelled">
421+
422+
<div class="Status-dots">
423+
424+
425+
<span class="Status-dot" style="border-color: #29CC29;" title="Ready"></span>
426+
427+
428+
</div>
429+
430+
</div>
431+
432+
433+
</a>
434+
</li>
435+
436+
437+
438+
</ul>
439+
</li>
440+
441+
442+
443+
332444
<li class="Tree-item Tree-entity" data-role="item">
333445
<a class="Tree-entityLink" href="table.html" data-pjax>
334446
<span>Table</span>

0 commit comments

Comments
 (0)