@patternfly/patternfly 4.180.0 → 4.182.0
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/assets/images/status-icon-sprite.svg +38 -0
- package/components/FormControl/form-control.css +26 -0
- package/components/FormControl/form-control.scss +30 -1
- package/components/Masthead/masthead.css +21 -27
- package/components/Masthead/masthead.scss +21 -27
- package/components/Menu/menu.css +10 -0
- package/components/Menu/menu.scss +14 -0
- package/components/MenuToggle/menu-toggle.css +141 -7
- package/components/MenuToggle/menu-toggle.scss +208 -8
- package/docs/components/FormControl/examples/FormControl.md +151 -0
- package/docs/components/Menu/examples/Menu.md +67 -2
- package/docs/components/MenuToggle/examples/MenuToggle.md +552 -20
- package/docs/components/Page/examples/Page.md +11 -2
- package/docs/components/Table/examples/Table.md +8 -0
- package/docs/components/Wizard/examples/Wizard.md +6 -6
- package/docs/demos/Alert/examples/Alert.md +20 -40
- package/docs/demos/BackToTop/examples/BackToTop.md +149 -249
- package/docs/demos/ContextSelector/examples/ContextSelector.md +86 -166
- package/docs/demos/DescriptionList/examples/DescriptionList.md +3358 -0
- package/docs/demos/Drawer/examples/Drawer.md +60 -120
- package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -31
- package/docs/demos/Masthead/examples/Masthead.md +144 -284
- package/docs/demos/Nav/examples/Nav.md +203 -343
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +100 -200
- package/docs/demos/Page/examples/Page.md +589 -1137
- package/docs/demos/Table/examples/Table.md +26 -26
- package/docs/demos/Tabs/examples/Tabs.md +11 -19
- package/docs/demos/Wizard/examples/Wizard.md +6 -2
- package/package.json +1 -1
- package/patternfly-no-reset.css +198 -34
- package/patternfly.css +198 -34
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -74,7 +74,7 @@ wrapperTag: div
|
|
|
74
74
|
<button
|
|
75
75
|
class="pf-c-app-launcher__toggle"
|
|
76
76
|
type="button"
|
|
77
|
-
id="-button"
|
|
77
|
+
id="page-demo-basic-masthead-icon-group--app-launcher-button"
|
|
78
78
|
aria-expanded="false"
|
|
79
79
|
aria-label="Application launcher"
|
|
80
80
|
>
|
|
@@ -751,7 +751,7 @@ wrapperTag: div
|
|
|
751
751
|
</div>
|
|
752
752
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
753
753
|
<div
|
|
754
|
-
class="pf-c-dropdown"
|
|
754
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
755
755
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
756
756
|
>
|
|
757
757
|
<button
|
|
@@ -887,55 +887,35 @@ wrapperTag: div
|
|
|
887
887
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
888
888
|
<div class="pf-c-page__main-body">
|
|
889
889
|
<div class="pf-l-gallery pf-m-gutter">
|
|
890
|
-
<div class="pf-
|
|
891
|
-
<div class="pf-c-
|
|
892
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
893
|
-
</div>
|
|
890
|
+
<div class="pf-c-card">
|
|
891
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
894
892
|
</div>
|
|
895
|
-
<div class="pf-
|
|
896
|
-
<div class="pf-c-
|
|
897
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
898
|
-
</div>
|
|
893
|
+
<div class="pf-c-card">
|
|
894
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
899
895
|
</div>
|
|
900
|
-
<div class="pf-
|
|
901
|
-
<div class="pf-c-
|
|
902
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
903
|
-
</div>
|
|
896
|
+
<div class="pf-c-card">
|
|
897
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
904
898
|
</div>
|
|
905
|
-
<div class="pf-
|
|
906
|
-
<div class="pf-c-
|
|
907
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
908
|
-
</div>
|
|
899
|
+
<div class="pf-c-card">
|
|
900
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
909
901
|
</div>
|
|
910
|
-
<div class="pf-
|
|
911
|
-
<div class="pf-c-
|
|
912
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
913
|
-
</div>
|
|
902
|
+
<div class="pf-c-card">
|
|
903
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
914
904
|
</div>
|
|
915
|
-
<div class="pf-
|
|
916
|
-
<div class="pf-c-
|
|
917
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
918
|
-
</div>
|
|
905
|
+
<div class="pf-c-card">
|
|
906
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
919
907
|
</div>
|
|
920
|
-
<div class="pf-
|
|
921
|
-
<div class="pf-c-
|
|
922
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
923
|
-
</div>
|
|
908
|
+
<div class="pf-c-card">
|
|
909
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
924
910
|
</div>
|
|
925
|
-
<div class="pf-
|
|
926
|
-
<div class="pf-c-
|
|
927
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
928
|
-
</div>
|
|
911
|
+
<div class="pf-c-card">
|
|
912
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
929
913
|
</div>
|
|
930
|
-
<div class="pf-
|
|
931
|
-
<div class="pf-c-
|
|
932
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
933
|
-
</div>
|
|
914
|
+
<div class="pf-c-card">
|
|
915
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
934
916
|
</div>
|
|
935
|
-
<div class="pf-
|
|
936
|
-
<div class="pf-c-
|
|
937
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
938
|
-
</div>
|
|
917
|
+
<div class="pf-c-card">
|
|
918
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
939
919
|
</div>
|
|
940
920
|
</div>
|
|
941
921
|
</div>
|
|
@@ -1018,7 +998,7 @@ wrapperTag: div
|
|
|
1018
998
|
<button
|
|
1019
999
|
class="pf-c-app-launcher__toggle"
|
|
1020
1000
|
type="button"
|
|
1021
|
-
id="-button"
|
|
1001
|
+
id="page-demo-sticky-top-horizontal-subnav-masthead-icon-group--app-launcher-button"
|
|
1022
1002
|
aria-expanded="false"
|
|
1023
1003
|
aria-label="Application launcher"
|
|
1024
1004
|
>
|
|
@@ -1695,7 +1675,7 @@ wrapperTag: div
|
|
|
1695
1675
|
</div>
|
|
1696
1676
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
1697
1677
|
<div
|
|
1698
|
-
class="pf-c-dropdown"
|
|
1678
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
1699
1679
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
1700
1680
|
>
|
|
1701
1681
|
<button
|
|
@@ -1875,255 +1855,155 @@ wrapperTag: div
|
|
|
1875
1855
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
1876
1856
|
<div class="pf-c-page__main-body">
|
|
1877
1857
|
<div class="pf-l-gallery pf-m-gutter">
|
|
1878
|
-
<div class="pf-
|
|
1879
|
-
<div class="pf-c-
|
|
1880
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1881
|
-
</div>
|
|
1858
|
+
<div class="pf-c-card">
|
|
1859
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1882
1860
|
</div>
|
|
1883
|
-
<div class="pf-
|
|
1884
|
-
<div class="pf-c-
|
|
1885
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1886
|
-
</div>
|
|
1861
|
+
<div class="pf-c-card">
|
|
1862
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1887
1863
|
</div>
|
|
1888
|
-
<div class="pf-
|
|
1889
|
-
<div class="pf-c-
|
|
1890
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1891
|
-
</div>
|
|
1864
|
+
<div class="pf-c-card">
|
|
1865
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1892
1866
|
</div>
|
|
1893
|
-
<div class="pf-
|
|
1894
|
-
<div class="pf-c-
|
|
1895
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1896
|
-
</div>
|
|
1867
|
+
<div class="pf-c-card">
|
|
1868
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1897
1869
|
</div>
|
|
1898
|
-
<div class="pf-
|
|
1899
|
-
<div class="pf-c-
|
|
1900
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1901
|
-
</div>
|
|
1870
|
+
<div class="pf-c-card">
|
|
1871
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1902
1872
|
</div>
|
|
1903
|
-
<div class="pf-
|
|
1904
|
-
<div class="pf-c-
|
|
1905
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1906
|
-
</div>
|
|
1873
|
+
<div class="pf-c-card">
|
|
1874
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1907
1875
|
</div>
|
|
1908
|
-
<div class="pf-
|
|
1909
|
-
<div class="pf-c-
|
|
1910
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1911
|
-
</div>
|
|
1876
|
+
<div class="pf-c-card">
|
|
1877
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1912
1878
|
</div>
|
|
1913
|
-
<div class="pf-
|
|
1914
|
-
<div class="pf-c-
|
|
1915
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1916
|
-
</div>
|
|
1879
|
+
<div class="pf-c-card">
|
|
1880
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1917
1881
|
</div>
|
|
1918
|
-
<div class="pf-
|
|
1919
|
-
<div class="pf-c-
|
|
1920
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1921
|
-
</div>
|
|
1882
|
+
<div class="pf-c-card">
|
|
1883
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1922
1884
|
</div>
|
|
1923
|
-
<div class="pf-
|
|
1924
|
-
<div class="pf-c-
|
|
1925
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1926
|
-
</div>
|
|
1885
|
+
<div class="pf-c-card">
|
|
1886
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1927
1887
|
</div>
|
|
1928
|
-
<div class="pf-
|
|
1929
|
-
<div class="pf-c-
|
|
1930
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1931
|
-
</div>
|
|
1888
|
+
<div class="pf-c-card">
|
|
1889
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1932
1890
|
</div>
|
|
1933
|
-
<div class="pf-
|
|
1934
|
-
<div class="pf-c-
|
|
1935
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1936
|
-
</div>
|
|
1891
|
+
<div class="pf-c-card">
|
|
1892
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1937
1893
|
</div>
|
|
1938
|
-
<div class="pf-
|
|
1939
|
-
<div class="pf-c-
|
|
1940
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1941
|
-
</div>
|
|
1894
|
+
<div class="pf-c-card">
|
|
1895
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1942
1896
|
</div>
|
|
1943
|
-
<div class="pf-
|
|
1944
|
-
<div class="pf-c-
|
|
1945
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1946
|
-
</div>
|
|
1897
|
+
<div class="pf-c-card">
|
|
1898
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1947
1899
|
</div>
|
|
1948
|
-
<div class="pf-
|
|
1949
|
-
<div class="pf-c-
|
|
1950
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1951
|
-
</div>
|
|
1900
|
+
<div class="pf-c-card">
|
|
1901
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1952
1902
|
</div>
|
|
1953
|
-
<div class="pf-
|
|
1954
|
-
<div class="pf-c-
|
|
1955
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1956
|
-
</div>
|
|
1903
|
+
<div class="pf-c-card">
|
|
1904
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1957
1905
|
</div>
|
|
1958
|
-
<div class="pf-
|
|
1959
|
-
<div class="pf-c-
|
|
1960
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1961
|
-
</div>
|
|
1906
|
+
<div class="pf-c-card">
|
|
1907
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1962
1908
|
</div>
|
|
1963
|
-
<div class="pf-
|
|
1964
|
-
<div class="pf-c-
|
|
1965
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1966
|
-
</div>
|
|
1909
|
+
<div class="pf-c-card">
|
|
1910
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1967
1911
|
</div>
|
|
1968
|
-
<div class="pf-
|
|
1969
|
-
<div class="pf-c-
|
|
1970
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1971
|
-
</div>
|
|
1912
|
+
<div class="pf-c-card">
|
|
1913
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1972
1914
|
</div>
|
|
1973
|
-
<div class="pf-
|
|
1974
|
-
<div class="pf-c-
|
|
1975
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1976
|
-
</div>
|
|
1915
|
+
<div class="pf-c-card">
|
|
1916
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1977
1917
|
</div>
|
|
1978
|
-
<div class="pf-
|
|
1979
|
-
<div class="pf-c-
|
|
1980
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1981
|
-
</div>
|
|
1918
|
+
<div class="pf-c-card">
|
|
1919
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1982
1920
|
</div>
|
|
1983
|
-
<div class="pf-
|
|
1984
|
-
<div class="pf-c-
|
|
1985
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1986
|
-
</div>
|
|
1921
|
+
<div class="pf-c-card">
|
|
1922
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1987
1923
|
</div>
|
|
1988
|
-
<div class="pf-
|
|
1989
|
-
<div class="pf-c-
|
|
1990
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1991
|
-
</div>
|
|
1924
|
+
<div class="pf-c-card">
|
|
1925
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1992
1926
|
</div>
|
|
1993
|
-
<div class="pf-
|
|
1994
|
-
<div class="pf-c-
|
|
1995
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1996
|
-
</div>
|
|
1927
|
+
<div class="pf-c-card">
|
|
1928
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1997
1929
|
</div>
|
|
1998
|
-
<div class="pf-
|
|
1999
|
-
<div class="pf-c-
|
|
2000
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2001
|
-
</div>
|
|
1930
|
+
<div class="pf-c-card">
|
|
1931
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2002
1932
|
</div>
|
|
2003
|
-
<div class="pf-
|
|
2004
|
-
<div class="pf-c-
|
|
2005
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2006
|
-
</div>
|
|
1933
|
+
<div class="pf-c-card">
|
|
1934
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2007
1935
|
</div>
|
|
2008
|
-
<div class="pf-
|
|
2009
|
-
<div class="pf-c-
|
|
2010
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2011
|
-
</div>
|
|
1936
|
+
<div class="pf-c-card">
|
|
1937
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2012
1938
|
</div>
|
|
2013
|
-
<div class="pf-
|
|
2014
|
-
<div class="pf-c-
|
|
2015
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2016
|
-
</div>
|
|
1939
|
+
<div class="pf-c-card">
|
|
1940
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2017
1941
|
</div>
|
|
2018
|
-
<div class="pf-
|
|
2019
|
-
<div class="pf-c-
|
|
2020
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2021
|
-
</div>
|
|
1942
|
+
<div class="pf-c-card">
|
|
1943
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2022
1944
|
</div>
|
|
2023
|
-
<div class="pf-
|
|
2024
|
-
<div class="pf-c-
|
|
2025
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2026
|
-
</div>
|
|
1945
|
+
<div class="pf-c-card">
|
|
1946
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2027
1947
|
</div>
|
|
2028
|
-
<div class="pf-
|
|
2029
|
-
<div class="pf-c-
|
|
2030
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2031
|
-
</div>
|
|
1948
|
+
<div class="pf-c-card">
|
|
1949
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2032
1950
|
</div>
|
|
2033
|
-
<div class="pf-
|
|
2034
|
-
<div class="pf-c-
|
|
2035
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2036
|
-
</div>
|
|
1951
|
+
<div class="pf-c-card">
|
|
1952
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2037
1953
|
</div>
|
|
2038
|
-
<div class="pf-
|
|
2039
|
-
<div class="pf-c-
|
|
2040
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2041
|
-
</div>
|
|
1954
|
+
<div class="pf-c-card">
|
|
1955
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2042
1956
|
</div>
|
|
2043
|
-
<div class="pf-
|
|
2044
|
-
<div class="pf-c-
|
|
2045
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2046
|
-
</div>
|
|
1957
|
+
<div class="pf-c-card">
|
|
1958
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2047
1959
|
</div>
|
|
2048
|
-
<div class="pf-
|
|
2049
|
-
<div class="pf-c-
|
|
2050
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2051
|
-
</div>
|
|
1960
|
+
<div class="pf-c-card">
|
|
1961
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2052
1962
|
</div>
|
|
2053
|
-
<div class="pf-
|
|
2054
|
-
<div class="pf-c-
|
|
2055
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2056
|
-
</div>
|
|
1963
|
+
<div class="pf-c-card">
|
|
1964
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2057
1965
|
</div>
|
|
2058
|
-
<div class="pf-
|
|
2059
|
-
<div class="pf-c-
|
|
2060
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2061
|
-
</div>
|
|
1966
|
+
<div class="pf-c-card">
|
|
1967
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2062
1968
|
</div>
|
|
2063
|
-
<div class="pf-
|
|
2064
|
-
<div class="pf-c-
|
|
2065
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2066
|
-
</div>
|
|
1969
|
+
<div class="pf-c-card">
|
|
1970
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2067
1971
|
</div>
|
|
2068
|
-
<div class="pf-
|
|
2069
|
-
<div class="pf-c-
|
|
2070
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2071
|
-
</div>
|
|
1972
|
+
<div class="pf-c-card">
|
|
1973
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2072
1974
|
</div>
|
|
2073
|
-
<div class="pf-
|
|
2074
|
-
<div class="pf-c-
|
|
2075
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2076
|
-
</div>
|
|
1975
|
+
<div class="pf-c-card">
|
|
1976
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2077
1977
|
</div>
|
|
2078
|
-
<div class="pf-
|
|
2079
|
-
<div class="pf-c-
|
|
2080
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2081
|
-
</div>
|
|
1978
|
+
<div class="pf-c-card">
|
|
1979
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2082
1980
|
</div>
|
|
2083
|
-
<div class="pf-
|
|
2084
|
-
<div class="pf-c-
|
|
2085
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2086
|
-
</div>
|
|
1981
|
+
<div class="pf-c-card">
|
|
1982
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2087
1983
|
</div>
|
|
2088
|
-
<div class="pf-
|
|
2089
|
-
<div class="pf-c-
|
|
2090
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2091
|
-
</div>
|
|
1984
|
+
<div class="pf-c-card">
|
|
1985
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2092
1986
|
</div>
|
|
2093
|
-
<div class="pf-
|
|
2094
|
-
<div class="pf-c-
|
|
2095
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2096
|
-
</div>
|
|
1987
|
+
<div class="pf-c-card">
|
|
1988
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2097
1989
|
</div>
|
|
2098
|
-
<div class="pf-
|
|
2099
|
-
<div class="pf-c-
|
|
2100
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2101
|
-
</div>
|
|
1990
|
+
<div class="pf-c-card">
|
|
1991
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2102
1992
|
</div>
|
|
2103
|
-
<div class="pf-
|
|
2104
|
-
<div class="pf-c-
|
|
2105
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2106
|
-
</div>
|
|
1993
|
+
<div class="pf-c-card">
|
|
1994
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2107
1995
|
</div>
|
|
2108
|
-
<div class="pf-
|
|
2109
|
-
<div class="pf-c-
|
|
2110
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2111
|
-
</div>
|
|
1996
|
+
<div class="pf-c-card">
|
|
1997
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2112
1998
|
</div>
|
|
2113
|
-
<div class="pf-
|
|
2114
|
-
<div class="pf-c-
|
|
2115
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2116
|
-
</div>
|
|
1999
|
+
<div class="pf-c-card">
|
|
2000
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2117
2001
|
</div>
|
|
2118
|
-
<div class="pf-
|
|
2119
|
-
<div class="pf-c-
|
|
2120
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2121
|
-
</div>
|
|
2002
|
+
<div class="pf-c-card">
|
|
2003
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2122
2004
|
</div>
|
|
2123
|
-
<div class="pf-
|
|
2124
|
-
<div class="pf-c-
|
|
2125
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2126
|
-
</div>
|
|
2005
|
+
<div class="pf-c-card">
|
|
2006
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2127
2007
|
</div>
|
|
2128
2008
|
</div>
|
|
2129
2009
|
</div>
|
|
@@ -2203,7 +2083,7 @@ wrapperTag: div
|
|
|
2203
2083
|
<button
|
|
2204
2084
|
class="pf-c-app-launcher__toggle"
|
|
2205
2085
|
type="button"
|
|
2206
|
-
id="-button"
|
|
2086
|
+
id="page-demo-sticky-top-breadcrumb-masthead-icon-group--app-launcher-button"
|
|
2207
2087
|
aria-expanded="false"
|
|
2208
2088
|
aria-label="Application launcher"
|
|
2209
2089
|
>
|
|
@@ -2880,7 +2760,7 @@ wrapperTag: div
|
|
|
2880
2760
|
</div>
|
|
2881
2761
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
2882
2762
|
<div
|
|
2883
|
-
class="pf-c-dropdown"
|
|
2763
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
2884
2764
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
2885
2765
|
>
|
|
2886
2766
|
<button
|
|
@@ -3022,255 +2902,155 @@ wrapperTag: div
|
|
|
3022
2902
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
3023
2903
|
<div class="pf-c-page__main-body">
|
|
3024
2904
|
<div class="pf-l-gallery pf-m-gutter">
|
|
3025
|
-
<div class="pf-
|
|
3026
|
-
<div class="pf-c-
|
|
3027
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3028
|
-
</div>
|
|
2905
|
+
<div class="pf-c-card">
|
|
2906
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3029
2907
|
</div>
|
|
3030
|
-
<div class="pf-
|
|
3031
|
-
<div class="pf-c-
|
|
3032
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3033
|
-
</div>
|
|
2908
|
+
<div class="pf-c-card">
|
|
2909
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3034
2910
|
</div>
|
|
3035
|
-
<div class="pf-
|
|
3036
|
-
<div class="pf-c-
|
|
3037
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3038
|
-
</div>
|
|
2911
|
+
<div class="pf-c-card">
|
|
2912
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3039
2913
|
</div>
|
|
3040
|
-
<div class="pf-
|
|
3041
|
-
<div class="pf-c-
|
|
3042
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3043
|
-
</div>
|
|
2914
|
+
<div class="pf-c-card">
|
|
2915
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3044
2916
|
</div>
|
|
3045
|
-
<div class="pf-
|
|
3046
|
-
<div class="pf-c-
|
|
3047
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3048
|
-
</div>
|
|
2917
|
+
<div class="pf-c-card">
|
|
2918
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3049
2919
|
</div>
|
|
3050
|
-
<div class="pf-
|
|
3051
|
-
<div class="pf-c-
|
|
3052
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3053
|
-
</div>
|
|
2920
|
+
<div class="pf-c-card">
|
|
2921
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3054
2922
|
</div>
|
|
3055
|
-
<div class="pf-
|
|
3056
|
-
<div class="pf-c-
|
|
3057
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3058
|
-
</div>
|
|
2923
|
+
<div class="pf-c-card">
|
|
2924
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3059
2925
|
</div>
|
|
3060
|
-
<div class="pf-
|
|
3061
|
-
<div class="pf-c-
|
|
3062
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3063
|
-
</div>
|
|
2926
|
+
<div class="pf-c-card">
|
|
2927
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3064
2928
|
</div>
|
|
3065
|
-
<div class="pf-
|
|
3066
|
-
<div class="pf-c-
|
|
3067
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3068
|
-
</div>
|
|
2929
|
+
<div class="pf-c-card">
|
|
2930
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3069
2931
|
</div>
|
|
3070
|
-
<div class="pf-
|
|
3071
|
-
<div class="pf-c-
|
|
3072
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3073
|
-
</div>
|
|
2932
|
+
<div class="pf-c-card">
|
|
2933
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3074
2934
|
</div>
|
|
3075
|
-
<div class="pf-
|
|
3076
|
-
<div class="pf-c-
|
|
3077
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3078
|
-
</div>
|
|
2935
|
+
<div class="pf-c-card">
|
|
2936
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3079
2937
|
</div>
|
|
3080
|
-
<div class="pf-
|
|
3081
|
-
<div class="pf-c-
|
|
3082
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3083
|
-
</div>
|
|
2938
|
+
<div class="pf-c-card">
|
|
2939
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3084
2940
|
</div>
|
|
3085
|
-
<div class="pf-
|
|
3086
|
-
<div class="pf-c-
|
|
3087
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3088
|
-
</div>
|
|
2941
|
+
<div class="pf-c-card">
|
|
2942
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3089
2943
|
</div>
|
|
3090
|
-
<div class="pf-
|
|
3091
|
-
<div class="pf-c-
|
|
3092
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3093
|
-
</div>
|
|
2944
|
+
<div class="pf-c-card">
|
|
2945
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3094
2946
|
</div>
|
|
3095
|
-
<div class="pf-
|
|
3096
|
-
<div class="pf-c-
|
|
3097
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3098
|
-
</div>
|
|
2947
|
+
<div class="pf-c-card">
|
|
2948
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3099
2949
|
</div>
|
|
3100
|
-
<div class="pf-
|
|
3101
|
-
<div class="pf-c-
|
|
3102
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3103
|
-
</div>
|
|
2950
|
+
<div class="pf-c-card">
|
|
2951
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3104
2952
|
</div>
|
|
3105
|
-
<div class="pf-
|
|
3106
|
-
<div class="pf-c-
|
|
3107
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3108
|
-
</div>
|
|
2953
|
+
<div class="pf-c-card">
|
|
2954
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3109
2955
|
</div>
|
|
3110
|
-
<div class="pf-
|
|
3111
|
-
<div class="pf-c-
|
|
3112
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3113
|
-
</div>
|
|
2956
|
+
<div class="pf-c-card">
|
|
2957
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3114
2958
|
</div>
|
|
3115
|
-
<div class="pf-
|
|
3116
|
-
<div class="pf-c-
|
|
3117
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3118
|
-
</div>
|
|
2959
|
+
<div class="pf-c-card">
|
|
2960
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3119
2961
|
</div>
|
|
3120
|
-
<div class="pf-
|
|
3121
|
-
<div class="pf-c-
|
|
3122
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3123
|
-
</div>
|
|
2962
|
+
<div class="pf-c-card">
|
|
2963
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3124
2964
|
</div>
|
|
3125
|
-
<div class="pf-
|
|
3126
|
-
<div class="pf-c-
|
|
3127
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3128
|
-
</div>
|
|
2965
|
+
<div class="pf-c-card">
|
|
2966
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3129
2967
|
</div>
|
|
3130
|
-
<div class="pf-
|
|
3131
|
-
<div class="pf-c-
|
|
3132
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3133
|
-
</div>
|
|
2968
|
+
<div class="pf-c-card">
|
|
2969
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3134
2970
|
</div>
|
|
3135
|
-
<div class="pf-
|
|
3136
|
-
<div class="pf-c-
|
|
3137
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3138
|
-
</div>
|
|
2971
|
+
<div class="pf-c-card">
|
|
2972
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3139
2973
|
</div>
|
|
3140
|
-
<div class="pf-
|
|
3141
|
-
<div class="pf-c-
|
|
3142
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3143
|
-
</div>
|
|
2974
|
+
<div class="pf-c-card">
|
|
2975
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3144
2976
|
</div>
|
|
3145
|
-
<div class="pf-
|
|
3146
|
-
<div class="pf-c-
|
|
3147
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3148
|
-
</div>
|
|
2977
|
+
<div class="pf-c-card">
|
|
2978
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3149
2979
|
</div>
|
|
3150
|
-
<div class="pf-
|
|
3151
|
-
<div class="pf-c-
|
|
3152
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3153
|
-
</div>
|
|
2980
|
+
<div class="pf-c-card">
|
|
2981
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3154
2982
|
</div>
|
|
3155
|
-
<div class="pf-
|
|
3156
|
-
<div class="pf-c-
|
|
3157
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3158
|
-
</div>
|
|
2983
|
+
<div class="pf-c-card">
|
|
2984
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3159
2985
|
</div>
|
|
3160
|
-
<div class="pf-
|
|
3161
|
-
<div class="pf-c-
|
|
3162
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3163
|
-
</div>
|
|
2986
|
+
<div class="pf-c-card">
|
|
2987
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3164
2988
|
</div>
|
|
3165
|
-
<div class="pf-
|
|
3166
|
-
<div class="pf-c-
|
|
3167
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3168
|
-
</div>
|
|
2989
|
+
<div class="pf-c-card">
|
|
2990
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3169
2991
|
</div>
|
|
3170
|
-
<div class="pf-
|
|
3171
|
-
<div class="pf-c-
|
|
3172
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3173
|
-
</div>
|
|
2992
|
+
<div class="pf-c-card">
|
|
2993
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3174
2994
|
</div>
|
|
3175
|
-
<div class="pf-
|
|
3176
|
-
<div class="pf-c-
|
|
3177
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3178
|
-
</div>
|
|
2995
|
+
<div class="pf-c-card">
|
|
2996
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3179
2997
|
</div>
|
|
3180
|
-
<div class="pf-
|
|
3181
|
-
<div class="pf-c-
|
|
3182
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3183
|
-
</div>
|
|
2998
|
+
<div class="pf-c-card">
|
|
2999
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3184
3000
|
</div>
|
|
3185
|
-
<div class="pf-
|
|
3186
|
-
<div class="pf-c-
|
|
3187
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3188
|
-
</div>
|
|
3001
|
+
<div class="pf-c-card">
|
|
3002
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3189
3003
|
</div>
|
|
3190
|
-
<div class="pf-
|
|
3191
|
-
<div class="pf-c-
|
|
3192
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3193
|
-
</div>
|
|
3004
|
+
<div class="pf-c-card">
|
|
3005
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3194
3006
|
</div>
|
|
3195
|
-
<div class="pf-
|
|
3196
|
-
<div class="pf-c-
|
|
3197
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3198
|
-
</div>
|
|
3007
|
+
<div class="pf-c-card">
|
|
3008
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3199
3009
|
</div>
|
|
3200
|
-
<div class="pf-
|
|
3201
|
-
<div class="pf-c-
|
|
3202
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3203
|
-
</div>
|
|
3010
|
+
<div class="pf-c-card">
|
|
3011
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3204
3012
|
</div>
|
|
3205
|
-
<div class="pf-
|
|
3206
|
-
<div class="pf-c-
|
|
3207
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3208
|
-
</div>
|
|
3013
|
+
<div class="pf-c-card">
|
|
3014
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3209
3015
|
</div>
|
|
3210
|
-
<div class="pf-
|
|
3211
|
-
<div class="pf-c-
|
|
3212
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3213
|
-
</div>
|
|
3016
|
+
<div class="pf-c-card">
|
|
3017
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3214
3018
|
</div>
|
|
3215
|
-
<div class="pf-
|
|
3216
|
-
<div class="pf-c-
|
|
3217
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3218
|
-
</div>
|
|
3019
|
+
<div class="pf-c-card">
|
|
3020
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3219
3021
|
</div>
|
|
3220
|
-
<div class="pf-
|
|
3221
|
-
<div class="pf-c-
|
|
3222
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3223
|
-
</div>
|
|
3022
|
+
<div class="pf-c-card">
|
|
3023
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3224
3024
|
</div>
|
|
3225
|
-
<div class="pf-
|
|
3226
|
-
<div class="pf-c-
|
|
3227
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3228
|
-
</div>
|
|
3025
|
+
<div class="pf-c-card">
|
|
3026
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3229
3027
|
</div>
|
|
3230
|
-
<div class="pf-
|
|
3231
|
-
<div class="pf-c-
|
|
3232
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3233
|
-
</div>
|
|
3028
|
+
<div class="pf-c-card">
|
|
3029
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3234
3030
|
</div>
|
|
3235
|
-
<div class="pf-
|
|
3236
|
-
<div class="pf-c-
|
|
3237
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3238
|
-
</div>
|
|
3031
|
+
<div class="pf-c-card">
|
|
3032
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3239
3033
|
</div>
|
|
3240
|
-
<div class="pf-
|
|
3241
|
-
<div class="pf-c-
|
|
3242
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3243
|
-
</div>
|
|
3034
|
+
<div class="pf-c-card">
|
|
3035
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3244
3036
|
</div>
|
|
3245
|
-
<div class="pf-
|
|
3246
|
-
<div class="pf-c-
|
|
3247
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3248
|
-
</div>
|
|
3037
|
+
<div class="pf-c-card">
|
|
3038
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3249
3039
|
</div>
|
|
3250
|
-
<div class="pf-
|
|
3251
|
-
<div class="pf-c-
|
|
3252
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3253
|
-
</div>
|
|
3040
|
+
<div class="pf-c-card">
|
|
3041
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3254
3042
|
</div>
|
|
3255
|
-
<div class="pf-
|
|
3256
|
-
<div class="pf-c-
|
|
3257
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3258
|
-
</div>
|
|
3043
|
+
<div class="pf-c-card">
|
|
3044
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3259
3045
|
</div>
|
|
3260
|
-
<div class="pf-
|
|
3261
|
-
<div class="pf-c-
|
|
3262
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3263
|
-
</div>
|
|
3046
|
+
<div class="pf-c-card">
|
|
3047
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3264
3048
|
</div>
|
|
3265
|
-
<div class="pf-
|
|
3266
|
-
<div class="pf-c-
|
|
3267
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3268
|
-
</div>
|
|
3049
|
+
<div class="pf-c-card">
|
|
3050
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3269
3051
|
</div>
|
|
3270
|
-
<div class="pf-
|
|
3271
|
-
<div class="pf-c-
|
|
3272
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3273
|
-
</div>
|
|
3052
|
+
<div class="pf-c-card">
|
|
3053
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3274
3054
|
</div>
|
|
3275
3055
|
</div>
|
|
3276
3056
|
</div>
|
|
@@ -3353,7 +3133,7 @@ wrapperTag: div
|
|
|
3353
3133
|
<button
|
|
3354
3134
|
class="pf-c-app-launcher__toggle"
|
|
3355
3135
|
type="button"
|
|
3356
|
-
id="-button"
|
|
3136
|
+
id="page-demo-sticky-top-section-group-masthead-icon-group--app-launcher-button"
|
|
3357
3137
|
aria-expanded="false"
|
|
3358
3138
|
aria-label="Application launcher"
|
|
3359
3139
|
>
|
|
@@ -4030,7 +3810,7 @@ wrapperTag: div
|
|
|
4030
3810
|
</div>
|
|
4031
3811
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
4032
3812
|
<div
|
|
4033
|
-
class="pf-c-dropdown"
|
|
3813
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
4034
3814
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
4035
3815
|
>
|
|
4036
3816
|
<button
|
|
@@ -4172,255 +3952,155 @@ wrapperTag: div
|
|
|
4172
3952
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
4173
3953
|
<div class="pf-c-page__main-body">
|
|
4174
3954
|
<div class="pf-l-gallery pf-m-gutter">
|
|
4175
|
-
<div class="pf-
|
|
4176
|
-
<div class="pf-c-
|
|
4177
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4178
|
-
</div>
|
|
3955
|
+
<div class="pf-c-card">
|
|
3956
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4179
3957
|
</div>
|
|
4180
|
-
<div class="pf-
|
|
4181
|
-
<div class="pf-c-
|
|
4182
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4183
|
-
</div>
|
|
3958
|
+
<div class="pf-c-card">
|
|
3959
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4184
3960
|
</div>
|
|
4185
|
-
<div class="pf-
|
|
4186
|
-
<div class="pf-c-
|
|
4187
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4188
|
-
</div>
|
|
3961
|
+
<div class="pf-c-card">
|
|
3962
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4189
3963
|
</div>
|
|
4190
|
-
<div class="pf-
|
|
4191
|
-
<div class="pf-c-
|
|
4192
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4193
|
-
</div>
|
|
3964
|
+
<div class="pf-c-card">
|
|
3965
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4194
3966
|
</div>
|
|
4195
|
-
<div class="pf-
|
|
4196
|
-
<div class="pf-c-
|
|
4197
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4198
|
-
</div>
|
|
3967
|
+
<div class="pf-c-card">
|
|
3968
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4199
3969
|
</div>
|
|
4200
|
-
<div class="pf-
|
|
4201
|
-
<div class="pf-c-
|
|
4202
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4203
|
-
</div>
|
|
3970
|
+
<div class="pf-c-card">
|
|
3971
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4204
3972
|
</div>
|
|
4205
|
-
<div class="pf-
|
|
4206
|
-
<div class="pf-c-
|
|
4207
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4208
|
-
</div>
|
|
3973
|
+
<div class="pf-c-card">
|
|
3974
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4209
3975
|
</div>
|
|
4210
|
-
<div class="pf-
|
|
4211
|
-
<div class="pf-c-
|
|
4212
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4213
|
-
</div>
|
|
3976
|
+
<div class="pf-c-card">
|
|
3977
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4214
3978
|
</div>
|
|
4215
|
-
<div class="pf-
|
|
4216
|
-
<div class="pf-c-
|
|
4217
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4218
|
-
</div>
|
|
3979
|
+
<div class="pf-c-card">
|
|
3980
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4219
3981
|
</div>
|
|
4220
|
-
<div class="pf-
|
|
4221
|
-
<div class="pf-c-
|
|
4222
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4223
|
-
</div>
|
|
3982
|
+
<div class="pf-c-card">
|
|
3983
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4224
3984
|
</div>
|
|
4225
|
-
<div class="pf-
|
|
4226
|
-
<div class="pf-c-
|
|
4227
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4228
|
-
</div>
|
|
3985
|
+
<div class="pf-c-card">
|
|
3986
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4229
3987
|
</div>
|
|
4230
|
-
<div class="pf-
|
|
4231
|
-
<div class="pf-c-
|
|
4232
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4233
|
-
</div>
|
|
3988
|
+
<div class="pf-c-card">
|
|
3989
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4234
3990
|
</div>
|
|
4235
|
-
<div class="pf-
|
|
4236
|
-
<div class="pf-c-
|
|
4237
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4238
|
-
</div>
|
|
3991
|
+
<div class="pf-c-card">
|
|
3992
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4239
3993
|
</div>
|
|
4240
|
-
<div class="pf-
|
|
4241
|
-
<div class="pf-c-
|
|
4242
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4243
|
-
</div>
|
|
3994
|
+
<div class="pf-c-card">
|
|
3995
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4244
3996
|
</div>
|
|
4245
|
-
<div class="pf-
|
|
4246
|
-
<div class="pf-c-
|
|
4247
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4248
|
-
</div>
|
|
3997
|
+
<div class="pf-c-card">
|
|
3998
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4249
3999
|
</div>
|
|
4250
|
-
<div class="pf-
|
|
4251
|
-
<div class="pf-c-
|
|
4252
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4253
|
-
</div>
|
|
4000
|
+
<div class="pf-c-card">
|
|
4001
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4254
4002
|
</div>
|
|
4255
|
-
<div class="pf-
|
|
4256
|
-
<div class="pf-c-
|
|
4257
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4258
|
-
</div>
|
|
4003
|
+
<div class="pf-c-card">
|
|
4004
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4259
4005
|
</div>
|
|
4260
|
-
<div class="pf-
|
|
4261
|
-
<div class="pf-c-
|
|
4262
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4263
|
-
</div>
|
|
4006
|
+
<div class="pf-c-card">
|
|
4007
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4264
4008
|
</div>
|
|
4265
|
-
<div class="pf-
|
|
4266
|
-
<div class="pf-c-
|
|
4267
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4268
|
-
</div>
|
|
4009
|
+
<div class="pf-c-card">
|
|
4010
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4269
4011
|
</div>
|
|
4270
|
-
<div class="pf-
|
|
4271
|
-
<div class="pf-c-
|
|
4272
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4273
|
-
</div>
|
|
4012
|
+
<div class="pf-c-card">
|
|
4013
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4274
4014
|
</div>
|
|
4275
|
-
<div class="pf-
|
|
4276
|
-
<div class="pf-c-
|
|
4277
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4278
|
-
</div>
|
|
4015
|
+
<div class="pf-c-card">
|
|
4016
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4279
4017
|
</div>
|
|
4280
|
-
<div class="pf-
|
|
4281
|
-
<div class="pf-c-
|
|
4282
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4283
|
-
</div>
|
|
4018
|
+
<div class="pf-c-card">
|
|
4019
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4284
4020
|
</div>
|
|
4285
|
-
<div class="pf-
|
|
4286
|
-
<div class="pf-c-
|
|
4287
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4288
|
-
</div>
|
|
4021
|
+
<div class="pf-c-card">
|
|
4022
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4289
4023
|
</div>
|
|
4290
|
-
<div class="pf-
|
|
4291
|
-
<div class="pf-c-
|
|
4292
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4293
|
-
</div>
|
|
4024
|
+
<div class="pf-c-card">
|
|
4025
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4294
4026
|
</div>
|
|
4295
|
-
<div class="pf-
|
|
4296
|
-
<div class="pf-c-
|
|
4297
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4298
|
-
</div>
|
|
4027
|
+
<div class="pf-c-card">
|
|
4028
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4299
4029
|
</div>
|
|
4300
|
-
<div class="pf-
|
|
4301
|
-
<div class="pf-c-
|
|
4302
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4303
|
-
</div>
|
|
4030
|
+
<div class="pf-c-card">
|
|
4031
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4304
4032
|
</div>
|
|
4305
|
-
<div class="pf-
|
|
4306
|
-
<div class="pf-c-
|
|
4307
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4308
|
-
</div>
|
|
4033
|
+
<div class="pf-c-card">
|
|
4034
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4309
4035
|
</div>
|
|
4310
|
-
<div class="pf-
|
|
4311
|
-
<div class="pf-c-
|
|
4312
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4313
|
-
</div>
|
|
4036
|
+
<div class="pf-c-card">
|
|
4037
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4314
4038
|
</div>
|
|
4315
|
-
<div class="pf-
|
|
4316
|
-
<div class="pf-c-
|
|
4317
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4318
|
-
</div>
|
|
4039
|
+
<div class="pf-c-card">
|
|
4040
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4319
4041
|
</div>
|
|
4320
|
-
<div class="pf-
|
|
4321
|
-
<div class="pf-c-
|
|
4322
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4323
|
-
</div>
|
|
4042
|
+
<div class="pf-c-card">
|
|
4043
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4324
4044
|
</div>
|
|
4325
|
-
<div class="pf-
|
|
4326
|
-
<div class="pf-c-
|
|
4327
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4328
|
-
</div>
|
|
4045
|
+
<div class="pf-c-card">
|
|
4046
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4329
4047
|
</div>
|
|
4330
|
-
<div class="pf-
|
|
4331
|
-
<div class="pf-c-
|
|
4332
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4333
|
-
</div>
|
|
4048
|
+
<div class="pf-c-card">
|
|
4049
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4334
4050
|
</div>
|
|
4335
|
-
<div class="pf-
|
|
4336
|
-
<div class="pf-c-
|
|
4337
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4338
|
-
</div>
|
|
4051
|
+
<div class="pf-c-card">
|
|
4052
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4339
4053
|
</div>
|
|
4340
|
-
<div class="pf-
|
|
4341
|
-
<div class="pf-c-
|
|
4342
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4343
|
-
</div>
|
|
4054
|
+
<div class="pf-c-card">
|
|
4055
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4344
4056
|
</div>
|
|
4345
|
-
<div class="pf-
|
|
4346
|
-
<div class="pf-c-
|
|
4347
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4348
|
-
</div>
|
|
4057
|
+
<div class="pf-c-card">
|
|
4058
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4349
4059
|
</div>
|
|
4350
|
-
<div class="pf-
|
|
4351
|
-
<div class="pf-c-
|
|
4352
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4353
|
-
</div>
|
|
4060
|
+
<div class="pf-c-card">
|
|
4061
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4354
4062
|
</div>
|
|
4355
|
-
<div class="pf-
|
|
4356
|
-
<div class="pf-c-
|
|
4357
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4358
|
-
</div>
|
|
4063
|
+
<div class="pf-c-card">
|
|
4064
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4359
4065
|
</div>
|
|
4360
|
-
<div class="pf-
|
|
4361
|
-
<div class="pf-c-
|
|
4362
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4363
|
-
</div>
|
|
4066
|
+
<div class="pf-c-card">
|
|
4067
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4364
4068
|
</div>
|
|
4365
|
-
<div class="pf-
|
|
4366
|
-
<div class="pf-c-
|
|
4367
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4368
|
-
</div>
|
|
4069
|
+
<div class="pf-c-card">
|
|
4070
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4369
4071
|
</div>
|
|
4370
|
-
<div class="pf-
|
|
4371
|
-
<div class="pf-c-
|
|
4372
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4373
|
-
</div>
|
|
4072
|
+
<div class="pf-c-card">
|
|
4073
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4374
4074
|
</div>
|
|
4375
|
-
<div class="pf-
|
|
4376
|
-
<div class="pf-c-
|
|
4377
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4378
|
-
</div>
|
|
4075
|
+
<div class="pf-c-card">
|
|
4076
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4379
4077
|
</div>
|
|
4380
|
-
<div class="pf-
|
|
4381
|
-
<div class="pf-c-
|
|
4382
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4383
|
-
</div>
|
|
4078
|
+
<div class="pf-c-card">
|
|
4079
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4384
4080
|
</div>
|
|
4385
|
-
<div class="pf-
|
|
4386
|
-
<div class="pf-c-
|
|
4387
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4388
|
-
</div>
|
|
4081
|
+
<div class="pf-c-card">
|
|
4082
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4389
4083
|
</div>
|
|
4390
|
-
<div class="pf-
|
|
4391
|
-
<div class="pf-c-
|
|
4392
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4393
|
-
</div>
|
|
4084
|
+
<div class="pf-c-card">
|
|
4085
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4394
4086
|
</div>
|
|
4395
|
-
<div class="pf-
|
|
4396
|
-
<div class="pf-c-
|
|
4397
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4398
|
-
</div>
|
|
4087
|
+
<div class="pf-c-card">
|
|
4088
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4399
4089
|
</div>
|
|
4400
|
-
<div class="pf-
|
|
4401
|
-
<div class="pf-c-
|
|
4402
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4403
|
-
</div>
|
|
4090
|
+
<div class="pf-c-card">
|
|
4091
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4404
4092
|
</div>
|
|
4405
|
-
<div class="pf-
|
|
4406
|
-
<div class="pf-c-
|
|
4407
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4408
|
-
</div>
|
|
4093
|
+
<div class="pf-c-card">
|
|
4094
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4409
4095
|
</div>
|
|
4410
|
-
<div class="pf-
|
|
4411
|
-
<div class="pf-c-
|
|
4412
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4413
|
-
</div>
|
|
4096
|
+
<div class="pf-c-card">
|
|
4097
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4414
4098
|
</div>
|
|
4415
|
-
<div class="pf-
|
|
4416
|
-
<div class="pf-c-
|
|
4417
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4418
|
-
</div>
|
|
4099
|
+
<div class="pf-c-card">
|
|
4100
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4419
4101
|
</div>
|
|
4420
|
-
<div class="pf-
|
|
4421
|
-
<div class="pf-c-
|
|
4422
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4423
|
-
</div>
|
|
4102
|
+
<div class="pf-c-card">
|
|
4103
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4424
4104
|
</div>
|
|
4425
4105
|
</div>
|
|
4426
4106
|
</div>
|
|
@@ -4500,7 +4180,7 @@ wrapperTag: div
|
|
|
4500
4180
|
<button
|
|
4501
4181
|
class="pf-c-app-launcher__toggle"
|
|
4502
4182
|
type="button"
|
|
4503
|
-
id="-button"
|
|
4183
|
+
id="page-demo-sticky-section-bottom-masthead-icon-group--app-launcher-button"
|
|
4504
4184
|
aria-expanded="false"
|
|
4505
4185
|
aria-label="Application launcher"
|
|
4506
4186
|
>
|
|
@@ -5177,7 +4857,7 @@ wrapperTag: div
|
|
|
5177
4857
|
</div>
|
|
5178
4858
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
5179
4859
|
<div
|
|
5180
|
-
class="pf-c-dropdown"
|
|
4860
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
5181
4861
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
5182
4862
|
>
|
|
5183
4863
|
<button
|
|
@@ -5317,255 +4997,155 @@ wrapperTag: div
|
|
|
5317
4997
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
5318
4998
|
<div class="pf-c-page__main-body">
|
|
5319
4999
|
<div class="pf-l-gallery pf-m-gutter">
|
|
5320
|
-
<div class="pf-
|
|
5321
|
-
<div class="pf-c-
|
|
5322
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5323
|
-
</div>
|
|
5000
|
+
<div class="pf-c-card">
|
|
5001
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5324
5002
|
</div>
|
|
5325
|
-
<div class="pf-
|
|
5326
|
-
<div class="pf-c-
|
|
5327
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5328
|
-
</div>
|
|
5003
|
+
<div class="pf-c-card">
|
|
5004
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5329
5005
|
</div>
|
|
5330
|
-
<div class="pf-
|
|
5331
|
-
<div class="pf-c-
|
|
5332
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5333
|
-
</div>
|
|
5006
|
+
<div class="pf-c-card">
|
|
5007
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5334
5008
|
</div>
|
|
5335
|
-
<div class="pf-
|
|
5336
|
-
<div class="pf-c-
|
|
5337
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5338
|
-
</div>
|
|
5009
|
+
<div class="pf-c-card">
|
|
5010
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5339
5011
|
</div>
|
|
5340
|
-
<div class="pf-
|
|
5341
|
-
<div class="pf-c-
|
|
5342
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5343
|
-
</div>
|
|
5012
|
+
<div class="pf-c-card">
|
|
5013
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5344
5014
|
</div>
|
|
5345
|
-
<div class="pf-
|
|
5346
|
-
<div class="pf-c-
|
|
5347
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5348
|
-
</div>
|
|
5015
|
+
<div class="pf-c-card">
|
|
5016
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5349
5017
|
</div>
|
|
5350
|
-
<div class="pf-
|
|
5351
|
-
<div class="pf-c-
|
|
5352
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5353
|
-
</div>
|
|
5018
|
+
<div class="pf-c-card">
|
|
5019
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5354
5020
|
</div>
|
|
5355
|
-
<div class="pf-
|
|
5356
|
-
<div class="pf-c-
|
|
5357
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5358
|
-
</div>
|
|
5021
|
+
<div class="pf-c-card">
|
|
5022
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5359
5023
|
</div>
|
|
5360
|
-
<div class="pf-
|
|
5361
|
-
<div class="pf-c-
|
|
5362
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5363
|
-
</div>
|
|
5024
|
+
<div class="pf-c-card">
|
|
5025
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5364
5026
|
</div>
|
|
5365
|
-
<div class="pf-
|
|
5366
|
-
<div class="pf-c-
|
|
5367
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5368
|
-
</div>
|
|
5027
|
+
<div class="pf-c-card">
|
|
5028
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5369
5029
|
</div>
|
|
5370
|
-
<div class="pf-
|
|
5371
|
-
<div class="pf-c-
|
|
5372
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5373
|
-
</div>
|
|
5030
|
+
<div class="pf-c-card">
|
|
5031
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5374
5032
|
</div>
|
|
5375
|
-
<div class="pf-
|
|
5376
|
-
<div class="pf-c-
|
|
5377
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5378
|
-
</div>
|
|
5033
|
+
<div class="pf-c-card">
|
|
5034
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5379
5035
|
</div>
|
|
5380
|
-
<div class="pf-
|
|
5381
|
-
<div class="pf-c-
|
|
5382
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5383
|
-
</div>
|
|
5036
|
+
<div class="pf-c-card">
|
|
5037
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5384
5038
|
</div>
|
|
5385
|
-
<div class="pf-
|
|
5386
|
-
<div class="pf-c-
|
|
5387
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5388
|
-
</div>
|
|
5039
|
+
<div class="pf-c-card">
|
|
5040
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5389
5041
|
</div>
|
|
5390
|
-
<div class="pf-
|
|
5391
|
-
<div class="pf-c-
|
|
5392
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5393
|
-
</div>
|
|
5042
|
+
<div class="pf-c-card">
|
|
5043
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5394
5044
|
</div>
|
|
5395
|
-
<div class="pf-
|
|
5396
|
-
<div class="pf-c-
|
|
5397
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5398
|
-
</div>
|
|
5045
|
+
<div class="pf-c-card">
|
|
5046
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5399
5047
|
</div>
|
|
5400
|
-
<div class="pf-
|
|
5401
|
-
<div class="pf-c-
|
|
5402
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5403
|
-
</div>
|
|
5048
|
+
<div class="pf-c-card">
|
|
5049
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5404
5050
|
</div>
|
|
5405
|
-
<div class="pf-
|
|
5406
|
-
<div class="pf-c-
|
|
5407
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5408
|
-
</div>
|
|
5051
|
+
<div class="pf-c-card">
|
|
5052
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5409
5053
|
</div>
|
|
5410
|
-
<div class="pf-
|
|
5411
|
-
<div class="pf-c-
|
|
5412
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5413
|
-
</div>
|
|
5054
|
+
<div class="pf-c-card">
|
|
5055
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5414
5056
|
</div>
|
|
5415
|
-
<div class="pf-
|
|
5416
|
-
<div class="pf-c-
|
|
5417
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5418
|
-
</div>
|
|
5057
|
+
<div class="pf-c-card">
|
|
5058
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5419
5059
|
</div>
|
|
5420
|
-
<div class="pf-
|
|
5421
|
-
<div class="pf-c-
|
|
5422
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5423
|
-
</div>
|
|
5060
|
+
<div class="pf-c-card">
|
|
5061
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5424
5062
|
</div>
|
|
5425
|
-
<div class="pf-
|
|
5426
|
-
<div class="pf-c-
|
|
5427
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5428
|
-
</div>
|
|
5063
|
+
<div class="pf-c-card">
|
|
5064
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5429
5065
|
</div>
|
|
5430
|
-
<div class="pf-
|
|
5431
|
-
<div class="pf-c-
|
|
5432
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5433
|
-
</div>
|
|
5066
|
+
<div class="pf-c-card">
|
|
5067
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5434
5068
|
</div>
|
|
5435
|
-
<div class="pf-
|
|
5436
|
-
<div class="pf-c-
|
|
5437
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5438
|
-
</div>
|
|
5069
|
+
<div class="pf-c-card">
|
|
5070
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5439
5071
|
</div>
|
|
5440
|
-
<div class="pf-
|
|
5441
|
-
<div class="pf-c-
|
|
5442
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5443
|
-
</div>
|
|
5072
|
+
<div class="pf-c-card">
|
|
5073
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5444
5074
|
</div>
|
|
5445
|
-
<div class="pf-
|
|
5446
|
-
<div class="pf-c-
|
|
5447
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5448
|
-
</div>
|
|
5075
|
+
<div class="pf-c-card">
|
|
5076
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5449
5077
|
</div>
|
|
5450
|
-
<div class="pf-
|
|
5451
|
-
<div class="pf-c-
|
|
5452
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5453
|
-
</div>
|
|
5078
|
+
<div class="pf-c-card">
|
|
5079
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5454
5080
|
</div>
|
|
5455
|
-
<div class="pf-
|
|
5456
|
-
<div class="pf-c-
|
|
5457
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5458
|
-
</div>
|
|
5081
|
+
<div class="pf-c-card">
|
|
5082
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5459
5083
|
</div>
|
|
5460
|
-
<div class="pf-
|
|
5461
|
-
<div class="pf-c-
|
|
5462
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5463
|
-
</div>
|
|
5084
|
+
<div class="pf-c-card">
|
|
5085
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5464
5086
|
</div>
|
|
5465
|
-
<div class="pf-
|
|
5466
|
-
<div class="pf-c-
|
|
5467
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5468
|
-
</div>
|
|
5087
|
+
<div class="pf-c-card">
|
|
5088
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5469
5089
|
</div>
|
|
5470
|
-
<div class="pf-
|
|
5471
|
-
<div class="pf-c-
|
|
5472
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5473
|
-
</div>
|
|
5090
|
+
<div class="pf-c-card">
|
|
5091
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5474
5092
|
</div>
|
|
5475
|
-
<div class="pf-
|
|
5476
|
-
<div class="pf-c-
|
|
5477
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5478
|
-
</div>
|
|
5093
|
+
<div class="pf-c-card">
|
|
5094
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5479
5095
|
</div>
|
|
5480
|
-
<div class="pf-
|
|
5481
|
-
<div class="pf-c-
|
|
5482
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5483
|
-
</div>
|
|
5096
|
+
<div class="pf-c-card">
|
|
5097
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5484
5098
|
</div>
|
|
5485
|
-
<div class="pf-
|
|
5486
|
-
<div class="pf-c-
|
|
5487
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5488
|
-
</div>
|
|
5099
|
+
<div class="pf-c-card">
|
|
5100
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5489
5101
|
</div>
|
|
5490
|
-
<div class="pf-
|
|
5491
|
-
<div class="pf-c-
|
|
5492
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5493
|
-
</div>
|
|
5102
|
+
<div class="pf-c-card">
|
|
5103
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5494
5104
|
</div>
|
|
5495
|
-
<div class="pf-
|
|
5496
|
-
<div class="pf-c-
|
|
5497
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5498
|
-
</div>
|
|
5105
|
+
<div class="pf-c-card">
|
|
5106
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5499
5107
|
</div>
|
|
5500
|
-
<div class="pf-
|
|
5501
|
-
<div class="pf-c-
|
|
5502
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5503
|
-
</div>
|
|
5108
|
+
<div class="pf-c-card">
|
|
5109
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5504
5110
|
</div>
|
|
5505
|
-
<div class="pf-
|
|
5506
|
-
<div class="pf-c-
|
|
5507
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5508
|
-
</div>
|
|
5111
|
+
<div class="pf-c-card">
|
|
5112
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5509
5113
|
</div>
|
|
5510
|
-
<div class="pf-
|
|
5511
|
-
<div class="pf-c-
|
|
5512
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5513
|
-
</div>
|
|
5114
|
+
<div class="pf-c-card">
|
|
5115
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5514
5116
|
</div>
|
|
5515
|
-
<div class="pf-
|
|
5516
|
-
<div class="pf-c-
|
|
5517
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5518
|
-
</div>
|
|
5117
|
+
<div class="pf-c-card">
|
|
5118
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5519
5119
|
</div>
|
|
5520
|
-
<div class="pf-
|
|
5521
|
-
<div class="pf-c-
|
|
5522
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5523
|
-
</div>
|
|
5120
|
+
<div class="pf-c-card">
|
|
5121
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5524
5122
|
</div>
|
|
5525
|
-
<div class="pf-
|
|
5526
|
-
<div class="pf-c-
|
|
5527
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5528
|
-
</div>
|
|
5123
|
+
<div class="pf-c-card">
|
|
5124
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5529
5125
|
</div>
|
|
5530
|
-
<div class="pf-
|
|
5531
|
-
<div class="pf-c-
|
|
5532
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5533
|
-
</div>
|
|
5126
|
+
<div class="pf-c-card">
|
|
5127
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5534
5128
|
</div>
|
|
5535
|
-
<div class="pf-
|
|
5536
|
-
<div class="pf-c-
|
|
5537
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5538
|
-
</div>
|
|
5129
|
+
<div class="pf-c-card">
|
|
5130
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5539
5131
|
</div>
|
|
5540
|
-
<div class="pf-
|
|
5541
|
-
<div class="pf-c-
|
|
5542
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5543
|
-
</div>
|
|
5132
|
+
<div class="pf-c-card">
|
|
5133
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5544
5134
|
</div>
|
|
5545
|
-
<div class="pf-
|
|
5546
|
-
<div class="pf-c-
|
|
5547
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5548
|
-
</div>
|
|
5135
|
+
<div class="pf-c-card">
|
|
5136
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5549
5137
|
</div>
|
|
5550
|
-
<div class="pf-
|
|
5551
|
-
<div class="pf-c-
|
|
5552
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5553
|
-
</div>
|
|
5138
|
+
<div class="pf-c-card">
|
|
5139
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5554
5140
|
</div>
|
|
5555
|
-
<div class="pf-
|
|
5556
|
-
<div class="pf-c-
|
|
5557
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5558
|
-
</div>
|
|
5141
|
+
<div class="pf-c-card">
|
|
5142
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5559
5143
|
</div>
|
|
5560
|
-
<div class="pf-
|
|
5561
|
-
<div class="pf-c-
|
|
5562
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5563
|
-
</div>
|
|
5144
|
+
<div class="pf-c-card">
|
|
5145
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5564
5146
|
</div>
|
|
5565
|
-
<div class="pf-
|
|
5566
|
-
<div class="pf-c-
|
|
5567
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5568
|
-
</div>
|
|
5147
|
+
<div class="pf-c-card">
|
|
5148
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5569
5149
|
</div>
|
|
5570
5150
|
</div>
|
|
5571
5151
|
</div>
|
|
@@ -5652,7 +5232,7 @@ wrapperTag: div
|
|
|
5652
5232
|
<button
|
|
5653
5233
|
class="pf-c-app-launcher__toggle"
|
|
5654
5234
|
type="button"
|
|
5655
|
-
id="-button"
|
|
5235
|
+
id="page-demo-overflow-scroll-masthead-icon-group--app-launcher-button"
|
|
5656
5236
|
aria-expanded="false"
|
|
5657
5237
|
aria-label="Application launcher"
|
|
5658
5238
|
>
|
|
@@ -6329,7 +5909,7 @@ wrapperTag: div
|
|
|
6329
5909
|
</div>
|
|
6330
5910
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
6331
5911
|
<div
|
|
6332
|
-
class="pf-c-dropdown"
|
|
5912
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
6333
5913
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
6334
5914
|
>
|
|
6335
5915
|
<button
|
|
@@ -6473,255 +6053,155 @@ wrapperTag: div
|
|
|
6473
6053
|
>
|
|
6474
6054
|
<div class="pf-c-page__main-body">
|
|
6475
6055
|
<div class="pf-l-gallery pf-m-gutter">
|
|
6476
|
-
<div class="pf-
|
|
6477
|
-
<div class="pf-c-
|
|
6478
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6479
|
-
</div>
|
|
6056
|
+
<div class="pf-c-card">
|
|
6057
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6480
6058
|
</div>
|
|
6481
|
-
<div class="pf-
|
|
6482
|
-
<div class="pf-c-
|
|
6483
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6484
|
-
</div>
|
|
6059
|
+
<div class="pf-c-card">
|
|
6060
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6485
6061
|
</div>
|
|
6486
|
-
<div class="pf-
|
|
6487
|
-
<div class="pf-c-
|
|
6488
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6489
|
-
</div>
|
|
6062
|
+
<div class="pf-c-card">
|
|
6063
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6490
6064
|
</div>
|
|
6491
|
-
<div class="pf-
|
|
6492
|
-
<div class="pf-c-
|
|
6493
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6494
|
-
</div>
|
|
6065
|
+
<div class="pf-c-card">
|
|
6066
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6495
6067
|
</div>
|
|
6496
|
-
<div class="pf-
|
|
6497
|
-
<div class="pf-c-
|
|
6498
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6499
|
-
</div>
|
|
6068
|
+
<div class="pf-c-card">
|
|
6069
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6500
6070
|
</div>
|
|
6501
|
-
<div class="pf-
|
|
6502
|
-
<div class="pf-c-
|
|
6503
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6504
|
-
</div>
|
|
6071
|
+
<div class="pf-c-card">
|
|
6072
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6505
6073
|
</div>
|
|
6506
|
-
<div class="pf-
|
|
6507
|
-
<div class="pf-c-
|
|
6508
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6509
|
-
</div>
|
|
6074
|
+
<div class="pf-c-card">
|
|
6075
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6510
6076
|
</div>
|
|
6511
|
-
<div class="pf-
|
|
6512
|
-
<div class="pf-c-
|
|
6513
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6514
|
-
</div>
|
|
6077
|
+
<div class="pf-c-card">
|
|
6078
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6515
6079
|
</div>
|
|
6516
|
-
<div class="pf-
|
|
6517
|
-
<div class="pf-c-
|
|
6518
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6519
|
-
</div>
|
|
6080
|
+
<div class="pf-c-card">
|
|
6081
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6520
6082
|
</div>
|
|
6521
|
-
<div class="pf-
|
|
6522
|
-
<div class="pf-c-
|
|
6523
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6524
|
-
</div>
|
|
6083
|
+
<div class="pf-c-card">
|
|
6084
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6525
6085
|
</div>
|
|
6526
|
-
<div class="pf-
|
|
6527
|
-
<div class="pf-c-
|
|
6528
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6529
|
-
</div>
|
|
6086
|
+
<div class="pf-c-card">
|
|
6087
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6530
6088
|
</div>
|
|
6531
|
-
<div class="pf-
|
|
6532
|
-
<div class="pf-c-
|
|
6533
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6534
|
-
</div>
|
|
6089
|
+
<div class="pf-c-card">
|
|
6090
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6535
6091
|
</div>
|
|
6536
|
-
<div class="pf-
|
|
6537
|
-
<div class="pf-c-
|
|
6538
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6539
|
-
</div>
|
|
6092
|
+
<div class="pf-c-card">
|
|
6093
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6540
6094
|
</div>
|
|
6541
|
-
<div class="pf-
|
|
6542
|
-
<div class="pf-c-
|
|
6543
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6544
|
-
</div>
|
|
6095
|
+
<div class="pf-c-card">
|
|
6096
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6545
6097
|
</div>
|
|
6546
|
-
<div class="pf-
|
|
6547
|
-
<div class="pf-c-
|
|
6548
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6549
|
-
</div>
|
|
6098
|
+
<div class="pf-c-card">
|
|
6099
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6550
6100
|
</div>
|
|
6551
|
-
<div class="pf-
|
|
6552
|
-
<div class="pf-c-
|
|
6553
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6554
|
-
</div>
|
|
6101
|
+
<div class="pf-c-card">
|
|
6102
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6555
6103
|
</div>
|
|
6556
|
-
<div class="pf-
|
|
6557
|
-
<div class="pf-c-
|
|
6558
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6559
|
-
</div>
|
|
6104
|
+
<div class="pf-c-card">
|
|
6105
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6560
6106
|
</div>
|
|
6561
|
-
<div class="pf-
|
|
6562
|
-
<div class="pf-c-
|
|
6563
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6564
|
-
</div>
|
|
6107
|
+
<div class="pf-c-card">
|
|
6108
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6565
6109
|
</div>
|
|
6566
|
-
<div class="pf-
|
|
6567
|
-
<div class="pf-c-
|
|
6568
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6569
|
-
</div>
|
|
6110
|
+
<div class="pf-c-card">
|
|
6111
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6570
6112
|
</div>
|
|
6571
|
-
<div class="pf-
|
|
6572
|
-
<div class="pf-c-
|
|
6573
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6574
|
-
</div>
|
|
6113
|
+
<div class="pf-c-card">
|
|
6114
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6575
6115
|
</div>
|
|
6576
|
-
<div class="pf-
|
|
6577
|
-
<div class="pf-c-
|
|
6578
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6579
|
-
</div>
|
|
6116
|
+
<div class="pf-c-card">
|
|
6117
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6580
6118
|
</div>
|
|
6581
|
-
<div class="pf-
|
|
6582
|
-
<div class="pf-c-
|
|
6583
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6584
|
-
</div>
|
|
6119
|
+
<div class="pf-c-card">
|
|
6120
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6585
6121
|
</div>
|
|
6586
|
-
<div class="pf-
|
|
6587
|
-
<div class="pf-c-
|
|
6588
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6589
|
-
</div>
|
|
6122
|
+
<div class="pf-c-card">
|
|
6123
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6590
6124
|
</div>
|
|
6591
|
-
<div class="pf-
|
|
6592
|
-
<div class="pf-c-
|
|
6593
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6594
|
-
</div>
|
|
6125
|
+
<div class="pf-c-card">
|
|
6126
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6595
6127
|
</div>
|
|
6596
|
-
<div class="pf-
|
|
6597
|
-
<div class="pf-c-
|
|
6598
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6599
|
-
</div>
|
|
6128
|
+
<div class="pf-c-card">
|
|
6129
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6600
6130
|
</div>
|
|
6601
|
-
<div class="pf-
|
|
6602
|
-
<div class="pf-c-
|
|
6603
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6604
|
-
</div>
|
|
6131
|
+
<div class="pf-c-card">
|
|
6132
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6605
6133
|
</div>
|
|
6606
|
-
<div class="pf-
|
|
6607
|
-
<div class="pf-c-
|
|
6608
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6609
|
-
</div>
|
|
6134
|
+
<div class="pf-c-card">
|
|
6135
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6610
6136
|
</div>
|
|
6611
|
-
<div class="pf-
|
|
6612
|
-
<div class="pf-c-
|
|
6613
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6614
|
-
</div>
|
|
6137
|
+
<div class="pf-c-card">
|
|
6138
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6615
6139
|
</div>
|
|
6616
|
-
<div class="pf-
|
|
6617
|
-
<div class="pf-c-
|
|
6618
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6619
|
-
</div>
|
|
6140
|
+
<div class="pf-c-card">
|
|
6141
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6620
6142
|
</div>
|
|
6621
|
-
<div class="pf-
|
|
6622
|
-
<div class="pf-c-
|
|
6623
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6624
|
-
</div>
|
|
6143
|
+
<div class="pf-c-card">
|
|
6144
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6625
6145
|
</div>
|
|
6626
|
-
<div class="pf-
|
|
6627
|
-
<div class="pf-c-
|
|
6628
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6629
|
-
</div>
|
|
6146
|
+
<div class="pf-c-card">
|
|
6147
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6630
6148
|
</div>
|
|
6631
|
-
<div class="pf-
|
|
6632
|
-
<div class="pf-c-
|
|
6633
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6634
|
-
</div>
|
|
6149
|
+
<div class="pf-c-card">
|
|
6150
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6635
6151
|
</div>
|
|
6636
|
-
<div class="pf-
|
|
6637
|
-
<div class="pf-c-
|
|
6638
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6639
|
-
</div>
|
|
6152
|
+
<div class="pf-c-card">
|
|
6153
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6640
6154
|
</div>
|
|
6641
|
-
<div class="pf-
|
|
6642
|
-
<div class="pf-c-
|
|
6643
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6644
|
-
</div>
|
|
6155
|
+
<div class="pf-c-card">
|
|
6156
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6645
6157
|
</div>
|
|
6646
|
-
<div class="pf-
|
|
6647
|
-
<div class="pf-c-
|
|
6648
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6649
|
-
</div>
|
|
6158
|
+
<div class="pf-c-card">
|
|
6159
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6650
6160
|
</div>
|
|
6651
|
-
<div class="pf-
|
|
6652
|
-
<div class="pf-c-
|
|
6653
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6654
|
-
</div>
|
|
6161
|
+
<div class="pf-c-card">
|
|
6162
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6655
6163
|
</div>
|
|
6656
|
-
<div class="pf-
|
|
6657
|
-
<div class="pf-c-
|
|
6658
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6659
|
-
</div>
|
|
6164
|
+
<div class="pf-c-card">
|
|
6165
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6660
6166
|
</div>
|
|
6661
|
-
<div class="pf-
|
|
6662
|
-
<div class="pf-c-
|
|
6663
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6664
|
-
</div>
|
|
6167
|
+
<div class="pf-c-card">
|
|
6168
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6665
6169
|
</div>
|
|
6666
|
-
<div class="pf-
|
|
6667
|
-
<div class="pf-c-
|
|
6668
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6669
|
-
</div>
|
|
6170
|
+
<div class="pf-c-card">
|
|
6171
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6670
6172
|
</div>
|
|
6671
|
-
<div class="pf-
|
|
6672
|
-
<div class="pf-c-
|
|
6673
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6674
|
-
</div>
|
|
6173
|
+
<div class="pf-c-card">
|
|
6174
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6675
6175
|
</div>
|
|
6676
|
-
<div class="pf-
|
|
6677
|
-
<div class="pf-c-
|
|
6678
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6679
|
-
</div>
|
|
6176
|
+
<div class="pf-c-card">
|
|
6177
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6680
6178
|
</div>
|
|
6681
|
-
<div class="pf-
|
|
6682
|
-
<div class="pf-c-
|
|
6683
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6684
|
-
</div>
|
|
6179
|
+
<div class="pf-c-card">
|
|
6180
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6685
6181
|
</div>
|
|
6686
|
-
<div class="pf-
|
|
6687
|
-
<div class="pf-c-
|
|
6688
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6689
|
-
</div>
|
|
6182
|
+
<div class="pf-c-card">
|
|
6183
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6690
6184
|
</div>
|
|
6691
|
-
<div class="pf-
|
|
6692
|
-
<div class="pf-c-
|
|
6693
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6694
|
-
</div>
|
|
6185
|
+
<div class="pf-c-card">
|
|
6186
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6695
6187
|
</div>
|
|
6696
|
-
<div class="pf-
|
|
6697
|
-
<div class="pf-c-
|
|
6698
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6699
|
-
</div>
|
|
6188
|
+
<div class="pf-c-card">
|
|
6189
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6700
6190
|
</div>
|
|
6701
|
-
<div class="pf-
|
|
6702
|
-
<div class="pf-c-
|
|
6703
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6704
|
-
</div>
|
|
6191
|
+
<div class="pf-c-card">
|
|
6192
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6705
6193
|
</div>
|
|
6706
|
-
<div class="pf-
|
|
6707
|
-
<div class="pf-c-
|
|
6708
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6709
|
-
</div>
|
|
6194
|
+
<div class="pf-c-card">
|
|
6195
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6710
6196
|
</div>
|
|
6711
|
-
<div class="pf-
|
|
6712
|
-
<div class="pf-c-
|
|
6713
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6714
|
-
</div>
|
|
6197
|
+
<div class="pf-c-card">
|
|
6198
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6715
6199
|
</div>
|
|
6716
|
-
<div class="pf-
|
|
6717
|
-
<div class="pf-c-
|
|
6718
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6719
|
-
</div>
|
|
6200
|
+
<div class="pf-c-card">
|
|
6201
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6720
6202
|
</div>
|
|
6721
|
-
<div class="pf-
|
|
6722
|
-
<div class="pf-c-
|
|
6723
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6724
|
-
</div>
|
|
6203
|
+
<div class="pf-c-card">
|
|
6204
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6725
6205
|
</div>
|
|
6726
6206
|
</div>
|
|
6727
6207
|
</div>
|
|
@@ -6738,16 +6218,16 @@ wrapperTag: div
|
|
|
6738
6218
|
|
|
6739
6219
|
```
|
|
6740
6220
|
|
|
6741
|
-
### Centered
|
|
6221
|
+
### Centered section
|
|
6742
6222
|
|
|
6743
6223
|
```html isFullscreen
|
|
6744
|
-
<div class="pf-c-page" id="page-demo-centered-
|
|
6224
|
+
<div class="pf-c-page" id="page-demo-centered-section">
|
|
6745
6225
|
<a
|
|
6746
6226
|
class="pf-c-skip-to-content pf-c-button pf-m-primary"
|
|
6747
|
-
href="#main-content-page-demo-centered-
|
|
6227
|
+
href="#main-content-page-demo-centered-section"
|
|
6748
6228
|
>Skip to content</a>
|
|
6749
6229
|
|
|
6750
|
-
<header class="pf-c-masthead" id="page-demo-centered-
|
|
6230
|
+
<header class="pf-c-masthead" id="page-demo-centered-section-masthead">
|
|
6751
6231
|
<span class="pf-c-masthead__toggle">
|
|
6752
6232
|
<button
|
|
6753
6233
|
class="pf-c-button pf-m-plain"
|
|
@@ -6778,7 +6258,7 @@ wrapperTag: div
|
|
|
6778
6258
|
<div class="pf-c-masthead__content">
|
|
6779
6259
|
<div
|
|
6780
6260
|
class="pf-c-toolbar pf-m-full-height pf-m-static"
|
|
6781
|
-
id="page-demo-centered-
|
|
6261
|
+
id="page-demo-centered-section-masthead-toolbar"
|
|
6782
6262
|
>
|
|
6783
6263
|
<div class="pf-c-toolbar__content">
|
|
6784
6264
|
<div class="pf-c-toolbar__content-section">
|
|
@@ -6803,12 +6283,12 @@ wrapperTag: div
|
|
|
6803
6283
|
<nav
|
|
6804
6284
|
class="pf-c-app-launcher"
|
|
6805
6285
|
aria-label="Application launcher"
|
|
6806
|
-
id="page-demo-centered-
|
|
6286
|
+
id="page-demo-centered-section-masthead-icon-group--app-launcher"
|
|
6807
6287
|
>
|
|
6808
6288
|
<button
|
|
6809
6289
|
class="pf-c-app-launcher__toggle"
|
|
6810
6290
|
type="button"
|
|
6811
|
-
id="-button"
|
|
6291
|
+
id="page-demo-centered-section-masthead-icon-group--app-launcher-button"
|
|
6812
6292
|
aria-expanded="false"
|
|
6813
6293
|
aria-label="Application launcher"
|
|
6814
6294
|
>
|
|
@@ -6948,7 +6428,7 @@ wrapperTag: div
|
|
|
6948
6428
|
<div class="pf-c-dropdown">
|
|
6949
6429
|
<button
|
|
6950
6430
|
class="pf-c-dropdown__toggle pf-m-plain"
|
|
6951
|
-
id="page-demo-centered-
|
|
6431
|
+
id="page-demo-centered-section-masthead-settings-button"
|
|
6952
6432
|
aria-expanded="false"
|
|
6953
6433
|
type="button"
|
|
6954
6434
|
aria-label="Settings"
|
|
@@ -6957,7 +6437,7 @@ wrapperTag: div
|
|
|
6957
6437
|
</button>
|
|
6958
6438
|
<ul
|
|
6959
6439
|
class="pf-c-dropdown__menu pf-m-align-right"
|
|
6960
|
-
aria-labelledby="page-demo-centered-
|
|
6440
|
+
aria-labelledby="page-demo-centered-section-masthead-settings-button"
|
|
6961
6441
|
hidden
|
|
6962
6442
|
>
|
|
6963
6443
|
<li>
|
|
@@ -6979,7 +6459,7 @@ wrapperTag: div
|
|
|
6979
6459
|
<div class="pf-c-dropdown">
|
|
6980
6460
|
<button
|
|
6981
6461
|
class="pf-c-dropdown__toggle pf-m-plain"
|
|
6982
|
-
id="page-demo-centered-
|
|
6462
|
+
id="page-demo-centered-section-masthead-help-button"
|
|
6983
6463
|
aria-expanded="false"
|
|
6984
6464
|
type="button"
|
|
6985
6465
|
aria-label="Help"
|
|
@@ -6988,7 +6468,7 @@ wrapperTag: div
|
|
|
6988
6468
|
</button>
|
|
6989
6469
|
<ul
|
|
6990
6470
|
class="pf-c-dropdown__menu pf-m-align-right"
|
|
6991
|
-
aria-labelledby="page-demo-centered-
|
|
6471
|
+
aria-labelledby="page-demo-centered-section-masthead-help-button"
|
|
6992
6472
|
hidden
|
|
6993
6473
|
>
|
|
6994
6474
|
<li>
|
|
@@ -7485,12 +6965,12 @@ wrapperTag: div
|
|
|
7485
6965
|
</div>
|
|
7486
6966
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
7487
6967
|
<div
|
|
7488
|
-
class="pf-c-dropdown"
|
|
6968
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
7489
6969
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
7490
6970
|
>
|
|
7491
6971
|
<button
|
|
7492
6972
|
class="pf-c-dropdown__toggle"
|
|
7493
|
-
id="page-demo-centered-
|
|
6973
|
+
id="page-demo-centered-section-masthead-profile-button"
|
|
7494
6974
|
aria-expanded="false"
|
|
7495
6975
|
type="button"
|
|
7496
6976
|
>
|
|
@@ -7546,7 +7026,7 @@ wrapperTag: div
|
|
|
7546
7026
|
<div class="pf-c-page__sidebar-body">
|
|
7547
7027
|
<nav
|
|
7548
7028
|
class="pf-c-nav"
|
|
7549
|
-
id="page-demo-centered-
|
|
7029
|
+
id="page-demo-centered-section-primary-nav"
|
|
7550
7030
|
aria-label="Global"
|
|
7551
7031
|
>
|
|
7552
7032
|
<ul class="pf-c-nav__list">
|
|
@@ -7576,98 +7056,70 @@ wrapperTag: div
|
|
|
7576
7056
|
<main
|
|
7577
7057
|
class="pf-c-page__main"
|
|
7578
7058
|
tabindex="-1"
|
|
7579
|
-
id="main-content-page-demo-centered-
|
|
7059
|
+
id="main-content-page-demo-centered-section"
|
|
7580
7060
|
>
|
|
7581
|
-
<section
|
|
7582
|
-
class="pf-c-page__main-section pf-m-limit-width pf-m-align-center pf-m-fill"
|
|
7583
|
-
>
|
|
7584
|
-
<div class="pf-c-page__main-body">
|
|
7585
|
-
<div class="pf-l-bullseye">
|
|
7586
|
-
<div class="pf-c-content pf-u-text-align-center">
|
|
7587
|
-
<h1>Centered title (content centered)</h1>
|
|
7588
|
-
<p>Page section filled, width limited, centered.</p>
|
|
7589
|
-
</div>
|
|
7590
|
-
</div>
|
|
7591
|
-
</div>
|
|
7592
|
-
</section>
|
|
7593
|
-
<hr class="pf-c-divider" />
|
|
7594
7061
|
<section
|
|
7595
7062
|
class="pf-c-page__main-section pf-m-limit-width pf-m-align-center pf-m-light"
|
|
7596
7063
|
>
|
|
7597
7064
|
<div class="pf-c-page__main-body">
|
|
7598
|
-
<div class="pf-
|
|
7599
|
-
<
|
|
7600
|
-
|
|
7601
|
-
|
|
7602
|
-
|
|
7065
|
+
<div class="pf-c-content">
|
|
7066
|
+
<h1>Centering page sections</h1>
|
|
7067
|
+
<p>
|
|
7068
|
+
When a width limited page section is wider than the value of
|
|
7069
|
+
<code>--pf-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
|
|
7070
|
+
</p>
|
|
7071
|
+
<p>All of the page sections on this page are centered.</p>
|
|
7603
7072
|
</div>
|
|
7604
7073
|
</div>
|
|
7605
7074
|
</section>
|
|
7606
7075
|
<hr class="pf-c-divider" />
|
|
7607
7076
|
<section class="pf-c-page__main-section pf-m-limit-width pf-m-align-center">
|
|
7608
7077
|
<div class="pf-c-page__main-body">
|
|
7609
|
-
<div class="pf-
|
|
7610
|
-
<div class="pf-c-
|
|
7611
|
-
<
|
|
7078
|
+
<div class="pf-l-gallery pf-m-gutter">
|
|
7079
|
+
<div class="pf-c-card">
|
|
7080
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7612
7081
|
</div>
|
|
7613
|
-
<div class="pf-c-
|
|
7614
|
-
<
|
|
7082
|
+
<div class="pf-c-card">
|
|
7083
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7615
7084
|
</div>
|
|
7616
|
-
|
|
7617
|
-
|
|
7618
|
-
|
|
7619
|
-
|
|
7620
|
-
|
|
7621
|
-
<div
|
|
7622
|
-
class="pf-l-grid pf-m-gutter pf-m-all-6-col-on-md pf-m-all-3-col-on-xl"
|
|
7623
|
-
>
|
|
7624
|
-
<div class="pf-l-grid__item pf-m-12-col">
|
|
7625
|
-
<h2 class="pf-u-text-align-center">(Default page section)</h2>
|
|
7626
|
-
</div>
|
|
7627
|
-
<div class="pf-c-card">
|
|
7628
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7629
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7630
|
-
</div>
|
|
7631
|
-
<div class="pf-c-card">
|
|
7632
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7633
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7634
|
-
</div>
|
|
7635
|
-
<div class="pf-c-card">
|
|
7636
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7637
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7638
|
-
</div>
|
|
7639
|
-
<div class="pf-c-card">
|
|
7640
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7641
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7642
|
-
</div>
|
|
7643
|
-
</div>
|
|
7644
|
-
</section>
|
|
7645
|
-
<hr class="pf-c-divider" />
|
|
7646
|
-
<section class="pf-c-page__main-section pf-m-limit-width pf-m-align-center">
|
|
7647
|
-
<div class="pf-c-page__main-body">
|
|
7648
|
-
<div
|
|
7649
|
-
class="pf-l-grid pf-m-gutter pf-m-all-6-col-on-md pf-m-all-3-col-on-xl"
|
|
7650
|
-
>
|
|
7651
|
-
<div class="pf-l-grid__item pf-m-12-col">
|
|
7652
|
-
<h2
|
|
7653
|
-
class="pf-u-text-align-center"
|
|
7654
|
-
>(Page section width limited, centered.)</h2>
|
|
7085
|
+
<div class="pf-c-card">
|
|
7086
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7087
|
+
</div>
|
|
7088
|
+
<div class="pf-c-card">
|
|
7089
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7655
7090
|
</div>
|
|
7656
7091
|
<div class="pf-c-card">
|
|
7657
|
-
<div class="pf-c-
|
|
7658
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7092
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7659
7093
|
</div>
|
|
7660
7094
|
<div class="pf-c-card">
|
|
7661
|
-
<div class="pf-c-
|
|
7662
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7095
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7663
7096
|
</div>
|
|
7664
7097
|
<div class="pf-c-card">
|
|
7665
|
-
<div class="pf-c-
|
|
7666
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7098
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7667
7099
|
</div>
|
|
7668
7100
|
<div class="pf-c-card">
|
|
7669
|
-
<div class="pf-c-
|
|
7670
|
-
|
|
7101
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7102
|
+
</div>
|
|
7103
|
+
<div class="pf-c-card">
|
|
7104
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7105
|
+
</div>
|
|
7106
|
+
<div class="pf-c-card">
|
|
7107
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7108
|
+
</div>
|
|
7109
|
+
</div>
|
|
7110
|
+
</div>
|
|
7111
|
+
</section>
|
|
7112
|
+
<hr class="pf-c-divider" />
|
|
7113
|
+
<section
|
|
7114
|
+
class="pf-c-page__main-section pf-m-limit-width pf-m-align-center pf-u-text-align-center"
|
|
7115
|
+
>
|
|
7116
|
+
<div class="pf-c-page__main-body">
|
|
7117
|
+
<div class="pf-c-card">
|
|
7118
|
+
<div class="pf-c-card__body">
|
|
7119
|
+
<p>
|
|
7120
|
+
The content in this section is also centered using the
|
|
7121
|
+
<code>.pf-u-text-align-center</code> utility class.
|
|
7122
|
+
</p>
|
|
7671
7123
|
</div>
|
|
7672
7124
|
</div>
|
|
7673
7125
|
</div>
|