@patternfly/patternfly 6.0.0-alpha.102 → 6.0.0-alpha.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Check/check.css +2 -2
- package/components/Check/check.scss +2 -2
- package/components/Drawer/drawer.css +5 -4
- package/components/Drawer/drawer.scss +7 -6
- package/components/Page/page.css +24 -23
- package/components/Page/page.scss +24 -23
- package/components/Table/table.css +0 -37
- package/components/Table/table.scss +0 -49
- package/docs/components/Drawer/examples/Drawer.md +2 -1
- package/docs/components/Page/deprecated/PageHeader.md +113 -99
- package/docs/components/Page/examples/Page.md +114 -100
- package/docs/demos/AboutModal/examples/AboutModal.md +81 -79
- package/docs/demos/Alert/examples/Alert.md +551 -524
- package/docs/demos/BackToTop/examples/BackToTop.md +211 -209
- package/docs/demos/Banner/examples/Banner.md +420 -412
- package/docs/demos/CardView/examples/CardView.md +1302 -1297
- package/docs/demos/ContextSelector/examples/ContextSelector.md +536 -523
- package/docs/demos/Dashboard/examples/Dashboard.md +1344 -1314
- package/docs/demos/DataList/examples/DataList.md +3006 -2958
- package/docs/demos/DescriptionList/examples/DescriptionList.md +532 -518
- package/docs/demos/Drawer/examples/Drawer.md +544 -528
- package/docs/demos/JumpLinks/examples/JumpLinks.md +915 -897
- package/docs/demos/Masthead/examples/Masthead.md +729 -711
- package/docs/demos/Modal/examples/Modal.md +486 -474
- package/docs/demos/Nav/examples/Nav.md +528 -510
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +440 -435
- package/docs/demos/Page/examples/Page.md +1656 -1633
- package/docs/demos/Page/examples/Penta.md +632 -577
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5222 -5080
- package/docs/demos/Skeleton/examples/Skeleton.md +177 -175
- package/docs/demos/Table/examples/Table.md +14137 -13972
- package/docs/demos/Tabs/examples/Tabs.md +2206 -2138
- package/docs/demos/Toolbar/examples/Toolbar.md +1322 -1269
- package/docs/demos/Wizard/examples/Wizard.md +1571 -1553
- package/package.json +1 -1
- package/patternfly-no-globals.css +31 -66
- package/patternfly-theme-dark-unversioned.css +31 -66
- package/patternfly.css +31 -66
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -226,92 +226,94 @@ section: components
|
|
|
226
226
|
</nav>
|
|
227
227
|
</div>
|
|
228
228
|
</div>
|
|
229
|
-
<
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
<
|
|
236
|
-
<
|
|
237
|
-
<
|
|
238
|
-
<
|
|
239
|
-
<
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
<
|
|
243
|
-
<
|
|
244
|
-
|
|
229
|
+
<div class="pf-v6-c-page__main-container" tabindex="-1">
|
|
230
|
+
<main
|
|
231
|
+
class="pf-v6-c-page__main"
|
|
232
|
+
tabindex="-1"
|
|
233
|
+
id="main-content-modal-basic-example"
|
|
234
|
+
>
|
|
235
|
+
<section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
|
|
236
|
+
<div class="pf-v6-c-page__main-body">
|
|
237
|
+
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
238
|
+
<ol class="pf-v6-c-breadcrumb__list" role="list">
|
|
239
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
240
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
|
|
241
|
+
</li>
|
|
242
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
243
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
244
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
245
|
+
</span>
|
|
245
246
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
247
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
248
|
+
</li>
|
|
249
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
250
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
251
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
252
|
+
</span>
|
|
252
253
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
254
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
255
|
+
</li>
|
|
256
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
257
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
258
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
259
|
+
</span>
|
|
259
260
|
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
</div>
|
|
269
|
-
</section>
|
|
270
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
271
|
-
<div class="pf-v6-c-page__main-body">
|
|
272
|
-
<div class="pf-v6-c-content">
|
|
273
|
-
<h1>Main title</h1>
|
|
274
|
-
<p>This is a full page demo.</p>
|
|
261
|
+
<a
|
|
262
|
+
href="#"
|
|
263
|
+
class="pf-v6-c-breadcrumb__link pf-m-current"
|
|
264
|
+
aria-current="page"
|
|
265
|
+
>Section landing</a>
|
|
266
|
+
</li>
|
|
267
|
+
</ol>
|
|
268
|
+
</nav>
|
|
275
269
|
</div>
|
|
276
|
-
</
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
283
|
-
</div>
|
|
284
|
-
<div class="pf-v6-c-card">
|
|
285
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
286
|
-
</div>
|
|
287
|
-
<div class="pf-v6-c-card">
|
|
288
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
270
|
+
</section>
|
|
271
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
272
|
+
<div class="pf-v6-c-page__main-body">
|
|
273
|
+
<div class="pf-v6-c-content">
|
|
274
|
+
<h1>Main title</h1>
|
|
275
|
+
<p>This is a full page demo.</p>
|
|
289
276
|
</div>
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
277
|
+
</div>
|
|
278
|
+
</section>
|
|
279
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
280
|
+
<div class="pf-v6-c-page__main-body">
|
|
281
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
282
|
+
<div class="pf-v6-c-card">
|
|
283
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
284
|
+
</div>
|
|
285
|
+
<div class="pf-v6-c-card">
|
|
286
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
287
|
+
</div>
|
|
288
|
+
<div class="pf-v6-c-card">
|
|
289
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
290
|
+
</div>
|
|
291
|
+
<div class="pf-v6-c-card">
|
|
292
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
293
|
+
</div>
|
|
294
|
+
<div class="pf-v6-c-card">
|
|
295
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
296
|
+
</div>
|
|
297
|
+
<div class="pf-v6-c-card">
|
|
298
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="pf-v6-c-card">
|
|
301
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
302
|
+
</div>
|
|
303
|
+
<div class="pf-v6-c-card">
|
|
304
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
305
|
+
</div>
|
|
306
|
+
<div class="pf-v6-c-card">
|
|
307
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
308
|
+
</div>
|
|
309
|
+
<div class="pf-v6-c-card">
|
|
310
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
311
|
+
</div>
|
|
310
312
|
</div>
|
|
311
313
|
</div>
|
|
312
|
-
</
|
|
313
|
-
</
|
|
314
|
-
</
|
|
314
|
+
</section>
|
|
315
|
+
</main>
|
|
316
|
+
</div>
|
|
315
317
|
</div>
|
|
316
318
|
<div class="pf-v6-c-backdrop">
|
|
317
319
|
<div class="pf-v6-l-bullseye">
|
|
@@ -580,92 +582,94 @@ section: components
|
|
|
580
582
|
</nav>
|
|
581
583
|
</div>
|
|
582
584
|
</div>
|
|
583
|
-
<
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
<
|
|
590
|
-
<
|
|
591
|
-
<
|
|
592
|
-
<
|
|
593
|
-
<
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
<
|
|
597
|
-
<
|
|
598
|
-
|
|
585
|
+
<div class="pf-v6-c-page__main-container" tabindex="-1">
|
|
586
|
+
<main
|
|
587
|
+
class="pf-v6-c-page__main"
|
|
588
|
+
tabindex="-1"
|
|
589
|
+
id="main-content-modal-scrollable-content-example"
|
|
590
|
+
>
|
|
591
|
+
<section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
|
|
592
|
+
<div class="pf-v6-c-page__main-body">
|
|
593
|
+
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
594
|
+
<ol class="pf-v6-c-breadcrumb__list" role="list">
|
|
595
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
596
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
|
|
597
|
+
</li>
|
|
598
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
599
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
600
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
601
|
+
</span>
|
|
599
602
|
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
603
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
604
|
+
</li>
|
|
605
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
606
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
607
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
608
|
+
</span>
|
|
606
609
|
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
610
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
611
|
+
</li>
|
|
612
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
613
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
614
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
615
|
+
</span>
|
|
613
616
|
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
</div>
|
|
623
|
-
</section>
|
|
624
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
625
|
-
<div class="pf-v6-c-page__main-body">
|
|
626
|
-
<div class="pf-v6-c-content">
|
|
627
|
-
<h1>Main title</h1>
|
|
628
|
-
<p>This is a full page demo.</p>
|
|
617
|
+
<a
|
|
618
|
+
href="#"
|
|
619
|
+
class="pf-v6-c-breadcrumb__link pf-m-current"
|
|
620
|
+
aria-current="page"
|
|
621
|
+
>Section landing</a>
|
|
622
|
+
</li>
|
|
623
|
+
</ol>
|
|
624
|
+
</nav>
|
|
629
625
|
</div>
|
|
630
|
-
</
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
637
|
-
</div>
|
|
638
|
-
<div class="pf-v6-c-card">
|
|
639
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
640
|
-
</div>
|
|
641
|
-
<div class="pf-v6-c-card">
|
|
642
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
643
|
-
</div>
|
|
644
|
-
<div class="pf-v6-c-card">
|
|
645
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
646
|
-
</div>
|
|
647
|
-
<div class="pf-v6-c-card">
|
|
648
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
649
|
-
</div>
|
|
650
|
-
<div class="pf-v6-c-card">
|
|
651
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
652
|
-
</div>
|
|
653
|
-
<div class="pf-v6-c-card">
|
|
654
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
626
|
+
</section>
|
|
627
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
628
|
+
<div class="pf-v6-c-page__main-body">
|
|
629
|
+
<div class="pf-v6-c-content">
|
|
630
|
+
<h1>Main title</h1>
|
|
631
|
+
<p>This is a full page demo.</p>
|
|
655
632
|
</div>
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
633
|
+
</div>
|
|
634
|
+
</section>
|
|
635
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
636
|
+
<div class="pf-v6-c-page__main-body">
|
|
637
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
638
|
+
<div class="pf-v6-c-card">
|
|
639
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
640
|
+
</div>
|
|
641
|
+
<div class="pf-v6-c-card">
|
|
642
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
643
|
+
</div>
|
|
644
|
+
<div class="pf-v6-c-card">
|
|
645
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
646
|
+
</div>
|
|
647
|
+
<div class="pf-v6-c-card">
|
|
648
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
649
|
+
</div>
|
|
650
|
+
<div class="pf-v6-c-card">
|
|
651
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
652
|
+
</div>
|
|
653
|
+
<div class="pf-v6-c-card">
|
|
654
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
655
|
+
</div>
|
|
656
|
+
<div class="pf-v6-c-card">
|
|
657
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
658
|
+
</div>
|
|
659
|
+
<div class="pf-v6-c-card">
|
|
660
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
661
|
+
</div>
|
|
662
|
+
<div class="pf-v6-c-card">
|
|
663
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
664
|
+
</div>
|
|
665
|
+
<div class="pf-v6-c-card">
|
|
666
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
667
|
+
</div>
|
|
664
668
|
</div>
|
|
665
669
|
</div>
|
|
666
|
-
</
|
|
667
|
-
</
|
|
668
|
-
</
|
|
670
|
+
</section>
|
|
671
|
+
</main>
|
|
672
|
+
</div>
|
|
669
673
|
</div>
|
|
670
674
|
<div class="pf-v6-c-backdrop">
|
|
671
675
|
<div class="pf-v6-l-bullseye">
|
|
@@ -940,92 +944,94 @@ section: components
|
|
|
940
944
|
</nav>
|
|
941
945
|
</div>
|
|
942
946
|
</div>
|
|
943
|
-
<
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
<
|
|
950
|
-
<
|
|
951
|
-
<
|
|
952
|
-
<
|
|
953
|
-
<
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
<
|
|
957
|
-
<
|
|
958
|
-
|
|
947
|
+
<div class="pf-v6-c-page__main-container" tabindex="-1">
|
|
948
|
+
<main
|
|
949
|
+
class="pf-v6-c-page__main"
|
|
950
|
+
tabindex="-1"
|
|
951
|
+
id="main-content-modal-medium-example"
|
|
952
|
+
>
|
|
953
|
+
<section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
|
|
954
|
+
<div class="pf-v6-c-page__main-body">
|
|
955
|
+
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
956
|
+
<ol class="pf-v6-c-breadcrumb__list" role="list">
|
|
957
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
958
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
|
|
959
|
+
</li>
|
|
960
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
961
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
962
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
963
|
+
</span>
|
|
959
964
|
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
965
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
966
|
+
</li>
|
|
967
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
968
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
969
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
970
|
+
</span>
|
|
966
971
|
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
972
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
973
|
+
</li>
|
|
974
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
975
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
976
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
977
|
+
</span>
|
|
973
978
|
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
</div>
|
|
983
|
-
</section>
|
|
984
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
985
|
-
<div class="pf-v6-c-page__main-body">
|
|
986
|
-
<div class="pf-v6-c-content">
|
|
987
|
-
<h1>Main title</h1>
|
|
988
|
-
<p>This is a full page demo.</p>
|
|
979
|
+
<a
|
|
980
|
+
href="#"
|
|
981
|
+
class="pf-v6-c-breadcrumb__link pf-m-current"
|
|
982
|
+
aria-current="page"
|
|
983
|
+
>Section landing</a>
|
|
984
|
+
</li>
|
|
985
|
+
</ol>
|
|
986
|
+
</nav>
|
|
989
987
|
</div>
|
|
990
|
-
</
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
997
|
-
</div>
|
|
998
|
-
<div class="pf-v6-c-card">
|
|
999
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1000
|
-
</div>
|
|
1001
|
-
<div class="pf-v6-c-card">
|
|
1002
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1003
|
-
</div>
|
|
1004
|
-
<div class="pf-v6-c-card">
|
|
1005
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1006
|
-
</div>
|
|
1007
|
-
<div class="pf-v6-c-card">
|
|
1008
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
988
|
+
</section>
|
|
989
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
990
|
+
<div class="pf-v6-c-page__main-body">
|
|
991
|
+
<div class="pf-v6-c-content">
|
|
992
|
+
<h1>Main title</h1>
|
|
993
|
+
<p>This is a full page demo.</p>
|
|
1009
994
|
</div>
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
995
|
+
</div>
|
|
996
|
+
</section>
|
|
997
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
998
|
+
<div class="pf-v6-c-page__main-body">
|
|
999
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
1000
|
+
<div class="pf-v6-c-card">
|
|
1001
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1002
|
+
</div>
|
|
1003
|
+
<div class="pf-v6-c-card">
|
|
1004
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1005
|
+
</div>
|
|
1006
|
+
<div class="pf-v6-c-card">
|
|
1007
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1008
|
+
</div>
|
|
1009
|
+
<div class="pf-v6-c-card">
|
|
1010
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1011
|
+
</div>
|
|
1012
|
+
<div class="pf-v6-c-card">
|
|
1013
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1014
|
+
</div>
|
|
1015
|
+
<div class="pf-v6-c-card">
|
|
1016
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1017
|
+
</div>
|
|
1018
|
+
<div class="pf-v6-c-card">
|
|
1019
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1020
|
+
</div>
|
|
1021
|
+
<div class="pf-v6-c-card">
|
|
1022
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1023
|
+
</div>
|
|
1024
|
+
<div class="pf-v6-c-card">
|
|
1025
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1026
|
+
</div>
|
|
1027
|
+
<div class="pf-v6-c-card">
|
|
1028
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1029
|
+
</div>
|
|
1024
1030
|
</div>
|
|
1025
1031
|
</div>
|
|
1026
|
-
</
|
|
1027
|
-
</
|
|
1028
|
-
</
|
|
1032
|
+
</section>
|
|
1033
|
+
</main>
|
|
1034
|
+
</div>
|
|
1029
1035
|
</div>
|
|
1030
1036
|
<div class="pf-v6-c-backdrop">
|
|
1031
1037
|
<div class="pf-v6-l-bullseye">
|
|
@@ -1290,92 +1296,94 @@ section: components
|
|
|
1290
1296
|
</nav>
|
|
1291
1297
|
</div>
|
|
1292
1298
|
</div>
|
|
1293
|
-
<
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
<
|
|
1300
|
-
<
|
|
1301
|
-
<
|
|
1302
|
-
<
|
|
1303
|
-
<
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
<
|
|
1307
|
-
<
|
|
1308
|
-
|
|
1299
|
+
<div class="pf-v6-c-page__main-container" tabindex="-1">
|
|
1300
|
+
<main
|
|
1301
|
+
class="pf-v6-c-page__main"
|
|
1302
|
+
tabindex="-1"
|
|
1303
|
+
id="main-content-modal-large-example"
|
|
1304
|
+
>
|
|
1305
|
+
<section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
|
|
1306
|
+
<div class="pf-v6-c-page__main-body">
|
|
1307
|
+
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
1308
|
+
<ol class="pf-v6-c-breadcrumb__list" role="list">
|
|
1309
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1310
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
|
|
1311
|
+
</li>
|
|
1312
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1313
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
1314
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1315
|
+
</span>
|
|
1309
1316
|
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1317
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
1318
|
+
</li>
|
|
1319
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1320
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
1321
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1322
|
+
</span>
|
|
1316
1323
|
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1324
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
1325
|
+
</li>
|
|
1326
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1327
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
1328
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1329
|
+
</span>
|
|
1323
1330
|
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
</div>
|
|
1333
|
-
</section>
|
|
1334
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
1335
|
-
<div class="pf-v6-c-page__main-body">
|
|
1336
|
-
<div class="pf-v6-c-content">
|
|
1337
|
-
<h1>Main title</h1>
|
|
1338
|
-
<p>This is a full page demo.</p>
|
|
1331
|
+
<a
|
|
1332
|
+
href="#"
|
|
1333
|
+
class="pf-v6-c-breadcrumb__link pf-m-current"
|
|
1334
|
+
aria-current="page"
|
|
1335
|
+
>Section landing</a>
|
|
1336
|
+
</li>
|
|
1337
|
+
</ol>
|
|
1338
|
+
</nav>
|
|
1339
1339
|
</div>
|
|
1340
|
-
</
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1347
|
-
</div>
|
|
1348
|
-
<div class="pf-v6-c-card">
|
|
1349
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1350
|
-
</div>
|
|
1351
|
-
<div class="pf-v6-c-card">
|
|
1352
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1340
|
+
</section>
|
|
1341
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
1342
|
+
<div class="pf-v6-c-page__main-body">
|
|
1343
|
+
<div class="pf-v6-c-content">
|
|
1344
|
+
<h1>Main title</h1>
|
|
1345
|
+
<p>This is a full page demo.</p>
|
|
1353
1346
|
</div>
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1347
|
+
</div>
|
|
1348
|
+
</section>
|
|
1349
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1350
|
+
<div class="pf-v6-c-page__main-body">
|
|
1351
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
1352
|
+
<div class="pf-v6-c-card">
|
|
1353
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1354
|
+
</div>
|
|
1355
|
+
<div class="pf-v6-c-card">
|
|
1356
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1357
|
+
</div>
|
|
1358
|
+
<div class="pf-v6-c-card">
|
|
1359
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1360
|
+
</div>
|
|
1361
|
+
<div class="pf-v6-c-card">
|
|
1362
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1363
|
+
</div>
|
|
1364
|
+
<div class="pf-v6-c-card">
|
|
1365
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1366
|
+
</div>
|
|
1367
|
+
<div class="pf-v6-c-card">
|
|
1368
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1369
|
+
</div>
|
|
1370
|
+
<div class="pf-v6-c-card">
|
|
1371
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1372
|
+
</div>
|
|
1373
|
+
<div class="pf-v6-c-card">
|
|
1374
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1375
|
+
</div>
|
|
1376
|
+
<div class="pf-v6-c-card">
|
|
1377
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1378
|
+
</div>
|
|
1379
|
+
<div class="pf-v6-c-card">
|
|
1380
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1381
|
+
</div>
|
|
1374
1382
|
</div>
|
|
1375
1383
|
</div>
|
|
1376
|
-
</
|
|
1377
|
-
</
|
|
1378
|
-
</
|
|
1384
|
+
</section>
|
|
1385
|
+
</main>
|
|
1386
|
+
</div>
|
|
1379
1387
|
</div>
|
|
1380
1388
|
<div class="pf-v6-c-backdrop">
|
|
1381
1389
|
<div class="pf-v6-l-bullseye">
|
|
@@ -1640,92 +1648,94 @@ section: components
|
|
|
1640
1648
|
</nav>
|
|
1641
1649
|
</div>
|
|
1642
1650
|
</div>
|
|
1643
|
-
<
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
<
|
|
1650
|
-
<
|
|
1651
|
-
<
|
|
1652
|
-
<
|
|
1653
|
-
<
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
<
|
|
1657
|
-
<
|
|
1658
|
-
|
|
1651
|
+
<div class="pf-v6-c-page__main-container" tabindex="-1">
|
|
1652
|
+
<main
|
|
1653
|
+
class="pf-v6-c-page__main"
|
|
1654
|
+
tabindex="-1"
|
|
1655
|
+
id="main-content-modal-large-example"
|
|
1656
|
+
>
|
|
1657
|
+
<section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
|
|
1658
|
+
<div class="pf-v6-c-page__main-body">
|
|
1659
|
+
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
1660
|
+
<ol class="pf-v6-c-breadcrumb__list" role="list">
|
|
1661
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1662
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
|
|
1663
|
+
</li>
|
|
1664
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1665
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
1666
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1667
|
+
</span>
|
|
1659
1668
|
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1669
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
1670
|
+
</li>
|
|
1671
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1672
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
1673
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1674
|
+
</span>
|
|
1666
1675
|
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1676
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
1677
|
+
</li>
|
|
1678
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
1679
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
1680
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1681
|
+
</span>
|
|
1673
1682
|
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
</div>
|
|
1683
|
-
</section>
|
|
1684
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
1685
|
-
<div class="pf-v6-c-page__main-body">
|
|
1686
|
-
<div class="pf-v6-c-content">
|
|
1687
|
-
<h1>Main title</h1>
|
|
1688
|
-
<p>This is a full page demo.</p>
|
|
1683
|
+
<a
|
|
1684
|
+
href="#"
|
|
1685
|
+
class="pf-v6-c-breadcrumb__link pf-m-current"
|
|
1686
|
+
aria-current="page"
|
|
1687
|
+
>Section landing</a>
|
|
1688
|
+
</li>
|
|
1689
|
+
</ol>
|
|
1690
|
+
</nav>
|
|
1689
1691
|
</div>
|
|
1690
|
-
</
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1697
|
-
</div>
|
|
1698
|
-
<div class="pf-v6-c-card">
|
|
1699
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1700
|
-
</div>
|
|
1701
|
-
<div class="pf-v6-c-card">
|
|
1702
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1703
|
-
</div>
|
|
1704
|
-
<div class="pf-v6-c-card">
|
|
1705
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1706
|
-
</div>
|
|
1707
|
-
<div class="pf-v6-c-card">
|
|
1708
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1709
|
-
</div>
|
|
1710
|
-
<div class="pf-v6-c-card">
|
|
1711
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1712
|
-
</div>
|
|
1713
|
-
<div class="pf-v6-c-card">
|
|
1714
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1692
|
+
</section>
|
|
1693
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
1694
|
+
<div class="pf-v6-c-page__main-body">
|
|
1695
|
+
<div class="pf-v6-c-content">
|
|
1696
|
+
<h1>Main title</h1>
|
|
1697
|
+
<p>This is a full page demo.</p>
|
|
1715
1698
|
</div>
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1699
|
+
</div>
|
|
1700
|
+
</section>
|
|
1701
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1702
|
+
<div class="pf-v6-c-page__main-body">
|
|
1703
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
1704
|
+
<div class="pf-v6-c-card">
|
|
1705
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1706
|
+
</div>
|
|
1707
|
+
<div class="pf-v6-c-card">
|
|
1708
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1709
|
+
</div>
|
|
1710
|
+
<div class="pf-v6-c-card">
|
|
1711
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1712
|
+
</div>
|
|
1713
|
+
<div class="pf-v6-c-card">
|
|
1714
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1715
|
+
</div>
|
|
1716
|
+
<div class="pf-v6-c-card">
|
|
1717
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1718
|
+
</div>
|
|
1719
|
+
<div class="pf-v6-c-card">
|
|
1720
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1721
|
+
</div>
|
|
1722
|
+
<div class="pf-v6-c-card">
|
|
1723
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1724
|
+
</div>
|
|
1725
|
+
<div class="pf-v6-c-card">
|
|
1726
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1727
|
+
</div>
|
|
1728
|
+
<div class="pf-v6-c-card">
|
|
1729
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1730
|
+
</div>
|
|
1731
|
+
<div class="pf-v6-c-card">
|
|
1732
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
1733
|
+
</div>
|
|
1724
1734
|
</div>
|
|
1725
1735
|
</div>
|
|
1726
|
-
</
|
|
1727
|
-
</
|
|
1728
|
-
</
|
|
1736
|
+
</section>
|
|
1737
|
+
</main>
|
|
1738
|
+
</div>
|
|
1729
1739
|
</div>
|
|
1730
1740
|
<div class="pf-v6-c-backdrop">
|
|
1731
1741
|
<div class="pf-v6-l-bullseye">
|
|
@@ -1990,92 +2000,94 @@ section: components
|
|
|
1990
2000
|
</nav>
|
|
1991
2001
|
</div>
|
|
1992
2002
|
</div>
|
|
1993
|
-
<
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
<
|
|
2000
|
-
<
|
|
2001
|
-
<
|
|
2002
|
-
<
|
|
2003
|
-
<
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
<
|
|
2007
|
-
<
|
|
2008
|
-
|
|
2003
|
+
<div class="pf-v6-c-page__main-container" tabindex="-1">
|
|
2004
|
+
<main
|
|
2005
|
+
class="pf-v6-c-page__main"
|
|
2006
|
+
tabindex="-1"
|
|
2007
|
+
id="main-content-modal-with-form-example"
|
|
2008
|
+
>
|
|
2009
|
+
<section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
|
|
2010
|
+
<div class="pf-v6-c-page__main-body">
|
|
2011
|
+
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
2012
|
+
<ol class="pf-v6-c-breadcrumb__list" role="list">
|
|
2013
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
2014
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
|
|
2015
|
+
</li>
|
|
2016
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
2017
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
2018
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2019
|
+
</span>
|
|
2009
2020
|
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2021
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
2022
|
+
</li>
|
|
2023
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
2024
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
2025
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2026
|
+
</span>
|
|
2016
2027
|
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2028
|
+
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
2029
|
+
</li>
|
|
2030
|
+
<li class="pf-v6-c-breadcrumb__item">
|
|
2031
|
+
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
2032
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2033
|
+
</span>
|
|
2023
2034
|
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
</div>
|
|
2033
|
-
</section>
|
|
2034
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
2035
|
-
<div class="pf-v6-c-page__main-body">
|
|
2036
|
-
<div class="pf-v6-c-content">
|
|
2037
|
-
<h1>Main title</h1>
|
|
2038
|
-
<p>This is a full page demo.</p>
|
|
2035
|
+
<a
|
|
2036
|
+
href="#"
|
|
2037
|
+
class="pf-v6-c-breadcrumb__link pf-m-current"
|
|
2038
|
+
aria-current="page"
|
|
2039
|
+
>Section landing</a>
|
|
2040
|
+
</li>
|
|
2041
|
+
</ol>
|
|
2042
|
+
</nav>
|
|
2039
2043
|
</div>
|
|
2040
|
-
</
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2047
|
-
</div>
|
|
2048
|
-
<div class="pf-v6-c-card">
|
|
2049
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2050
|
-
</div>
|
|
2051
|
-
<div class="pf-v6-c-card">
|
|
2052
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2053
|
-
</div>
|
|
2054
|
-
<div class="pf-v6-c-card">
|
|
2055
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2056
|
-
</div>
|
|
2057
|
-
<div class="pf-v6-c-card">
|
|
2058
|
-
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2044
|
+
</section>
|
|
2045
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
|
|
2046
|
+
<div class="pf-v6-c-page__main-body">
|
|
2047
|
+
<div class="pf-v6-c-content">
|
|
2048
|
+
<h1>Main title</h1>
|
|
2049
|
+
<p>This is a full page demo.</p>
|
|
2059
2050
|
</div>
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2051
|
+
</div>
|
|
2052
|
+
</section>
|
|
2053
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
2054
|
+
<div class="pf-v6-c-page__main-body">
|
|
2055
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
2056
|
+
<div class="pf-v6-c-card">
|
|
2057
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2058
|
+
</div>
|
|
2059
|
+
<div class="pf-v6-c-card">
|
|
2060
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2061
|
+
</div>
|
|
2062
|
+
<div class="pf-v6-c-card">
|
|
2063
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2064
|
+
</div>
|
|
2065
|
+
<div class="pf-v6-c-card">
|
|
2066
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2067
|
+
</div>
|
|
2068
|
+
<div class="pf-v6-c-card">
|
|
2069
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2070
|
+
</div>
|
|
2071
|
+
<div class="pf-v6-c-card">
|
|
2072
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2073
|
+
</div>
|
|
2074
|
+
<div class="pf-v6-c-card">
|
|
2075
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2076
|
+
</div>
|
|
2077
|
+
<div class="pf-v6-c-card">
|
|
2078
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2079
|
+
</div>
|
|
2080
|
+
<div class="pf-v6-c-card">
|
|
2081
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2082
|
+
</div>
|
|
2083
|
+
<div class="pf-v6-c-card">
|
|
2084
|
+
<div class="pf-v6-c-card__body">This is a card</div>
|
|
2085
|
+
</div>
|
|
2074
2086
|
</div>
|
|
2075
2087
|
</div>
|
|
2076
|
-
</
|
|
2077
|
-
</
|
|
2078
|
-
</
|
|
2088
|
+
</section>
|
|
2089
|
+
</main>
|
|
2090
|
+
</div>
|
|
2079
2091
|
</div>
|
|
2080
2092
|
<div class="pf-v6-c-backdrop">
|
|
2081
2093
|
<div class="pf-v6-l-bullseye">
|