@patternfly/react-templates 1.1.0-prerelease.14 → 1.1.0-prerelease.16
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/CHANGELOG.md +14 -0
- package/components/package.json +8 -1
- package/dist/dynamic/components/Dropdown/package.json +8 -1
- package/dist/dynamic/components/Select/package.json +8 -1
- package/dist/js/components/Dropdown/DropdownSimple.js +3 -3
- package/dist/js/components/Dropdown/DropdownSimple.js.map +1 -1
- package/dist/js/components/Select/SelectSimple.js +2 -2
- package/dist/js/components/Select/SelectSimple.js.map +1 -1
- package/dist/js/components/Select/SelectTypeahead.js +1 -1
- package/dist/js/components/Select/SelectTypeahead.js.map +1 -1
- package/dist/umd/assets/{output-Btkk-5uq.css → output-OOaZReOZ.css} +1889 -1889
- package/dist/umd/react-templates.min.js +1 -1
- package/package.json +7 -7
- package/src/components/Dropdown/__tests__/__snapshots__/DropdownSimple.test.tsx.snap +6 -0
- package/src/components/Select/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap +6 -0
|
@@ -536,6 +536,80 @@
|
|
|
536
536
|
background: transparent;
|
|
537
537
|
}
|
|
538
538
|
|
|
539
|
+
.pf-v5-c-check {
|
|
540
|
+
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
541
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
542
|
+
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
|
|
543
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
544
|
+
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
|
|
545
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
546
|
+
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
547
|
+
--pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
|
|
548
|
+
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
549
|
+
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
|
|
550
|
+
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
551
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
552
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
553
|
+
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
|
|
554
|
+
display: grid;
|
|
555
|
+
grid-template-columns: auto 1fr;
|
|
556
|
+
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
557
|
+
align-items: baseline;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
.pf-v5-c-check.pf-m-standalone {
|
|
561
|
+
--pf-v5-c-check--GridGap: 0;
|
|
562
|
+
--pf-v5-c-check__input--TranslateY: none;
|
|
563
|
+
display: inline-grid;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
.pf-v5-c-check__input {
|
|
567
|
+
align-self: start;
|
|
568
|
+
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
569
|
+
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
.pf-v5-c-check__label {
|
|
573
|
+
font-size: var(--pf-v5-c-check__label--FontSize);
|
|
574
|
+
font-weight: var(--pf-v5-c-check__label--FontWeight);
|
|
575
|
+
line-height: var(--pf-v5-c-check__label--LineHeight);
|
|
576
|
+
color: var(--pf-v5-c-check__label--Color);
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
.pf-v5-c-check__description {
|
|
580
|
+
grid-column: 2;
|
|
581
|
+
font-size: var(--pf-v5-c-check__description--FontSize);
|
|
582
|
+
color: var(--pf-v5-c-check__description--Color);
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
.pf-v5-c-check__body {
|
|
586
|
+
grid-column: 2;
|
|
587
|
+
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.pf-v5-c-check__label,
|
|
591
|
+
.pf-v5-c-check__input {
|
|
592
|
+
justify-self: start;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
596
|
+
.pf-v5-c-check__input {
|
|
597
|
+
cursor: pointer;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
|
|
601
|
+
.pf-v5-c-check__input:disabled,
|
|
602
|
+
.pf-v5-c-check__input.pf-m-disabled {
|
|
603
|
+
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
|
|
604
|
+
cursor: not-allowed;
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
.pf-v5-c-check__label-required {
|
|
608
|
+
margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
|
|
609
|
+
font-size: var(--pf-v5-c-check__label-required--FontSize);
|
|
610
|
+
color: var(--pf-v5-c-check__label-required--Color);
|
|
611
|
+
}
|
|
612
|
+
|
|
539
613
|
.pf-v5-c-divider {
|
|
540
614
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
541
615
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -936,111 +1010,6 @@
|
|
|
936
1010
|
--pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
|
|
937
1011
|
}
|
|
938
1012
|
}
|
|
939
|
-
.pf-v5-c-check {
|
|
940
|
-
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
941
|
-
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
942
|
-
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
|
|
943
|
-
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
944
|
-
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
|
|
945
|
-
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
946
|
-
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
947
|
-
--pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
|
|
948
|
-
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
949
|
-
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
|
|
950
|
-
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
951
|
-
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
952
|
-
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
953
|
-
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
|
|
954
|
-
display: grid;
|
|
955
|
-
grid-template-columns: auto 1fr;
|
|
956
|
-
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
957
|
-
align-items: baseline;
|
|
958
|
-
}
|
|
959
|
-
|
|
960
|
-
.pf-v5-c-check.pf-m-standalone {
|
|
961
|
-
--pf-v5-c-check--GridGap: 0;
|
|
962
|
-
--pf-v5-c-check__input--TranslateY: none;
|
|
963
|
-
display: inline-grid;
|
|
964
|
-
}
|
|
965
|
-
|
|
966
|
-
.pf-v5-c-check__input {
|
|
967
|
-
align-self: start;
|
|
968
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
969
|
-
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
970
|
-
}
|
|
971
|
-
|
|
972
|
-
.pf-v5-c-check__label {
|
|
973
|
-
font-size: var(--pf-v5-c-check__label--FontSize);
|
|
974
|
-
font-weight: var(--pf-v5-c-check__label--FontWeight);
|
|
975
|
-
line-height: var(--pf-v5-c-check__label--LineHeight);
|
|
976
|
-
color: var(--pf-v5-c-check__label--Color);
|
|
977
|
-
}
|
|
978
|
-
|
|
979
|
-
.pf-v5-c-check__description {
|
|
980
|
-
grid-column: 2;
|
|
981
|
-
font-size: var(--pf-v5-c-check__description--FontSize);
|
|
982
|
-
color: var(--pf-v5-c-check__description--Color);
|
|
983
|
-
}
|
|
984
|
-
|
|
985
|
-
.pf-v5-c-check__body {
|
|
986
|
-
grid-column: 2;
|
|
987
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
988
|
-
}
|
|
989
|
-
|
|
990
|
-
.pf-v5-c-check__label,
|
|
991
|
-
.pf-v5-c-check__input {
|
|
992
|
-
justify-self: start;
|
|
993
|
-
}
|
|
994
|
-
|
|
995
|
-
label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
996
|
-
.pf-v5-c-check__input {
|
|
997
|
-
cursor: pointer;
|
|
998
|
-
}
|
|
999
|
-
|
|
1000
|
-
.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
|
|
1001
|
-
.pf-v5-c-check__input:disabled,
|
|
1002
|
-
.pf-v5-c-check__input.pf-m-disabled {
|
|
1003
|
-
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
|
|
1004
|
-
cursor: not-allowed;
|
|
1005
|
-
}
|
|
1006
|
-
|
|
1007
|
-
.pf-v5-c-check__label-required {
|
|
1008
|
-
margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
|
|
1009
|
-
font-size: var(--pf-v5-c-check__label-required--FontSize);
|
|
1010
|
-
color: var(--pf-v5-c-check__label-required--Color);
|
|
1011
|
-
}
|
|
1012
|
-
|
|
1013
|
-
.pf-v5-c-action-list {
|
|
1014
|
-
--pf-v5-c-action-list--m-icon--spacer: 0;
|
|
1015
|
-
--pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
|
|
1016
|
-
--pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
|
|
1017
|
-
}
|
|
1018
|
-
|
|
1019
|
-
.pf-v5-c-action-list,
|
|
1020
|
-
.pf-v5-c-action-list__group {
|
|
1021
|
-
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
|
|
1022
|
-
--pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
|
|
1023
|
-
display: flex;
|
|
1024
|
-
align-items: center;
|
|
1025
|
-
}
|
|
1026
|
-
|
|
1027
|
-
.pf-v5-c-action-list > * + *,
|
|
1028
|
-
.pf-v5-c-action-list__group > * + * {
|
|
1029
|
-
margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
.pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
|
|
1033
|
-
.pf-v5-c-action-list .pf-v5-c-action-list__group + *,
|
|
1034
|
-
.pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
|
|
1035
|
-
.pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
|
|
1036
|
-
margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
|
|
1037
|
-
}
|
|
1038
|
-
|
|
1039
|
-
.pf-v5-c-action-list.pf-m-icons,
|
|
1040
|
-
.pf-v5-c-action-list__group.pf-m-icons {
|
|
1041
|
-
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
1013
|
.pf-v5-c-accordion {
|
|
1045
1014
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
1046
1015
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -1563,6 +1532,37 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
1563
1532
|
--pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
1564
1533
|
}
|
|
1565
1534
|
|
|
1535
|
+
.pf-v5-c-action-list {
|
|
1536
|
+
--pf-v5-c-action-list--m-icon--spacer: 0;
|
|
1537
|
+
--pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
|
|
1538
|
+
--pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
.pf-v5-c-action-list,
|
|
1542
|
+
.pf-v5-c-action-list__group {
|
|
1543
|
+
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
|
|
1544
|
+
--pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
|
|
1545
|
+
display: flex;
|
|
1546
|
+
align-items: center;
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
.pf-v5-c-action-list > * + *,
|
|
1550
|
+
.pf-v5-c-action-list__group > * + * {
|
|
1551
|
+
margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
|
|
1552
|
+
}
|
|
1553
|
+
|
|
1554
|
+
.pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
|
|
1555
|
+
.pf-v5-c-action-list .pf-v5-c-action-list__group + *,
|
|
1556
|
+
.pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
|
|
1557
|
+
.pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
|
|
1558
|
+
margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1561
|
+
.pf-v5-c-action-list.pf-m-icons,
|
|
1562
|
+
.pf-v5-c-action-list__group.pf-m-icons {
|
|
1563
|
+
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
1566
|
.pf-v5-c-avatar {
|
|
1567
1567
|
--pf-v5-c-avatar--BorderColor: transparent;
|
|
1568
1568
|
--pf-v5-c-avatar--BorderWidth: 0;
|
|
@@ -1894,6 +1894,47 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
1894
1894
|
--pf-v5-c-background-image--BackgroundPosition: bottom left;
|
|
1895
1895
|
}
|
|
1896
1896
|
|
|
1897
|
+
.pf-v5-c-badge {
|
|
1898
|
+
--pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
1899
|
+
--pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
1900
|
+
--pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
1901
|
+
--pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
1902
|
+
--pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
1903
|
+
--pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
|
|
1904
|
+
--pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
|
|
1905
|
+
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1906
|
+
--pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
|
|
1907
|
+
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
1908
|
+
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
|
|
1909
|
+
display: inline-block;
|
|
1910
|
+
min-width: var(--pf-v5-c-badge--MinWidth);
|
|
1911
|
+
padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
|
|
1912
|
+
padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
|
|
1913
|
+
font-size: var(--pf-v5-c-badge--FontSize);
|
|
1914
|
+
font-weight: var(--pf-v5-c-badge--FontWeight);
|
|
1915
|
+
color: var(--pf-v5-c-badge--Color);
|
|
1916
|
+
text-align: center;
|
|
1917
|
+
white-space: nowrap;
|
|
1918
|
+
background-color: var(--pf-v5-c-badge--BackgroundColor);
|
|
1919
|
+
border-radius: var(--pf-v5-c-badge--BorderRadius);
|
|
1920
|
+
}
|
|
1921
|
+
|
|
1922
|
+
.pf-v5-c-badge.pf-m-read {
|
|
1923
|
+
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
|
|
1924
|
+
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
|
|
1925
|
+
}
|
|
1926
|
+
|
|
1927
|
+
.pf-v5-c-badge.pf-m-unread {
|
|
1928
|
+
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
|
|
1929
|
+
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
|
|
1930
|
+
}
|
|
1931
|
+
|
|
1932
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-badge {
|
|
1933
|
+
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
1934
|
+
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
|
|
1935
|
+
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
1936
|
+
}
|
|
1937
|
+
|
|
1897
1938
|
.pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue {
|
|
1898
1939
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
1899
1940
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -2029,47 +2070,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
2029
2070
|
--pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
|
|
2030
2071
|
}
|
|
2031
2072
|
|
|
2032
|
-
.pf-v5-c-badge {
|
|
2033
|
-
--pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
2034
|
-
--pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
2035
|
-
--pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
2036
|
-
--pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
2037
|
-
--pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
2038
|
-
--pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
|
|
2039
|
-
--pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
|
|
2040
|
-
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2041
|
-
--pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
|
|
2042
|
-
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
2043
|
-
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
|
|
2044
|
-
display: inline-block;
|
|
2045
|
-
min-width: var(--pf-v5-c-badge--MinWidth);
|
|
2046
|
-
padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
|
|
2047
|
-
padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
|
|
2048
|
-
font-size: var(--pf-v5-c-badge--FontSize);
|
|
2049
|
-
font-weight: var(--pf-v5-c-badge--FontWeight);
|
|
2050
|
-
color: var(--pf-v5-c-badge--Color);
|
|
2051
|
-
text-align: center;
|
|
2052
|
-
white-space: nowrap;
|
|
2053
|
-
background-color: var(--pf-v5-c-badge--BackgroundColor);
|
|
2054
|
-
border-radius: var(--pf-v5-c-badge--BorderRadius);
|
|
2055
|
-
}
|
|
2056
|
-
|
|
2057
|
-
.pf-v5-c-badge.pf-m-read {
|
|
2058
|
-
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
|
|
2059
|
-
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
|
|
2060
|
-
}
|
|
2061
|
-
|
|
2062
|
-
.pf-v5-c-badge.pf-m-unread {
|
|
2063
|
-
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
|
|
2064
|
-
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
|
|
2065
|
-
}
|
|
2066
|
-
|
|
2067
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-badge {
|
|
2068
|
-
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
2069
|
-
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
|
|
2070
|
-
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
2071
|
-
}
|
|
2072
|
-
|
|
2073
2073
|
.pf-v5-c-brand {
|
|
2074
2074
|
--pf-v5-c-brand--Width: auto;
|
|
2075
2075
|
--pf-v5-c-brand--Height: auto;
|
|
@@ -3573,101 +3573,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
3573
3573
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
3574
3574
|
}
|
|
3575
3575
|
|
|
3576
|
-
.pf-v5-c-chip-group {
|
|
3577
|
-
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3578
|
-
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
3579
|
-
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
3580
|
-
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
3581
|
-
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
3582
|
-
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
3583
|
-
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3584
|
-
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
3585
|
-
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
3586
|
-
}
|
|
3587
|
-
|
|
3588
|
-
.pf-v5-c-chip-group {
|
|
3589
|
-
color: var(--pf-v5-global--Color--100);
|
|
3590
|
-
--pf-v5-c-chip-group--PaddingTop: 0;
|
|
3591
|
-
--pf-v5-c-chip-group--PaddingRight: 0;
|
|
3592
|
-
--pf-v5-c-chip-group--PaddingBottom: 0;
|
|
3593
|
-
--pf-v5-c-chip-group--PaddingLeft: 0;
|
|
3594
|
-
--pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
3595
|
-
--pf-v5-c-chip-group--ColumnGap: 0;
|
|
3596
|
-
--pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3597
|
-
--pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
3598
|
-
--pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3599
|
-
--pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
3600
|
-
--pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
3601
|
-
--pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
3602
|
-
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3603
|
-
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3604
|
-
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
3605
|
-
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3606
|
-
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3607
|
-
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
3608
|
-
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3609
|
-
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3610
|
-
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
3611
|
-
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
3612
|
-
max-width: 100%;
|
|
3613
|
-
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
3614
|
-
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
3615
|
-
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
3616
|
-
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
3617
|
-
}
|
|
3618
|
-
|
|
3619
|
-
.pf-v5-c-chip-group.pf-m-category {
|
|
3620
|
-
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
3621
|
-
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
3622
|
-
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
3623
|
-
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
3624
|
-
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
3625
|
-
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
3626
|
-
}
|
|
3627
|
-
|
|
3628
|
-
.pf-v5-c-chip-group__main {
|
|
3629
|
-
display: flex;
|
|
3630
|
-
flex: 1;
|
|
3631
|
-
flex-wrap: wrap;
|
|
3632
|
-
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
3633
|
-
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
3634
|
-
align-items: baseline;
|
|
3635
|
-
min-width: 0;
|
|
3636
|
-
}
|
|
3637
|
-
|
|
3638
|
-
.pf-v5-c-chip-group,
|
|
3639
|
-
.pf-v5-c-chip-group__list {
|
|
3640
|
-
display: inline-flex;
|
|
3641
|
-
flex-wrap: wrap;
|
|
3642
|
-
align-items: center;
|
|
3643
|
-
min-width: 0;
|
|
3644
|
-
}
|
|
3645
|
-
|
|
3646
|
-
.pf-v5-c-chip-group__list {
|
|
3647
|
-
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
3648
|
-
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
3649
|
-
}
|
|
3650
|
-
|
|
3651
|
-
.pf-v5-c-chip-group__list-item {
|
|
3652
|
-
display: inline-flex;
|
|
3653
|
-
min-width: 0;
|
|
3654
|
-
}
|
|
3655
|
-
|
|
3656
|
-
.pf-v5-c-chip-group__label {
|
|
3657
|
-
overflow: hidden;
|
|
3658
|
-
text-overflow: ellipsis;
|
|
3659
|
-
white-space: nowrap;
|
|
3660
|
-
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
3661
|
-
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
3662
|
-
}
|
|
3663
|
-
|
|
3664
|
-
.pf-v5-c-chip-group__close {
|
|
3665
|
-
display: flex;
|
|
3666
|
-
align-self: flex-start;
|
|
3667
|
-
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
3668
|
-
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
3669
|
-
}
|
|
3670
|
-
|
|
3671
3576
|
.pf-v5-c-chip {
|
|
3672
3577
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3673
3578
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -3798,6 +3703,101 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
3798
3703
|
--pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
3799
3704
|
}
|
|
3800
3705
|
|
|
3706
|
+
.pf-v5-c-chip-group {
|
|
3707
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3708
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
3709
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
3710
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
3711
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
3712
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
3713
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3714
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
3715
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
3716
|
+
}
|
|
3717
|
+
|
|
3718
|
+
.pf-v5-c-chip-group {
|
|
3719
|
+
color: var(--pf-v5-global--Color--100);
|
|
3720
|
+
--pf-v5-c-chip-group--PaddingTop: 0;
|
|
3721
|
+
--pf-v5-c-chip-group--PaddingRight: 0;
|
|
3722
|
+
--pf-v5-c-chip-group--PaddingBottom: 0;
|
|
3723
|
+
--pf-v5-c-chip-group--PaddingLeft: 0;
|
|
3724
|
+
--pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
3725
|
+
--pf-v5-c-chip-group--ColumnGap: 0;
|
|
3726
|
+
--pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3727
|
+
--pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
3728
|
+
--pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3729
|
+
--pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
3730
|
+
--pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
3731
|
+
--pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
3732
|
+
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3733
|
+
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3734
|
+
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
3735
|
+
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3736
|
+
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3737
|
+
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
3738
|
+
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3739
|
+
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3740
|
+
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
3741
|
+
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
3742
|
+
max-width: 100%;
|
|
3743
|
+
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
3744
|
+
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
3745
|
+
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
3746
|
+
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
3747
|
+
}
|
|
3748
|
+
|
|
3749
|
+
.pf-v5-c-chip-group.pf-m-category {
|
|
3750
|
+
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
3751
|
+
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
3752
|
+
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
3753
|
+
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
3754
|
+
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
3755
|
+
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
3756
|
+
}
|
|
3757
|
+
|
|
3758
|
+
.pf-v5-c-chip-group__main {
|
|
3759
|
+
display: flex;
|
|
3760
|
+
flex: 1;
|
|
3761
|
+
flex-wrap: wrap;
|
|
3762
|
+
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
3763
|
+
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
3764
|
+
align-items: baseline;
|
|
3765
|
+
min-width: 0;
|
|
3766
|
+
}
|
|
3767
|
+
|
|
3768
|
+
.pf-v5-c-chip-group,
|
|
3769
|
+
.pf-v5-c-chip-group__list {
|
|
3770
|
+
display: inline-flex;
|
|
3771
|
+
flex-wrap: wrap;
|
|
3772
|
+
align-items: center;
|
|
3773
|
+
min-width: 0;
|
|
3774
|
+
}
|
|
3775
|
+
|
|
3776
|
+
.pf-v5-c-chip-group__list {
|
|
3777
|
+
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
3778
|
+
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
3779
|
+
}
|
|
3780
|
+
|
|
3781
|
+
.pf-v5-c-chip-group__list-item {
|
|
3782
|
+
display: inline-flex;
|
|
3783
|
+
min-width: 0;
|
|
3784
|
+
}
|
|
3785
|
+
|
|
3786
|
+
.pf-v5-c-chip-group__label {
|
|
3787
|
+
overflow: hidden;
|
|
3788
|
+
text-overflow: ellipsis;
|
|
3789
|
+
white-space: nowrap;
|
|
3790
|
+
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
3791
|
+
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
3792
|
+
}
|
|
3793
|
+
|
|
3794
|
+
.pf-v5-c-chip-group__close {
|
|
3795
|
+
display: flex;
|
|
3796
|
+
align-self: flex-start;
|
|
3797
|
+
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
3798
|
+
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
3799
|
+
}
|
|
3800
|
+
|
|
3801
3801
|
.pf-v5-c-clipboard-copy {
|
|
3802
3802
|
--pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3803
3803
|
--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -4885,36 +4885,99 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
4885
4885
|
--pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
4886
4886
|
}
|
|
4887
4887
|
|
|
4888
|
-
.pf-v5-c-
|
|
4889
|
-
--pf-v5-c-
|
|
4890
|
-
--pf-v5-c-
|
|
4891
|
-
--pf-v5-c-
|
|
4892
|
-
--pf-v5-c-
|
|
4893
|
-
--pf-v5-c-
|
|
4894
|
-
--pf-v5-c-
|
|
4895
|
-
--pf-v5-c-
|
|
4896
|
-
--pf-v5-c-
|
|
4897
|
-
--pf-v5-c-
|
|
4898
|
-
--pf-v5-c-
|
|
4899
|
-
--pf-v5-c-
|
|
4900
|
-
--pf-v5-c-
|
|
4901
|
-
--pf-v5-c-
|
|
4902
|
-
--pf-v5-c-
|
|
4903
|
-
|
|
4904
|
-
|
|
4905
|
-
|
|
4906
|
-
|
|
4907
|
-
|
|
4908
|
-
|
|
4909
|
-
|
|
4910
|
-
|
|
4911
|
-
|
|
4912
|
-
--pf-v5-c-
|
|
4913
|
-
|
|
4914
|
-
|
|
4915
|
-
|
|
4916
|
-
|
|
4917
|
-
--pf-v5-c-
|
|
4888
|
+
.pf-v5-c-date-picker {
|
|
4889
|
+
--pf-v5-c-date-picker--m-top__calendar--Top: 0;
|
|
4890
|
+
--pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
|
|
4891
|
+
--pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
4892
|
+
--pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
|
|
4893
|
+
--pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
|
|
4894
|
+
--pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
|
|
4895
|
+
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
4896
|
+
--pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
4897
|
+
--pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
|
|
4898
|
+
--pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
|
|
4899
|
+
--pf-v5-c-date-picker__calendar--Right: auto;
|
|
4900
|
+
--pf-v5-c-date-picker__calendar--Left: 0;
|
|
4901
|
+
--pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
|
|
4902
|
+
--pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
|
|
4903
|
+
position: relative;
|
|
4904
|
+
display: inline-block;
|
|
4905
|
+
}
|
|
4906
|
+
|
|
4907
|
+
.pf-v5-c-date-picker__helper-text {
|
|
4908
|
+
margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
|
|
4909
|
+
}
|
|
4910
|
+
|
|
4911
|
+
.pf-v5-c-date-picker__input .pf-v5-c-form-control {
|
|
4912
|
+
width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
|
|
4913
|
+
}
|
|
4914
|
+
|
|
4915
|
+
.pf-v5-c-date-picker__calendar {
|
|
4916
|
+
position: absolute;
|
|
4917
|
+
inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
|
|
4918
|
+
inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
|
|
4919
|
+
inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
|
|
4920
|
+
z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
|
|
4921
|
+
background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
|
|
4922
|
+
box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
|
|
4923
|
+
}
|
|
4924
|
+
|
|
4925
|
+
.pf-v5-c-date-picker__calendar.pf-m-align-right {
|
|
4926
|
+
--pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
|
|
4927
|
+
--pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
|
|
4928
|
+
}
|
|
4929
|
+
|
|
4930
|
+
.pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
|
|
4931
|
+
--pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
|
|
4932
|
+
transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
|
|
4933
|
+
}
|
|
4934
|
+
|
|
4935
|
+
.pf-v5-c-date-picker__calendar.pf-m-static {
|
|
4936
|
+
--pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4937
|
+
position: static;
|
|
4938
|
+
inset-block-start: auto;
|
|
4939
|
+
inset-block-end: auto;
|
|
4940
|
+
inset-inline-start: auto;
|
|
4941
|
+
inset-inline-end: auto;
|
|
4942
|
+
z-index: auto;
|
|
4943
|
+
min-width: min-content;
|
|
4944
|
+
}
|
|
4945
|
+
|
|
4946
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
|
|
4947
|
+
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
4948
|
+
--pf-v5-c-date-picker__calendar--Top: 100%;
|
|
4949
|
+
}
|
|
4950
|
+
|
|
4951
|
+
.pf-v5-c-description-list {
|
|
4952
|
+
--pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
|
|
4953
|
+
--pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
|
|
4954
|
+
--pf-v5-c-description-list--GridTemplateColumns--count: 1;
|
|
4955
|
+
--pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
|
|
4956
|
+
--pf-v5-c-description-list--GridTemplateColumns--min: 0;
|
|
4957
|
+
--pf-v5-c-description-list--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
|
|
4958
|
+
--pf-v5-c-description-list__group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
4959
|
+
--pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
4960
|
+
--pf-v5-c-description-list__group--GridTemplateColumns: auto;
|
|
4961
|
+
--pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
4962
|
+
--pf-v5-c-description-list__group--GridColumn: auto;
|
|
4963
|
+
--pf-v5-c-description-list--m-compact--RowGap: var(--pf-v5-global--gutter);
|
|
4964
|
+
--pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
4965
|
+
--pf-v5-c-description-list__term--Display: inline;
|
|
4966
|
+
--pf-v5-c-description-list__term--sm--Display: flex;
|
|
4967
|
+
--pf-v5-c-description-list__term--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
4968
|
+
--pf-v5-c-description-list__term--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
4969
|
+
--pf-v5-c-description-list__term--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
4970
|
+
--pf-v5-c-description-list__term-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
|
|
4971
|
+
--pf-v5-c-description-list__term-icon--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
4972
|
+
--pf-v5-c-description-list__term-icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
4973
|
+
--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
|
|
4974
|
+
--pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
4975
|
+
--pf-v5-c-description-list--m-horizontal__term--width: 12ch;
|
|
4976
|
+
--pf-v5-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
4977
|
+
--pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v5-c-description-list__term--width) var(--pf-v5-c-description-list--m-horizontal__description--width);
|
|
4978
|
+
--pf-v5-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
4979
|
+
--pf-v5-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
4980
|
+
--pf-v5-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
4918
4981
|
--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
4919
4982
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
4920
4983
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
@@ -5224,69 +5287,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
5224
5287
|
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5225
5288
|
}
|
|
5226
5289
|
}
|
|
5227
|
-
.pf-v5-c-date-picker {
|
|
5228
|
-
--pf-v5-c-date-picker--m-top__calendar--Top: 0;
|
|
5229
|
-
--pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
|
|
5230
|
-
--pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
5231
|
-
--pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
|
|
5232
|
-
--pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
|
|
5233
|
-
--pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
|
|
5234
|
-
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
5235
|
-
--pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
5236
|
-
--pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
|
|
5237
|
-
--pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
|
|
5238
|
-
--pf-v5-c-date-picker__calendar--Right: auto;
|
|
5239
|
-
--pf-v5-c-date-picker__calendar--Left: 0;
|
|
5240
|
-
--pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
|
|
5241
|
-
--pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
|
|
5242
|
-
position: relative;
|
|
5243
|
-
display: inline-block;
|
|
5244
|
-
}
|
|
5245
|
-
|
|
5246
|
-
.pf-v5-c-date-picker__helper-text {
|
|
5247
|
-
margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
|
|
5248
|
-
}
|
|
5249
|
-
|
|
5250
|
-
.pf-v5-c-date-picker__input .pf-v5-c-form-control {
|
|
5251
|
-
width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
|
|
5252
|
-
}
|
|
5253
|
-
|
|
5254
|
-
.pf-v5-c-date-picker__calendar {
|
|
5255
|
-
position: absolute;
|
|
5256
|
-
inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
|
|
5257
|
-
inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
|
|
5258
|
-
inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
|
|
5259
|
-
z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
|
|
5260
|
-
background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
|
|
5261
|
-
box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
|
|
5262
|
-
}
|
|
5263
|
-
|
|
5264
|
-
.pf-v5-c-date-picker__calendar.pf-m-align-right {
|
|
5265
|
-
--pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
|
|
5266
|
-
--pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
|
|
5267
|
-
}
|
|
5268
|
-
|
|
5269
|
-
.pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
|
|
5270
|
-
--pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
|
|
5271
|
-
transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
|
|
5272
|
-
}
|
|
5273
|
-
|
|
5274
|
-
.pf-v5-c-date-picker__calendar.pf-m-static {
|
|
5275
|
-
--pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
5276
|
-
position: static;
|
|
5277
|
-
inset-block-start: auto;
|
|
5278
|
-
inset-block-end: auto;
|
|
5279
|
-
inset-inline-start: auto;
|
|
5280
|
-
inset-inline-end: auto;
|
|
5281
|
-
z-index: auto;
|
|
5282
|
-
min-width: min-content;
|
|
5283
|
-
}
|
|
5284
|
-
|
|
5285
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
|
|
5286
|
-
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
5287
|
-
--pf-v5-c-date-picker__calendar--Top: 100%;
|
|
5288
|
-
}
|
|
5289
|
-
|
|
5290
5290
|
.pf-v5-c-draggable {
|
|
5291
5291
|
--pf-v5-c-draggable--Cursor: auto;
|
|
5292
5292
|
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
@@ -8194,1273 +8194,1273 @@ label.pf-v5-c-input-group__text {
|
|
|
8194
8194
|
border-inline-start: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
|
|
8195
8195
|
}
|
|
8196
8196
|
|
|
8197
|
-
.pf-v5-c-
|
|
8198
|
-
--pf-v5-c-
|
|
8199
|
-
--pf-v5-c-
|
|
8200
|
-
--pf-v5-c-
|
|
8201
|
-
--pf-v5-c-
|
|
8202
|
-
--pf-v5-c-
|
|
8203
|
-
--pf-v5-c-
|
|
8204
|
-
--pf-v5-c-
|
|
8205
|
-
--pf-v5-c-
|
|
8206
|
-
--pf-v5-c-
|
|
8207
|
-
--pf-v5-c-
|
|
8208
|
-
--pf-v5-c-
|
|
8209
|
-
--pf-v5-c-
|
|
8210
|
-
--pf-v5-c-
|
|
8211
|
-
--pf-v5-c-
|
|
8212
|
-
--pf-v5-c-
|
|
8213
|
-
--pf-v5-c-
|
|
8214
|
-
--pf-v5-c-
|
|
8215
|
-
--pf-v5-c-
|
|
8216
|
-
--pf-v5-c-
|
|
8217
|
-
--pf-v5-c-
|
|
8218
|
-
--pf-v5-c-
|
|
8219
|
-
--pf-v5-c-
|
|
8220
|
-
--pf-v5-c-
|
|
8221
|
-
--pf-v5-c-
|
|
8222
|
-
--pf-v5-c-
|
|
8223
|
-
--pf-v5-c-
|
|
8224
|
-
--pf-v5-c-
|
|
8225
|
-
--pf-v5-c-
|
|
8226
|
-
--pf-v5-c-
|
|
8227
|
-
--pf-v5-c-
|
|
8228
|
-
--pf-v5-c-
|
|
8229
|
-
--pf-v5-c-
|
|
8230
|
-
--pf-v5-c-
|
|
8231
|
-
--pf-v5-c-
|
|
8232
|
-
--pf-v5-c-
|
|
8233
|
-
--pf-v5-c-
|
|
8234
|
-
--pf-v5-c-
|
|
8235
|
-
--pf-v5-c-
|
|
8236
|
-
--pf-v5-c-
|
|
8237
|
-
--pf-v5-c-
|
|
8238
|
-
--pf-v5-c-
|
|
8239
|
-
--pf-v5-c-
|
|
8240
|
-
--pf-v5-c-
|
|
8241
|
-
--pf-v5-c-
|
|
8242
|
-
--pf-v5-c-
|
|
8243
|
-
--pf-v5-c-
|
|
8244
|
-
--pf-v5-c-
|
|
8245
|
-
--pf-v5-c-
|
|
8246
|
-
--pf-v5-c-
|
|
8247
|
-
--pf-v5-c-
|
|
8248
|
-
--pf-v5-c-
|
|
8249
|
-
--pf-v5-c-
|
|
8250
|
-
--pf-v5-c-
|
|
8251
|
-
--pf-v5-c-
|
|
8252
|
-
--pf-v5-c-
|
|
8253
|
-
--pf-v5-c-
|
|
8254
|
-
|
|
8255
|
-
--pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
8256
|
-
--pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
|
|
8257
|
-
--pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8258
|
-
--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8259
|
-
--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8260
|
-
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
|
|
8261
|
-
--pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
|
|
8262
|
-
--pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
|
|
8263
|
-
--pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
8264
|
-
--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
|
|
8265
|
-
--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
|
|
8266
|
-
--pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
|
|
8267
|
-
--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8268
|
-
--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8269
|
-
--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8270
|
-
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
|
|
8271
|
-
--pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
|
|
8272
|
-
--pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
|
|
8273
|
-
--pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
8274
|
-
--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
|
|
8275
|
-
--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
|
|
8276
|
-
--pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
|
|
8277
|
-
--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8278
|
-
--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8279
|
-
--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8280
|
-
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
|
|
8281
|
-
--pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
|
|
8282
|
-
--pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
|
|
8283
|
-
--pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
8284
|
-
--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
|
|
8285
|
-
--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
|
|
8286
|
-
--pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
|
|
8287
|
-
--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8288
|
-
--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8289
|
-
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8290
|
-
--pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
|
|
8291
|
-
--pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8292
|
-
--pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8293
|
-
--pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8294
|
-
--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
8295
|
-
--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8296
|
-
--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
8297
|
-
--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8298
|
-
--pf-v5-c-label--m-compact--PaddingTop: 0;
|
|
8299
|
-
--pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8300
|
-
--pf-v5-c-label--m-compact--PaddingBottom: 0;
|
|
8301
|
-
--pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8302
|
-
--pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
8303
|
-
--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
8304
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
|
|
8305
|
-
--pf-v5-c-label__content--BackgroundColor: transparent;
|
|
8306
|
-
--pf-v5-c-label__content--MaxWidth: 100%;
|
|
8307
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
|
|
8308
|
-
--pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
|
|
8309
|
-
--pf-v5-c-label__text--MaxWidth: 100%;
|
|
8310
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
|
|
8311
|
-
--pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
|
|
8312
|
-
--pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
8313
|
-
--pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
|
|
8314
|
-
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
8315
|
-
--pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
|
|
8316
|
-
--pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
|
|
8317
|
-
--pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8318
|
-
--pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8319
|
-
--pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
8320
|
-
--pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8321
|
-
--pf-v5-c-label--m-editable--Cursor: pointer;
|
|
8322
|
-
--pf-v5-c-label--m-editable--TextDecoration: underline;
|
|
8323
|
-
--pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
|
|
8324
|
-
--pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
|
|
8325
|
-
--pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
|
|
8326
|
-
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
|
|
8327
|
-
--pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
8328
|
-
--pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
8329
|
-
--pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8330
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8331
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8332
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8333
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8334
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8335
|
-
--pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
|
|
8336
|
-
--pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
8337
|
-
--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
8338
|
-
--pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
|
|
8339
|
-
--pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
|
|
8340
|
-
--pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
8341
|
-
--pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
|
|
8342
|
-
--pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
8343
|
-
--pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
8344
|
-
position: relative;
|
|
8345
|
-
max-width: var(--pf-v5-c-label--MaxWidth);
|
|
8346
|
-
padding-block-start: var(--pf-v5-c-label--PaddingTop);
|
|
8347
|
-
padding-block-end: var(--pf-v5-c-label--PaddingBottom);
|
|
8348
|
-
padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
|
|
8349
|
-
padding-inline-end: var(--pf-v5-c-label--PaddingRight);
|
|
8350
|
-
font-size: var(--pf-v5-c-label--FontSize);
|
|
8351
|
-
color: var(--pf-v5-c-label--Color);
|
|
8352
|
-
white-space: nowrap;
|
|
8353
|
-
background-color: var(--pf-v5-c-label--BackgroundColor);
|
|
8354
|
-
border: 0;
|
|
8355
|
-
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
8356
|
-
}
|
|
8357
|
-
|
|
8358
|
-
.pf-v5-c-label.pf-m-compact {
|
|
8359
|
-
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
8360
|
-
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
8361
|
-
--pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
|
|
8362
|
-
--pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
|
|
8363
|
-
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
8364
|
-
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
8365
|
-
}
|
|
8366
|
-
|
|
8367
|
-
.pf-v5-c-label.pf-m-blue {
|
|
8368
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
|
|
8369
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
|
|
8370
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
|
|
8371
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
8372
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
|
|
8373
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
|
|
8374
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
|
|
8375
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
|
|
8376
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
|
|
8377
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
|
|
8378
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
8379
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
8380
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
8381
|
-
}
|
|
8382
|
-
|
|
8383
|
-
.pf-v5-c-label.pf-m-green {
|
|
8384
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
|
|
8385
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
|
|
8386
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
|
|
8387
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
8388
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
|
|
8389
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
|
|
8390
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
|
|
8391
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
|
|
8392
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
|
|
8393
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
|
|
8394
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
8395
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
8396
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
8397
|
-
}
|
|
8398
|
-
|
|
8399
|
-
.pf-v5-c-label.pf-m-orange {
|
|
8400
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
|
|
8401
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
|
|
8402
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
|
|
8403
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
8404
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
|
|
8405
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
|
|
8406
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
|
|
8407
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
|
|
8408
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
|
|
8409
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
|
|
8410
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
8411
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
8412
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
8197
|
+
.pf-v5-c-jump-links {
|
|
8198
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8199
|
+
--pf-v5-c-jump-links__list--PaddingTop: 0;
|
|
8200
|
+
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
8201
|
+
--pf-v5-c-jump-links__list--PaddingBottom: 0;
|
|
8202
|
+
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
8203
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
8204
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
8205
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
8206
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
8207
|
+
--pf-v5-c-jump-links__list--FlexDirection: row;
|
|
8208
|
+
--pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
8209
|
+
--pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8210
|
+
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8211
|
+
--pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
|
|
8212
|
+
--pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
8213
|
+
--pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
8214
|
+
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8215
|
+
--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
8216
|
+
--pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
|
|
8217
|
+
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
8218
|
+
--pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
8219
|
+
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
8220
|
+
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
8221
|
+
--pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
8222
|
+
--pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
8223
|
+
--pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
8224
|
+
--pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
|
|
8225
|
+
--pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
|
|
8226
|
+
--pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
|
|
8227
|
+
--pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
8228
|
+
--pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
8229
|
+
--pf-v5-c-jump-links__link--before--BorderColor: transparent;
|
|
8230
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
|
|
8231
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
8232
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
8233
|
+
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
8234
|
+
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
|
|
8235
|
+
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
|
|
8236
|
+
--pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
|
|
8237
|
+
--pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
|
|
8238
|
+
--pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
|
|
8239
|
+
--pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
8240
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8241
|
+
--pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
8242
|
+
--pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
8243
|
+
--pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
|
|
8244
|
+
--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
|
|
8245
|
+
--pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
|
|
8246
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8247
|
+
--pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
|
|
8248
|
+
--pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
8249
|
+
--pf-v5-c-jump-links__toggle-icon--Rotate: 0;
|
|
8250
|
+
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
8251
|
+
--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
8252
|
+
--pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
|
|
8253
|
+
--pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
|
|
8254
|
+
display: flex;
|
|
8413
8255
|
}
|
|
8414
8256
|
|
|
8415
|
-
.pf-v5-c-
|
|
8416
|
-
|
|
8417
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
|
|
8418
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
|
|
8419
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
8420
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
|
|
8421
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
|
|
8422
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
|
|
8423
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
|
|
8424
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
|
|
8425
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
|
|
8426
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
8427
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
8428
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
8257
|
+
.pf-v5-c-jump-links.pf-m-center {
|
|
8258
|
+
justify-content: center;
|
|
8429
8259
|
}
|
|
8430
8260
|
|
|
8431
|
-
.pf-v5-c-
|
|
8432
|
-
|
|
8433
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
|
|
8434
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
|
|
8435
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
8436
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
|
|
8437
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
|
|
8438
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
|
|
8439
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
|
|
8440
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
|
|
8441
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
|
|
8442
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
8443
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
8444
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
8261
|
+
.pf-v5-c-jump-links.pf-m-center .pf-v5-c-jump-links__main {
|
|
8262
|
+
align-items: center;
|
|
8445
8263
|
}
|
|
8446
8264
|
|
|
8447
|
-
.pf-v5-c-
|
|
8448
|
-
--pf-v5-c-
|
|
8449
|
-
--pf-v5-c-
|
|
8450
|
-
--pf-v5-c-
|
|
8451
|
-
--pf-v5-c-
|
|
8452
|
-
--pf-v5-c-
|
|
8453
|
-
--pf-v5-c-
|
|
8454
|
-
--pf-v5-c-
|
|
8455
|
-
--pf-v5-c-
|
|
8456
|
-
--pf-v5-c-
|
|
8457
|
-
|
|
8458
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
8459
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
8460
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
8265
|
+
.pf-v5-c-jump-links.pf-m-vertical, .pf-v5-c-jump-links.pf-m-expandable {
|
|
8266
|
+
--pf-v5-c-jump-links__list--PaddingTop: var(--pf-v5-c-jump-links--m-vertical__list--PaddingTop);
|
|
8267
|
+
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-c-jump-links--m-vertical__list--PaddingRight);
|
|
8268
|
+
--pf-v5-c-jump-links__list--PaddingBottom: var(--pf-v5-c-jump-links--m-vertical__list--PaddingBottom);
|
|
8269
|
+
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-c-jump-links--m-vertical__list--PaddingLeft);
|
|
8270
|
+
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth);
|
|
8271
|
+
--pf-v5-c-jump-links__list--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth);
|
|
8272
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
|
|
8273
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
|
|
8274
|
+
--pf-v5-c-jump-links__list--FlexDirection: var(--pf-v5-c-jump-links--m-vertical__list--FlexDirection);
|
|
8275
|
+
flex-direction: column;
|
|
8461
8276
|
}
|
|
8462
8277
|
|
|
8463
|
-
.pf-v5-c-
|
|
8464
|
-
--pf-v5-c-
|
|
8465
|
-
--pf-v5-c-
|
|
8466
|
-
--pf-v5-c-
|
|
8467
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
8468
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
|
|
8469
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
|
|
8470
|
-
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
|
|
8471
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
|
|
8472
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
|
|
8473
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
|
|
8474
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
8475
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
8476
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
8278
|
+
.pf-v5-c-jump-links.pf-m-expandable {
|
|
8279
|
+
--pf-v5-c-jump-links__list--Display: none;
|
|
8280
|
+
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8281
|
+
--pf-v5-c-jump-links__label--Display: none;
|
|
8477
8282
|
}
|
|
8478
8283
|
|
|
8479
|
-
.pf-v5-c-
|
|
8480
|
-
--pf-v5-c-
|
|
8481
|
-
--pf-v5-c-
|
|
8482
|
-
--pf-v5-c-
|
|
8483
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
|
|
8484
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
8485
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
8486
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
8284
|
+
.pf-v5-c-jump-links.pf-m-non-expandable {
|
|
8285
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8286
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8287
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8487
8288
|
}
|
|
8488
8289
|
|
|
8489
|
-
|
|
8490
|
-
.pf-v5-c-
|
|
8491
|
-
|
|
8492
|
-
|
|
8493
|
-
|
|
8290
|
+
@media (min-width: 576px) {
|
|
8291
|
+
.pf-v5-c-jump-links.pf-m-expandable-on-sm {
|
|
8292
|
+
--pf-v5-c-jump-links__list--Display: none;
|
|
8293
|
+
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8294
|
+
--pf-v5-c-jump-links__label--Display: none;
|
|
8295
|
+
}
|
|
8296
|
+
.pf-v5-c-jump-links.pf-m-non-expandable-on-sm {
|
|
8297
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8298
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8299
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8300
|
+
}
|
|
8494
8301
|
}
|
|
8495
|
-
|
|
8496
|
-
.pf-v5-c-
|
|
8497
|
-
|
|
8498
|
-
|
|
8499
|
-
|
|
8500
|
-
|
|
8302
|
+
@media (min-width: 768px) {
|
|
8303
|
+
.pf-v5-c-jump-links.pf-m-expandable-on-md {
|
|
8304
|
+
--pf-v5-c-jump-links__list--Display: none;
|
|
8305
|
+
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8306
|
+
--pf-v5-c-jump-links__label--Display: none;
|
|
8307
|
+
}
|
|
8308
|
+
.pf-v5-c-jump-links.pf-m-non-expandable-on-md {
|
|
8309
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8310
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8311
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8312
|
+
}
|
|
8501
8313
|
}
|
|
8502
|
-
|
|
8503
|
-
.pf-v5-c-
|
|
8504
|
-
|
|
8505
|
-
|
|
8506
|
-
|
|
8507
|
-
|
|
8508
|
-
|
|
8509
|
-
|
|
8510
|
-
|
|
8511
|
-
|
|
8512
|
-
|
|
8513
|
-
text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
|
|
8514
|
-
text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
|
|
8515
|
-
text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
|
|
8516
|
-
text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
|
|
8517
|
-
text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
|
|
8518
|
-
cursor: var(--pf-v5-c-label--m-editable--Cursor);
|
|
8314
|
+
@media (min-width: 992px) {
|
|
8315
|
+
.pf-v5-c-jump-links.pf-m-expandable-on-lg {
|
|
8316
|
+
--pf-v5-c-jump-links__list--Display: none;
|
|
8317
|
+
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8318
|
+
--pf-v5-c-jump-links__label--Display: none;
|
|
8319
|
+
}
|
|
8320
|
+
.pf-v5-c-jump-links.pf-m-non-expandable-on-lg {
|
|
8321
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8322
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8323
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8324
|
+
}
|
|
8519
8325
|
}
|
|
8520
|
-
|
|
8521
|
-
.pf-v5-c-
|
|
8522
|
-
|
|
8326
|
+
@media (min-width: 1200px) {
|
|
8327
|
+
.pf-v5-c-jump-links.pf-m-expandable-on-xl {
|
|
8328
|
+
--pf-v5-c-jump-links__list--Display: none;
|
|
8329
|
+
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8330
|
+
--pf-v5-c-jump-links__label--Display: none;
|
|
8331
|
+
}
|
|
8332
|
+
.pf-v5-c-jump-links.pf-m-non-expandable-on-xl {
|
|
8333
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8334
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8335
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8336
|
+
}
|
|
8523
8337
|
}
|
|
8524
|
-
|
|
8525
|
-
.pf-v5-c-
|
|
8526
|
-
|
|
8338
|
+
@media (min-width: 1450px) {
|
|
8339
|
+
.pf-v5-c-jump-links.pf-m-expandable-on-2xl {
|
|
8340
|
+
--pf-v5-c-jump-links__list--Display: none;
|
|
8341
|
+
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8342
|
+
--pf-v5-c-jump-links__label--Display: none;
|
|
8343
|
+
}
|
|
8344
|
+
.pf-v5-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
8345
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8346
|
+
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8347
|
+
--pf-v5-c-jump-links__label--Display: block;
|
|
8348
|
+
}
|
|
8527
8349
|
}
|
|
8528
|
-
|
|
8529
|
-
|
|
8530
|
-
--pf-v5-c-
|
|
8531
|
-
--pf-v5-c-
|
|
8532
|
-
--pf-v5-c-
|
|
8350
|
+
.pf-v5-c-jump-links.pf-m-expanded {
|
|
8351
|
+
--pf-v5-c-jump-links__list--Display: flex;
|
|
8352
|
+
--pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom);
|
|
8353
|
+
--pf-v5-c-jump-links__toggle-icon--Rotate: var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
8354
|
+
--pf-v5-c-jump-links__toggle-icon--Color: var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Color);
|
|
8533
8355
|
}
|
|
8534
8356
|
|
|
8535
|
-
.pf-v5-c-
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
|
|
8540
|
-
|
|
8541
|
-
|
|
8542
|
-
|
|
8543
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
|
|
8357
|
+
.pf-v5-c-jump-links__list {
|
|
8358
|
+
position: relative;
|
|
8359
|
+
display: var(--pf-v5-c-jump-links__list--Display);
|
|
8360
|
+
flex-direction: var(--pf-v5-c-jump-links__list--FlexDirection);
|
|
8361
|
+
padding-block-start: var(--pf-v5-c-jump-links__list--PaddingTop);
|
|
8362
|
+
padding-block-end: var(--pf-v5-c-jump-links__list--PaddingBottom);
|
|
8363
|
+
padding-inline-start: var(--pf-v5-c-jump-links__list--PaddingLeft);
|
|
8364
|
+
padding-inline-end: var(--pf-v5-c-jump-links__list--PaddingRight);
|
|
8544
8365
|
}
|
|
8545
8366
|
|
|
8546
|
-
.pf-v5-c-
|
|
8547
|
-
|
|
8548
|
-
|
|
8549
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
|
|
8550
|
-
--pf-v5-c-label__content--before--BorderWidth: 0;
|
|
8367
|
+
.pf-v5-c-jump-links__list::before {
|
|
8368
|
+
position: absolute;
|
|
8369
|
+
inset: 0;
|
|
8551
8370
|
pointer-events: none;
|
|
8371
|
+
content: "";
|
|
8372
|
+
border: solid var(--pf-v5-c-jump-links__list--before--BorderColor);
|
|
8373
|
+
border-block-start-width: var(--pf-v5-c-jump-links__list--before--BorderTopWidth);
|
|
8374
|
+
border-block-end-width: var(--pf-v5-c-jump-links__list--before--BorderBottomWidth);
|
|
8375
|
+
border-inline-start-width: var(--pf-v5-c-jump-links__list--before--BorderLeftWidth);
|
|
8376
|
+
border-inline-end-width: var(--pf-v5-c-jump-links__list--before--BorderRightWidth);
|
|
8552
8377
|
}
|
|
8553
8378
|
|
|
8554
|
-
.pf-v5-c-
|
|
8555
|
-
--pf-v5-c-
|
|
8379
|
+
.pf-v5-c-jump-links__list .pf-v5-c-jump-links__list {
|
|
8380
|
+
--pf-v5-c-jump-links__list--PaddingTop: 0;
|
|
8381
|
+
--pf-v5-c-jump-links__list--PaddingBottom: 0;
|
|
8382
|
+
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-c-jump-links__list__list__link--PaddingTop);
|
|
8383
|
+
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-c-jump-links__list__list__link--PaddingBottom);
|
|
8384
|
+
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-c-jump-links__list__list__link--PaddingLeft);
|
|
8385
|
+
margin-block-start: var(--pf-v5-c-jump-links__list__list--MarginTop);
|
|
8556
8386
|
}
|
|
8557
8387
|
|
|
8558
|
-
.pf-v5-c-
|
|
8559
|
-
|
|
8560
|
-
display:
|
|
8561
|
-
|
|
8388
|
+
.pf-v5-c-jump-links__link {
|
|
8389
|
+
position: relative;
|
|
8390
|
+
display: flex;
|
|
8391
|
+
flex: 1;
|
|
8392
|
+
padding-block-start: var(--pf-v5-c-jump-links__link--PaddingTop);
|
|
8393
|
+
padding-block-end: var(--pf-v5-c-jump-links__link--PaddingBottom);
|
|
8394
|
+
padding-inline-start: var(--pf-v5-c-jump-links__link--PaddingLeft);
|
|
8395
|
+
padding-inline-end: var(--pf-v5-c-jump-links__link--PaddingRight);
|
|
8396
|
+
text-decoration: none;
|
|
8397
|
+
outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
|
|
8562
8398
|
}
|
|
8563
8399
|
|
|
8564
|
-
.pf-v5-c-
|
|
8565
|
-
|
|
8566
|
-
text-overflow: ellipsis;
|
|
8567
|
-
white-space: nowrap;
|
|
8568
|
-
max-width: var(--pf-v5-c-label__text--MaxWidth);
|
|
8400
|
+
.pf-v5-c-jump-links__link:hover {
|
|
8401
|
+
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
|
|
8569
8402
|
}
|
|
8570
8403
|
|
|
8571
|
-
.pf-v5-c-
|
|
8572
|
-
|
|
8573
|
-
overflow: hidden;
|
|
8574
|
-
color: var(--pf-v5-c-label__content--Color);
|
|
8575
|
-
background-color: var(--pf-v5-c-label__content--BackgroundColor);
|
|
8576
|
-
border-width: 0;
|
|
8404
|
+
.pf-v5-c-jump-links__link:focus {
|
|
8405
|
+
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
|
|
8577
8406
|
}
|
|
8578
8407
|
|
|
8579
|
-
.pf-v5-c-
|
|
8408
|
+
.pf-v5-c-jump-links__link::before {
|
|
8580
8409
|
position: absolute;
|
|
8581
8410
|
inset: 0;
|
|
8582
8411
|
pointer-events: none;
|
|
8583
8412
|
content: "";
|
|
8584
|
-
border: var(--pf-v5-c-
|
|
8585
|
-
border-
|
|
8413
|
+
border-color: var(--pf-v5-c-jump-links__link--before--BorderColor);
|
|
8414
|
+
border-style: solid;
|
|
8415
|
+
border-block-start-width: var(--pf-v5-c-jump-links__link--before--BorderTopWidth);
|
|
8416
|
+
border-block-end-width: var(--pf-v5-c-jump-links__link--before--BorderBottomWidth);
|
|
8417
|
+
border-inline-start-width: var(--pf-v5-c-jump-links__link--before--BorderLeftWidth);
|
|
8418
|
+
border-inline-end-width: var(--pf-v5-c-jump-links__link--before--BorderRightWidth);
|
|
8419
|
+
}
|
|
8420
|
+
|
|
8421
|
+
.pf-v5-c-jump-links__item {
|
|
8422
|
+
--pf-v5-c-jump-links__list--before--BorderColor: transparent;
|
|
8423
|
+
}
|
|
8424
|
+
|
|
8425
|
+
.pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link {
|
|
8426
|
+
--pf-v5-c-jump-links__link--before--BorderTopWidth: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth);
|
|
8427
|
+
--pf-v5-c-jump-links__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth);
|
|
8428
|
+
--pf-v5-c-jump-links__link--before--BorderColor: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderColor);
|
|
8429
|
+
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__item--m-current__link-text--Color);
|
|
8586
8430
|
}
|
|
8587
8431
|
|
|
8588
|
-
|
|
8589
|
-
|
|
8590
|
-
text-overflow: ellipsis;
|
|
8591
|
-
white-space: nowrap;
|
|
8432
|
+
.pf-v5-c-jump-links__link-text {
|
|
8433
|
+
color: var(--pf-v5-c-jump-links__link-text--Color);
|
|
8592
8434
|
}
|
|
8593
8435
|
|
|
8594
|
-
|
|
8595
|
-
|
|
8596
|
-
|
|
8597
|
-
cursor: pointer;
|
|
8598
|
-
background-color: transparent;
|
|
8599
|
-
border: none;
|
|
8436
|
+
.pf-v5-c-jump-links__label {
|
|
8437
|
+
display: var(--pf-v5-c-jump-links__label--Display);
|
|
8438
|
+
margin-block-end: var(--pf-v5-c-jump-links__label--MarginBottom);
|
|
8600
8439
|
}
|
|
8601
8440
|
|
|
8602
|
-
|
|
8603
|
-
|
|
8604
|
-
|
|
8605
|
-
button.pf-v5-c-label__content:focus {
|
|
8606
|
-
text-decoration: none;
|
|
8441
|
+
.pf-v5-c-jump-links__main {
|
|
8442
|
+
display: flex;
|
|
8443
|
+
flex-direction: column;
|
|
8607
8444
|
}
|
|
8608
8445
|
|
|
8609
|
-
|
|
8610
|
-
|
|
8611
|
-
|
|
8612
|
-
|
|
8446
|
+
.pf-v5-c-jump-links__toggle {
|
|
8447
|
+
display: var(--pf-v5-c-jump-links__toggle--Display);
|
|
8448
|
+
margin-block-start: var(--pf-v5-c-jump-links__toggle--MarginTop);
|
|
8449
|
+
margin-block-end: var(--pf-v5-c-jump-links__toggle--MarginBottom);
|
|
8450
|
+
margin-inline-start: var(--pf-v5-c-jump-links__toggle--MarginLeft);
|
|
8613
8451
|
}
|
|
8614
8452
|
|
|
8615
|
-
|
|
8616
|
-
|
|
8617
|
-
|
|
8618
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
|
|
8453
|
+
.pf-v5-c-jump-links__toggle .pf-v5-c-button {
|
|
8454
|
+
display: flex;
|
|
8455
|
+
align-items: center;
|
|
8619
8456
|
}
|
|
8620
8457
|
|
|
8621
|
-
.pf-v5-c-
|
|
8622
|
-
|
|
8623
|
-
color: var(--pf-v5-c-
|
|
8458
|
+
.pf-v5-c-jump-links__toggle-icon {
|
|
8459
|
+
display: inline-block;
|
|
8460
|
+
color: var(--pf-v5-c-jump-links__toggle-icon--Color);
|
|
8461
|
+
transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
|
|
8462
|
+
transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
|
|
8624
8463
|
}
|
|
8625
8464
|
|
|
8626
|
-
.pf-v5-c-
|
|
8627
|
-
|
|
8628
|
-
font-size: var(--pf-v5-c-label__actions--FontSize);
|
|
8465
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
|
|
8466
|
+
scale: -1 1;
|
|
8629
8467
|
}
|
|
8630
8468
|
|
|
8631
|
-
.pf-v5-c-
|
|
8632
|
-
|
|
8633
|
-
|
|
8634
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
|
8635
|
-
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
|
|
8636
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
|
|
8637
|
-
margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
|
|
8638
|
-
margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
|
|
8469
|
+
.pf-v5-c-jump-links__toggle-text {
|
|
8470
|
+
margin-inline-start: var(--pf-v5-c-jump-links__toggle-text--MarginLeft);
|
|
8471
|
+
color: var(--pf-v5-c-jump-links__toggle-text--Color);
|
|
8639
8472
|
}
|
|
8640
8473
|
|
|
8641
|
-
|
|
8642
|
-
--pf-v5-c-
|
|
8643
|
-
--pf-v5-c-
|
|
8644
|
-
--pf-v5-c-
|
|
8645
|
-
--pf-v5-c-
|
|
8646
|
-
--pf-v5-c-
|
|
8647
|
-
--pf-v5-c-
|
|
8648
|
-
--pf-v5-c-
|
|
8649
|
-
--pf-v5-c-
|
|
8650
|
-
--pf-v5-c-
|
|
8651
|
-
--pf-v5-c-
|
|
8652
|
-
--pf-v5-c-
|
|
8653
|
-
--pf-v5-c-
|
|
8654
|
-
--pf-v5-c-
|
|
8655
|
-
--pf-v5-c-
|
|
8656
|
-
--pf-v5-c-
|
|
8657
|
-
--pf-v5-c-
|
|
8658
|
-
--pf-v5-c-
|
|
8659
|
-
--pf-v5-c-
|
|
8660
|
-
--pf-v5-c-
|
|
8661
|
-
--pf-v5-c-
|
|
8662
|
-
--pf-v5-c-
|
|
8663
|
-
--pf-v5-c-
|
|
8664
|
-
--pf-v5-c-
|
|
8665
|
-
--pf-v5-c-
|
|
8666
|
-
--pf-v5-c-
|
|
8667
|
-
--pf-v5-c-
|
|
8668
|
-
--pf-v5-c-
|
|
8669
|
-
--pf-v5-c-
|
|
8670
|
-
--pf-v5-c-
|
|
8671
|
-
--pf-v5-c-
|
|
8672
|
-
--pf-v5-c-
|
|
8673
|
-
--pf-v5-c-
|
|
8674
|
-
--pf-v5-c-
|
|
8675
|
-
--pf-v5-c-
|
|
8676
|
-
--pf-v5-c-
|
|
8677
|
-
--pf-v5-c-
|
|
8678
|
-
--pf-v5-c-
|
|
8679
|
-
--pf-v5-c-
|
|
8680
|
-
--pf-v5-c-
|
|
8681
|
-
--pf-v5-c-
|
|
8682
|
-
--pf-v5-c-
|
|
8683
|
-
--pf-v5-c-
|
|
8684
|
-
--pf-v5-c-
|
|
8685
|
-
--pf-v5-c-
|
|
8686
|
-
--pf-v5-c-
|
|
8687
|
-
--pf-v5-c-
|
|
8688
|
-
--pf-v5-c-
|
|
8474
|
+
.pf-v5-c-sidebar {
|
|
8475
|
+
--pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
|
|
8476
|
+
--pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
|
|
8477
|
+
--pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8478
|
+
--pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
|
|
8479
|
+
--pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
|
|
8480
|
+
--pf-v5-c-sidebar__panel--PaddingTop: 0;
|
|
8481
|
+
--pf-v5-c-sidebar__panel--PaddingRight: 0;
|
|
8482
|
+
--pf-v5-c-sidebar__panel--PaddingBottom: 0;
|
|
8483
|
+
--pf-v5-c-sidebar__panel--PaddingLeft: 0;
|
|
8484
|
+
--pf-v5-c-sidebar__panel--Order: -1;
|
|
8485
|
+
--pf-v5-c-sidebar__panel--m-padding--PaddingTop: var(--pf-v5-c-sidebar--inset);
|
|
8486
|
+
--pf-v5-c-sidebar__panel--m-padding--PaddingRight: var(--pf-v5-c-sidebar--inset);
|
|
8487
|
+
--pf-v5-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-v5-c-sidebar--inset);
|
|
8488
|
+
--pf-v5-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-v5-c-sidebar--inset);
|
|
8489
|
+
--pf-v5-c-sidebar__content--PaddingTop: 0;
|
|
8490
|
+
--pf-v5-c-sidebar__content--PaddingRight: 0;
|
|
8491
|
+
--pf-v5-c-sidebar__content--PaddingBottom: 0;
|
|
8492
|
+
--pf-v5-c-sidebar__content--PaddingLeft: 0;
|
|
8493
|
+
--pf-v5-c-sidebar__content--Order: 1;
|
|
8494
|
+
--pf-v5-c-sidebar__content--m-padding--PaddingTop: var(--pf-v5-c-sidebar--inset);
|
|
8495
|
+
--pf-v5-c-sidebar__content--m-padding--PaddingRight: var(--pf-v5-c-sidebar--inset);
|
|
8496
|
+
--pf-v5-c-sidebar__content--m-padding--PaddingBottom: var(--pf-v5-c-sidebar--inset);
|
|
8497
|
+
--pf-v5-c-sidebar__content--m-padding--PaddingLeft: var(--pf-v5-c-sidebar--inset);
|
|
8498
|
+
--pf-v5-c-sidebar__main--FlexDirection: column;
|
|
8499
|
+
--pf-v5-c-sidebar__main--md--FlexDirection: row;
|
|
8500
|
+
--pf-v5-c-sidebar__main--AlignItems: stretch;
|
|
8501
|
+
--pf-v5-c-sidebar__main--md--AlignItems: flex-start;
|
|
8502
|
+
--pf-v5-c-sidebar__main--child--MarginTop: 0;
|
|
8503
|
+
--pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
|
|
8504
|
+
--pf-v5-c-sidebar__main--m-border--before--Display: none;
|
|
8505
|
+
--pf-v5-c-sidebar__main--m-border--before--md--Display: block;
|
|
8506
|
+
--pf-v5-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v5-c-sidebar--BorderWidth--base);
|
|
8507
|
+
--pf-v5-c-sidebar__main--m-border--before--BorderColor: var(--pf-v5-c-sidebar--BorderColor--base);
|
|
8508
|
+
--pf-v5-c-sidebar--m-panel-right__panel--Order: -1;
|
|
8509
|
+
--pf-v5-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
8510
|
+
--pf-v5-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
8511
|
+
--pf-v5-c-sidebar--m-stack__main--FlexDirection: column;
|
|
8512
|
+
--pf-v5-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
8513
|
+
--pf-v5-c-sidebar--m-stack__panel--Position: sticky;
|
|
8514
|
+
--pf-v5-c-sidebar--m-stack__panel--Top: 0;
|
|
8515
|
+
--pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
|
|
8516
|
+
--pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
8517
|
+
--pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
8518
|
+
--pf-v5-c-sidebar--m-split__main--FlexDirection: row;
|
|
8519
|
+
--pf-v5-c-sidebar--m-split__panel--Position: static;
|
|
8520
|
+
--pf-v5-c-sidebar--m-split__panel--Top: auto;
|
|
8521
|
+
--pf-v5-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
8522
|
+
--pf-v5-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
8523
|
+
--pf-v5-c-sidebar__panel--FlexBasis--base: auto;
|
|
8524
|
+
--pf-v5-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
8525
|
+
--pf-v5-c-sidebar__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
|
|
8526
|
+
--pf-v5-c-sidebar__panel--Top: 0;
|
|
8527
|
+
--pf-v5-c-sidebar__panel--md--Top: auto;
|
|
8528
|
+
--pf-v5-c-sidebar__panel--Position: sticky;
|
|
8529
|
+
--pf-v5-c-sidebar__panel--md--Position: static;
|
|
8530
|
+
--pf-v5-c-sidebar__panel--FlexBasis-base: auto;
|
|
8531
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis-base);
|
|
8532
|
+
--pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
8533
|
+
--pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
8534
|
+
--pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
8535
|
+
--pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
8536
|
+
--pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8537
|
+
--pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8538
|
+
--pf-v5-c-sidebar__panel--m-sticky--Top: 0;
|
|
8539
|
+
--pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
|
|
8540
|
+
height: 100%;
|
|
8689
8541
|
}
|
|
8690
8542
|
|
|
8691
|
-
|
|
8692
|
-
|
|
8693
|
-
|
|
8694
|
-
|
|
8695
|
-
|
|
8696
|
-
|
|
8697
|
-
|
|
8698
|
-
|
|
8699
|
-
|
|
8700
|
-
|
|
8701
|
-
|
|
8702
|
-
|
|
8703
|
-
|
|
8704
|
-
|
|
8705
|
-
|
|
8706
|
-
|
|
8707
|
-
|
|
8708
|
-
--pf-v5-c-
|
|
8709
|
-
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
8710
|
-
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8711
|
-
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8712
|
-
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8713
|
-
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
8714
|
-
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
8715
|
-
--pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8716
|
-
--pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8717
|
-
--pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8718
|
-
--pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8719
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8720
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8721
|
-
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8722
|
-
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
8723
|
-
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8724
|
-
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
8725
|
-
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
8726
|
-
display: inline-flex;
|
|
8727
|
-
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
8728
|
-
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
8729
|
-
align-items: center;
|
|
8543
|
+
@media (min-width: 768px) {
|
|
8544
|
+
.pf-v5-c-sidebar {
|
|
8545
|
+
--pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar__main--md--FlexDirection);
|
|
8546
|
+
--pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar__main--md--AlignItems);
|
|
8547
|
+
--pf-v5-c-sidebar__main--m-border--before--Display: var(--pf-v5-c-sidebar__main--m-border--before--md--Display);
|
|
8548
|
+
--pf-v5-c-sidebar__panel--BoxShadow: none;
|
|
8549
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--md--FlexBasis);
|
|
8550
|
+
--pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--md--Top);
|
|
8551
|
+
--pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--md--Position);
|
|
8552
|
+
}
|
|
8553
|
+
}
|
|
8554
|
+
@media (min-width: 1200px) {
|
|
8555
|
+
.pf-v5-c-sidebar {
|
|
8556
|
+
--pf-v5-c-sidebar--inset: var(--pf-v5-c-sidebar--xl--inset);
|
|
8557
|
+
}
|
|
8558
|
+
}
|
|
8559
|
+
.pf-v5-c-sidebar.pf-m-gutter > .pf-v5-c-sidebar__main {
|
|
8560
|
+
gap: var(--pf-v5-c-sidebar--m-gutter__main--Gap);
|
|
8730
8561
|
}
|
|
8731
8562
|
|
|
8732
|
-
.pf-v5-c-
|
|
8733
|
-
|
|
8734
|
-
|
|
8735
|
-
|
|
8736
|
-
|
|
8737
|
-
|
|
8738
|
-
|
|
8739
|
-
|
|
8563
|
+
.pf-v5-c-sidebar.pf-m-panel-right {
|
|
8564
|
+
--pf-v5-c-sidebar__panel--Order: var(--pf-v5-c-sidebar--m-panel-right__panel--Order);
|
|
8565
|
+
--pf-v5-c-sidebar__content--Order: var(--pf-v5-c-sidebar--m-panel-right__content--Order);
|
|
8566
|
+
}
|
|
8567
|
+
|
|
8568
|
+
@media (min-width: 768px) {
|
|
8569
|
+
.pf-v5-c-sidebar.pf-m-panel-right {
|
|
8570
|
+
--pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-panel-right__panel--md--Order);
|
|
8571
|
+
--pf-v5-c-sidebar--m-panel-right__content--Order: var(--pf-v5-c-sidebar--m-panel-right__content--md--Order);
|
|
8572
|
+
}
|
|
8573
|
+
}
|
|
8574
|
+
.pf-v5-c-sidebar.pf-m-stack {
|
|
8575
|
+
--pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar--m-stack__main--FlexDirection);
|
|
8576
|
+
--pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar--m-stack__main--AlignItems);
|
|
8577
|
+
--pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar--m-stack__panel--Position);
|
|
8578
|
+
--pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar--m-stack__panel--Top);
|
|
8579
|
+
--pf-v5-c-sidebar__panel--BoxShadow: var(--pf-v5-c-sidebar--m-stack__panel--BoxShadow);
|
|
8580
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--m-stack--FlexBasis);
|
|
8581
|
+
--pf-v5-c-sidebar__main--m-border--before--Display: none;
|
|
8582
|
+
--pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
8740
8583
|
}
|
|
8741
8584
|
|
|
8742
|
-
.pf-v5-c-
|
|
8743
|
-
--pf-v5-c-
|
|
8744
|
-
--pf-v5-c-
|
|
8745
|
-
--pf-v5-c-
|
|
8746
|
-
--pf-v5-c-
|
|
8747
|
-
--pf-v5-c-
|
|
8748
|
-
--pf-v5-c-
|
|
8749
|
-
--pf-v5-c-
|
|
8750
|
-
--pf-v5-c-
|
|
8751
|
-
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
8752
|
-
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
8753
|
-
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
8585
|
+
.pf-v5-c-sidebar.pf-m-split {
|
|
8586
|
+
--pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar--m-split__main--FlexDirection);
|
|
8587
|
+
--pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar--m-split__main--AlignItems);
|
|
8588
|
+
--pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar--m-split__panel--Position);
|
|
8589
|
+
--pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar--m-split__panel--Top);
|
|
8590
|
+
--pf-v5-c-sidebar__panel--BoxShadow: none;
|
|
8591
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--m-split--FlexBasis);
|
|
8592
|
+
--pf-v5-c-sidebar__main--m-border--before--Display: var(--pf-v5-c-sidebar--m-split__main--m-border--before--Display);
|
|
8593
|
+
--pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
8754
8594
|
}
|
|
8755
8595
|
|
|
8756
|
-
.pf-v5-c-
|
|
8757
|
-
|
|
8596
|
+
.pf-v5-c-sidebar__main {
|
|
8597
|
+
display: flex;
|
|
8598
|
+
flex-direction: var(--pf-v5-c-sidebar__main--FlexDirection);
|
|
8599
|
+
align-items: var(--pf-v5-c-sidebar__main--AlignItems);
|
|
8758
8600
|
}
|
|
8759
8601
|
|
|
8760
|
-
.pf-v5-c-
|
|
8761
|
-
|
|
8762
|
-
|
|
8602
|
+
.pf-v5-c-sidebar__main.pf-m-border::before {
|
|
8603
|
+
display: var(--pf-v5-c-sidebar__main--m-border--before--Display);
|
|
8604
|
+
flex: 0 0 var(--pf-v5-c-sidebar__main--m-border--before--BorderWidth);
|
|
8605
|
+
align-self: stretch;
|
|
8606
|
+
content: "";
|
|
8607
|
+
background-color: var(--pf-v5-c-sidebar__main--m-border--before--BorderColor);
|
|
8763
8608
|
}
|
|
8764
8609
|
|
|
8765
|
-
.pf-v5-c-
|
|
8766
|
-
|
|
8610
|
+
.pf-v5-c-sidebar__panel {
|
|
8611
|
+
position: var(--pf-v5-c-sidebar__panel--Position);
|
|
8612
|
+
inset-block-start: var(--pf-v5-c-sidebar__panel--Top);
|
|
8613
|
+
z-index: var(--pf-v5-c-sidebar__panel--ZIndex);
|
|
8614
|
+
flex-basis: var(--pf-v5-c-sidebar__panel--FlexBasis);
|
|
8615
|
+
flex-shrink: 0;
|
|
8616
|
+
order: var(--pf-v5-c-sidebar__panel--Order);
|
|
8617
|
+
padding-block-start: var(--pf-v5-c-sidebar__panel--PaddingTop);
|
|
8618
|
+
padding-block-end: var(--pf-v5-c-sidebar__panel--PaddingBottom);
|
|
8619
|
+
padding-inline-start: var(--pf-v5-c-sidebar__panel--PaddingLeft);
|
|
8620
|
+
padding-inline-end: var(--pf-v5-c-sidebar__panel--PaddingRight);
|
|
8621
|
+
background-color: var(--pf-v5-c-sidebar__panel--BackgroundColor);
|
|
8622
|
+
box-shadow: var(--pf-v5-c-sidebar__panel--BoxShadow);
|
|
8767
8623
|
}
|
|
8768
8624
|
|
|
8769
|
-
.pf-v5-c-
|
|
8770
|
-
--pf-v5-c-
|
|
8771
|
-
--pf-v5-c-
|
|
8625
|
+
.pf-v5-c-sidebar__panel.pf-m-padding {
|
|
8626
|
+
--pf-v5-c-sidebar__panel--PaddingTop: var(--pf-v5-c-sidebar__panel--m-padding--PaddingTop);
|
|
8627
|
+
--pf-v5-c-sidebar__panel--PaddingRight: var(--pf-v5-c-sidebar__panel--m-padding--PaddingRight);
|
|
8628
|
+
--pf-v5-c-sidebar__panel--PaddingBottom: var(--pf-v5-c-sidebar__panel--m-padding--PaddingBottom);
|
|
8629
|
+
--pf-v5-c-sidebar__panel--PaddingLeft: var(--pf-v5-c-sidebar__panel--m-padding--PaddingLeft);
|
|
8772
8630
|
}
|
|
8773
8631
|
|
|
8774
|
-
.pf-v5-c-
|
|
8775
|
-
|
|
8776
|
-
|
|
8777
|
-
display: flex;
|
|
8632
|
+
.pf-v5-c-sidebar__panel.pf-m-sticky {
|
|
8633
|
+
--pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--m-sticky--Position);
|
|
8634
|
+
--pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--m-sticky--Top);
|
|
8778
8635
|
}
|
|
8779
8636
|
|
|
8780
|
-
.pf-v5-c-
|
|
8781
|
-
|
|
8782
|
-
|
|
8783
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
|
|
8784
|
-
flex: 1;
|
|
8637
|
+
.pf-v5-c-sidebar__panel.pf-m-static {
|
|
8638
|
+
--pf-v5-c-sidebar__panel--Position: static;
|
|
8639
|
+
--pf-v5-c-sidebar__panel--Top: auto;
|
|
8785
8640
|
}
|
|
8786
8641
|
|
|
8787
|
-
.pf-v5-c-
|
|
8788
|
-
|
|
8789
|
-
|
|
8790
|
-
|
|
8791
|
-
|
|
8792
|
-
|
|
8793
|
-
|
|
8642
|
+
.pf-v5-c-sidebar__content {
|
|
8643
|
+
flex-grow: 1;
|
|
8644
|
+
order: var(--pf-v5-c-sidebar__content--Order);
|
|
8645
|
+
padding-block-start: var(--pf-v5-c-sidebar__content--PaddingTop);
|
|
8646
|
+
padding-block-end: var(--pf-v5-c-sidebar__content--PaddingBottom);
|
|
8647
|
+
padding-inline-start: var(--pf-v5-c-sidebar__content--PaddingLeft);
|
|
8648
|
+
padding-inline-end: var(--pf-v5-c-sidebar__content--PaddingRight);
|
|
8649
|
+
background-color: var(--pf-v5-c-sidebar__content--BackgroundColor);
|
|
8794
8650
|
}
|
|
8795
8651
|
|
|
8796
|
-
.pf-v5-c-
|
|
8797
|
-
|
|
8798
|
-
|
|
8799
|
-
|
|
8800
|
-
|
|
8652
|
+
.pf-v5-c-sidebar__content.pf-m-padding {
|
|
8653
|
+
--pf-v5-c-sidebar__content--PaddingTop: var(--pf-v5-c-sidebar__content--m-padding--PaddingTop);
|
|
8654
|
+
--pf-v5-c-sidebar__content--PaddingRight: var(--pf-v5-c-sidebar__content--m-padding--PaddingRight);
|
|
8655
|
+
--pf-v5-c-sidebar__content--PaddingBottom: var(--pf-v5-c-sidebar__content--m-padding--PaddingBottom);
|
|
8656
|
+
--pf-v5-c-sidebar__content--PaddingLeft: var(--pf-v5-c-sidebar__content--m-padding--PaddingTop);
|
|
8801
8657
|
}
|
|
8802
8658
|
|
|
8803
|
-
.pf-v5-c-
|
|
8804
|
-
|
|
8659
|
+
.pf-v5-c-sidebar__content.pf-m-no-background {
|
|
8660
|
+
--pf-v5-c-sidebar__content--BackgroundColor: transparent;
|
|
8805
8661
|
}
|
|
8806
8662
|
|
|
8807
|
-
.pf-v5-c-
|
|
8808
|
-
|
|
8809
|
-
text-overflow: ellipsis;
|
|
8810
|
-
white-space: nowrap;
|
|
8811
|
-
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
8812
|
-
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
8663
|
+
.pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
|
|
8664
|
+
--pf-v5-c-sidebar__panel--Order: 1;
|
|
8813
8665
|
}
|
|
8814
8666
|
|
|
8815
|
-
.pf-v5-c-
|
|
8816
|
-
|
|
8817
|
-
align-self: flex-start;
|
|
8818
|
-
margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
|
|
8819
|
-
margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
|
|
8820
|
-
margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
|
|
8821
|
-
margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
|
|
8667
|
+
:where(.pf-v5-c-sidebar__content:first-child) {
|
|
8668
|
+
--pf-v5-c-sidebar__content--Order: -1;
|
|
8822
8669
|
}
|
|
8823
8670
|
|
|
8824
|
-
.pf-v5-c-
|
|
8825
|
-
|
|
8826
|
-
|
|
8827
|
-
|
|
8828
|
-
padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
|
|
8829
|
-
padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
|
|
8830
|
-
white-space: nowrap;
|
|
8831
|
-
resize: none;
|
|
8832
|
-
border: 0;
|
|
8833
|
-
-ms-overflow-style: none;
|
|
8834
|
-
scrollbar-width: none;
|
|
8671
|
+
.pf-v5-c-sidebar.pf-m-no-background,
|
|
8672
|
+
.pf-v5-c-sidebar__panel.pf-m-no-background,
|
|
8673
|
+
.pf-v5-c-sidebar__content.pf-m-no-background {
|
|
8674
|
+
background-color: transparent;
|
|
8835
8675
|
}
|
|
8836
8676
|
|
|
8837
|
-
.pf-v5-c-
|
|
8838
|
-
|
|
8677
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default {
|
|
8678
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8839
8679
|
}
|
|
8840
8680
|
|
|
8841
|
-
.pf-v5-c-
|
|
8842
|
-
--pf-v5-c-
|
|
8843
|
-
--pf-v5-c-jump-links__list--PaddingTop: 0;
|
|
8844
|
-
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
8845
|
-
--pf-v5-c-jump-links__list--PaddingBottom: 0;
|
|
8846
|
-
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
8847
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
8848
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
8849
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
8850
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
8851
|
-
--pf-v5-c-jump-links__list--FlexDirection: row;
|
|
8852
|
-
--pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
8853
|
-
--pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8854
|
-
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8855
|
-
--pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
|
|
8856
|
-
--pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
8857
|
-
--pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
8858
|
-
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8859
|
-
--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
8860
|
-
--pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
|
|
8861
|
-
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
8862
|
-
--pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
8863
|
-
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
8864
|
-
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
8865
|
-
--pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
8866
|
-
--pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
8867
|
-
--pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
8868
|
-
--pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
|
|
8869
|
-
--pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
|
|
8870
|
-
--pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
|
|
8871
|
-
--pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
8872
|
-
--pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
8873
|
-
--pf-v5-c-jump-links__link--before--BorderColor: transparent;
|
|
8874
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
|
|
8875
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
8876
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
8877
|
-
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
8878
|
-
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
|
|
8879
|
-
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
|
|
8880
|
-
--pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
|
|
8881
|
-
--pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
|
|
8882
|
-
--pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
|
|
8883
|
-
--pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
8884
|
-
--pf-v5-c-jump-links__label--Display: block;
|
|
8885
|
-
--pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
8886
|
-
--pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
8887
|
-
--pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
|
|
8888
|
-
--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
|
|
8889
|
-
--pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
|
|
8890
|
-
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8891
|
-
--pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
|
|
8892
|
-
--pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
8893
|
-
--pf-v5-c-jump-links__toggle-icon--Rotate: 0;
|
|
8894
|
-
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
8895
|
-
--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
8896
|
-
--pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
|
|
8897
|
-
--pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
|
|
8898
|
-
display: flex;
|
|
8681
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25 {
|
|
8682
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8899
8683
|
}
|
|
8900
8684
|
|
|
8901
|
-
.pf-v5-c-
|
|
8902
|
-
|
|
8685
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33 {
|
|
8686
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8903
8687
|
}
|
|
8904
8688
|
|
|
8905
|
-
.pf-v5-c-
|
|
8906
|
-
|
|
8689
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50 {
|
|
8690
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8907
8691
|
}
|
|
8908
8692
|
|
|
8909
|
-
.pf-v5-c-
|
|
8910
|
-
--pf-v5-c-
|
|
8911
|
-
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-c-jump-links--m-vertical__list--PaddingRight);
|
|
8912
|
-
--pf-v5-c-jump-links__list--PaddingBottom: var(--pf-v5-c-jump-links--m-vertical__list--PaddingBottom);
|
|
8913
|
-
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-c-jump-links--m-vertical__list--PaddingLeft);
|
|
8914
|
-
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth);
|
|
8915
|
-
--pf-v5-c-jump-links__list--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth);
|
|
8916
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
|
|
8917
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
|
|
8918
|
-
--pf-v5-c-jump-links__list--FlexDirection: var(--pf-v5-c-jump-links--m-vertical__list--FlexDirection);
|
|
8919
|
-
flex-direction: column;
|
|
8693
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66 {
|
|
8694
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8920
8695
|
}
|
|
8921
8696
|
|
|
8922
|
-
.pf-v5-c-
|
|
8923
|
-
--pf-v5-c-
|
|
8924
|
-
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8925
|
-
--pf-v5-c-jump-links__label--Display: none;
|
|
8697
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75 {
|
|
8698
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8926
8699
|
}
|
|
8927
8700
|
|
|
8928
|
-
.pf-v5-c-
|
|
8929
|
-
--pf-v5-c-
|
|
8930
|
-
--pf-v5-c-jump-links__toggle--Display: none;
|
|
8931
|
-
--pf-v5-c-jump-links__label--Display: block;
|
|
8701
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100 {
|
|
8702
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8932
8703
|
}
|
|
8933
8704
|
|
|
8934
8705
|
@media (min-width: 576px) {
|
|
8935
|
-
.pf-v5-c-
|
|
8936
|
-
--pf-v5-c-
|
|
8937
|
-
|
|
8938
|
-
|
|
8706
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default-on-sm {
|
|
8707
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8708
|
+
}
|
|
8709
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25-on-sm {
|
|
8710
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8711
|
+
}
|
|
8712
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33-on-sm {
|
|
8713
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8714
|
+
}
|
|
8715
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50-on-sm {
|
|
8716
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8717
|
+
}
|
|
8718
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66-on-sm {
|
|
8719
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8939
8720
|
}
|
|
8940
|
-
.pf-v5-c-
|
|
8941
|
-
--pf-v5-c-
|
|
8942
|
-
|
|
8943
|
-
|
|
8721
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75-on-sm {
|
|
8722
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8723
|
+
}
|
|
8724
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-sm {
|
|
8725
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8944
8726
|
}
|
|
8945
8727
|
}
|
|
8946
8728
|
@media (min-width: 768px) {
|
|
8947
|
-
.pf-v5-c-
|
|
8948
|
-
--pf-v5-c-
|
|
8949
|
-
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8950
|
-
--pf-v5-c-jump-links__label--Display: none;
|
|
8729
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default-on-md {
|
|
8730
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8951
8731
|
}
|
|
8952
|
-
.pf-v5-c-
|
|
8953
|
-
--pf-v5-c-
|
|
8954
|
-
|
|
8955
|
-
|
|
8732
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25-on-md {
|
|
8733
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8734
|
+
}
|
|
8735
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33-on-md {
|
|
8736
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8737
|
+
}
|
|
8738
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50-on-md {
|
|
8739
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8740
|
+
}
|
|
8741
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66-on-md {
|
|
8742
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8743
|
+
}
|
|
8744
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75-on-md {
|
|
8745
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8746
|
+
}
|
|
8747
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-md {
|
|
8748
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8956
8749
|
}
|
|
8957
8750
|
}
|
|
8958
8751
|
@media (min-width: 992px) {
|
|
8959
|
-
.pf-v5-c-
|
|
8960
|
-
--pf-v5-c-
|
|
8961
|
-
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8962
|
-
--pf-v5-c-jump-links__label--Display: none;
|
|
8752
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
8753
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8963
8754
|
}
|
|
8964
|
-
.pf-v5-c-
|
|
8965
|
-
--pf-v5-c-
|
|
8966
|
-
|
|
8967
|
-
|
|
8755
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
8756
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8757
|
+
}
|
|
8758
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
8759
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8760
|
+
}
|
|
8761
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
8762
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8763
|
+
}
|
|
8764
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
8765
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8766
|
+
}
|
|
8767
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
8768
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8769
|
+
}
|
|
8770
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
8771
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8968
8772
|
}
|
|
8969
8773
|
}
|
|
8970
8774
|
@media (min-width: 1200px) {
|
|
8971
|
-
.pf-v5-c-
|
|
8972
|
-
--pf-v5-c-
|
|
8973
|
-
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8974
|
-
--pf-v5-c-jump-links__label--Display: none;
|
|
8775
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
8776
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8975
8777
|
}
|
|
8976
|
-
.pf-v5-c-
|
|
8977
|
-
--pf-v5-c-
|
|
8978
|
-
|
|
8979
|
-
|
|
8778
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
8779
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8780
|
+
}
|
|
8781
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
8782
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8783
|
+
}
|
|
8784
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
8785
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8786
|
+
}
|
|
8787
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
8788
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8789
|
+
}
|
|
8790
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
8791
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8792
|
+
}
|
|
8793
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8794
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8980
8795
|
}
|
|
8981
8796
|
}
|
|
8982
8797
|
@media (min-width: 1450px) {
|
|
8983
|
-
.pf-v5-c-
|
|
8984
|
-
--pf-v5-c-
|
|
8985
|
-
--pf-v5-c-jump-links__toggle--Display: block;
|
|
8986
|
-
--pf-v5-c-jump-links__label--Display: none;
|
|
8798
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
8799
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8987
8800
|
}
|
|
8988
|
-
.pf-v5-c-
|
|
8989
|
-
--pf-v5-c-
|
|
8990
|
-
|
|
8991
|
-
|
|
8801
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
8802
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8803
|
+
}
|
|
8804
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8805
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8806
|
+
}
|
|
8807
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8808
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8809
|
+
}
|
|
8810
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8811
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8812
|
+
}
|
|
8813
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8814
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8815
|
+
}
|
|
8816
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8817
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8992
8818
|
}
|
|
8993
8819
|
}
|
|
8994
|
-
.pf-v5-c-
|
|
8995
|
-
--pf-v5-c-
|
|
8996
|
-
--pf-v5-c-
|
|
8997
|
-
--pf-v5-c-
|
|
8998
|
-
--pf-v5-c-
|
|
8999
|
-
|
|
9000
|
-
|
|
9001
|
-
|
|
9002
|
-
|
|
9003
|
-
|
|
9004
|
-
|
|
9005
|
-
|
|
9006
|
-
|
|
9007
|
-
|
|
9008
|
-
|
|
9009
|
-
|
|
9010
|
-
|
|
9011
|
-
|
|
9012
|
-
|
|
9013
|
-
|
|
9014
|
-
|
|
9015
|
-
|
|
9016
|
-
|
|
9017
|
-
|
|
9018
|
-
|
|
9019
|
-
|
|
9020
|
-
|
|
8820
|
+
.pf-v5-c-label-group {
|
|
8821
|
+
--pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8822
|
+
--pf-v5-c-label-group--ColumnGap: 0;
|
|
8823
|
+
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8824
|
+
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
8825
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8826
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
8827
|
+
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8828
|
+
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8829
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8830
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8831
|
+
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8832
|
+
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8833
|
+
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8834
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8835
|
+
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
8836
|
+
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8837
|
+
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8838
|
+
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
8839
|
+
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8840
|
+
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8841
|
+
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8842
|
+
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
8843
|
+
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
8844
|
+
--pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8845
|
+
--pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8846
|
+
--pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8847
|
+
--pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8848
|
+
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8849
|
+
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8850
|
+
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8851
|
+
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
8852
|
+
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8853
|
+
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
8854
|
+
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
8855
|
+
display: inline-flex;
|
|
8856
|
+
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
8857
|
+
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
8858
|
+
align-items: center;
|
|
9021
8859
|
}
|
|
9022
8860
|
|
|
9023
|
-
.pf-v5-c-
|
|
9024
|
-
--pf-v5-c-
|
|
9025
|
-
--pf-v5-c-
|
|
9026
|
-
|
|
9027
|
-
|
|
9028
|
-
|
|
9029
|
-
|
|
8861
|
+
.pf-v5-c-label-group.pf-m-category {
|
|
8862
|
+
padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
|
|
8863
|
+
padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
|
|
8864
|
+
padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
|
|
8865
|
+
padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
|
|
8866
|
+
background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
|
|
8867
|
+
border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
|
|
8868
|
+
border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
|
|
9030
8869
|
}
|
|
9031
8870
|
|
|
9032
|
-
.pf-v5-c-
|
|
9033
|
-
|
|
9034
|
-
|
|
9035
|
-
|
|
9036
|
-
|
|
9037
|
-
|
|
9038
|
-
|
|
9039
|
-
|
|
9040
|
-
|
|
9041
|
-
|
|
8871
|
+
.pf-v5-c-label-group.pf-m-vertical {
|
|
8872
|
+
--pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
|
|
8873
|
+
--pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
|
|
8874
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
|
|
8875
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
8876
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
8877
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
8878
|
+
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
8879
|
+
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
8880
|
+
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
8881
|
+
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
8882
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
9042
8883
|
}
|
|
9043
8884
|
|
|
9044
|
-
.pf-v5-c-
|
|
9045
|
-
|
|
8885
|
+
.pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
|
|
8886
|
+
align-items: flex-start;
|
|
9046
8887
|
}
|
|
9047
8888
|
|
|
9048
|
-
.pf-v5-c-
|
|
9049
|
-
|
|
8889
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
|
|
8890
|
+
flex-direction: column;
|
|
8891
|
+
align-items: flex-start;
|
|
9050
8892
|
}
|
|
9051
8893
|
|
|
9052
|
-
.pf-v5-c-
|
|
9053
|
-
|
|
9054
|
-
inset: 0;
|
|
9055
|
-
pointer-events: none;
|
|
9056
|
-
content: "";
|
|
9057
|
-
border-color: var(--pf-v5-c-jump-links__link--before--BorderColor);
|
|
9058
|
-
border-style: solid;
|
|
9059
|
-
border-block-start-width: var(--pf-v5-c-jump-links__link--before--BorderTopWidth);
|
|
9060
|
-
border-block-end-width: var(--pf-v5-c-jump-links__link--before--BorderBottomWidth);
|
|
9061
|
-
border-inline-start-width: var(--pf-v5-c-jump-links__link--before--BorderLeftWidth);
|
|
9062
|
-
border-inline-end-width: var(--pf-v5-c-jump-links__link--before--BorderRightWidth);
|
|
8894
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
|
|
8895
|
+
flex-direction: column;
|
|
9063
8896
|
}
|
|
9064
8897
|
|
|
9065
|
-
.pf-v5-c-
|
|
9066
|
-
--pf-v5-c-
|
|
8898
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
|
|
8899
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
8900
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
9067
8901
|
}
|
|
9068
8902
|
|
|
9069
|
-
.pf-v5-c-
|
|
9070
|
-
|
|
9071
|
-
|
|
9072
|
-
|
|
9073
|
-
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__item--m-current__link-text--Color);
|
|
8903
|
+
.pf-v5-c-label-group.pf-m-editable,
|
|
8904
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
8905
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
|
|
8906
|
+
display: flex;
|
|
9074
8907
|
}
|
|
9075
8908
|
|
|
9076
|
-
.pf-v5-c-
|
|
9077
|
-
|
|
8909
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
8910
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
|
|
8911
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
|
|
8912
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
|
|
8913
|
+
flex: 1;
|
|
9078
8914
|
}
|
|
9079
8915
|
|
|
9080
|
-
.pf-v5-c-
|
|
9081
|
-
display:
|
|
9082
|
-
|
|
8916
|
+
.pf-v5-c-label-group__main {
|
|
8917
|
+
display: flex;
|
|
8918
|
+
flex: 1;
|
|
8919
|
+
flex-wrap: wrap;
|
|
8920
|
+
row-gap: var(--pf-v5-c-label-group__main--RowGap);
|
|
8921
|
+
column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
|
|
8922
|
+
align-items: baseline;
|
|
9083
8923
|
}
|
|
9084
8924
|
|
|
9085
|
-
.pf-v5-c-
|
|
9086
|
-
display: flex;
|
|
9087
|
-
flex-
|
|
8925
|
+
.pf-v5-c-label-group__list {
|
|
8926
|
+
display: inline-flex;
|
|
8927
|
+
flex-wrap: wrap;
|
|
8928
|
+
row-gap: var(--pf-v5-c-label-group__list--RowGap);
|
|
8929
|
+
column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
|
|
9088
8930
|
}
|
|
9089
8931
|
|
|
9090
|
-
.pf-v5-c-
|
|
9091
|
-
display:
|
|
9092
|
-
margin-block-start: var(--pf-v5-c-jump-links__toggle--MarginTop);
|
|
9093
|
-
margin-block-end: var(--pf-v5-c-jump-links__toggle--MarginBottom);
|
|
9094
|
-
margin-inline-start: var(--pf-v5-c-jump-links__toggle--MarginLeft);
|
|
8932
|
+
.pf-v5-c-label-group__list-item {
|
|
8933
|
+
display: inline-flex;
|
|
9095
8934
|
}
|
|
9096
8935
|
|
|
9097
|
-
.pf-v5-c-
|
|
9098
|
-
|
|
9099
|
-
|
|
8936
|
+
.pf-v5-c-label-group__label {
|
|
8937
|
+
overflow: hidden;
|
|
8938
|
+
text-overflow: ellipsis;
|
|
8939
|
+
white-space: nowrap;
|
|
8940
|
+
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
8941
|
+
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
9100
8942
|
}
|
|
9101
8943
|
|
|
9102
|
-
.pf-v5-c-
|
|
9103
|
-
display:
|
|
9104
|
-
|
|
9105
|
-
|
|
9106
|
-
|
|
8944
|
+
.pf-v5-c-label-group__close {
|
|
8945
|
+
display: flex;
|
|
8946
|
+
align-self: flex-start;
|
|
8947
|
+
margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
|
|
8948
|
+
margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
|
|
8949
|
+
margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
|
|
8950
|
+
margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
|
|
9107
8951
|
}
|
|
9108
8952
|
|
|
9109
|
-
|
|
9110
|
-
|
|
8953
|
+
.pf-v5-c-label-group__textarea {
|
|
8954
|
+
min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
|
|
8955
|
+
padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
|
|
8956
|
+
padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
|
|
8957
|
+
padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
|
|
8958
|
+
padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
|
|
8959
|
+
white-space: nowrap;
|
|
8960
|
+
resize: none;
|
|
8961
|
+
border: 0;
|
|
8962
|
+
-ms-overflow-style: none;
|
|
8963
|
+
scrollbar-width: none;
|
|
9111
8964
|
}
|
|
9112
8965
|
|
|
9113
|
-
.pf-v5-c-
|
|
9114
|
-
|
|
9115
|
-
color: var(--pf-v5-c-jump-links__toggle-text--Color);
|
|
8966
|
+
.pf-v5-c-label-group__textarea::-webkit-scrollbar {
|
|
8967
|
+
display: none;
|
|
9116
8968
|
}
|
|
9117
8969
|
|
|
9118
|
-
.pf-v5-c-
|
|
9119
|
-
--pf-v5-c-
|
|
9120
|
-
--pf-v5-c-
|
|
9121
|
-
--pf-v5-c-
|
|
9122
|
-
--pf-v5-c-
|
|
9123
|
-
--pf-v5-c-
|
|
9124
|
-
--pf-v5-c-
|
|
9125
|
-
--pf-v5-c-
|
|
9126
|
-
--pf-v5-c-
|
|
9127
|
-
--pf-v5-c-
|
|
9128
|
-
--pf-v5-c-
|
|
9129
|
-
--pf-v5-c-
|
|
9130
|
-
--pf-v5-c-
|
|
9131
|
-
--pf-v5-c-
|
|
9132
|
-
--pf-v5-c-
|
|
9133
|
-
--pf-v5-c-
|
|
9134
|
-
--pf-v5-c-
|
|
9135
|
-
--pf-v5-c-
|
|
9136
|
-
--pf-v5-c-
|
|
9137
|
-
--pf-v5-c-
|
|
9138
|
-
--pf-v5-c-
|
|
9139
|
-
--pf-v5-c-
|
|
9140
|
-
--pf-v5-c-
|
|
9141
|
-
--pf-v5-c-
|
|
9142
|
-
--pf-v5-c-
|
|
9143
|
-
--pf-v5-c-
|
|
9144
|
-
--pf-v5-c-
|
|
9145
|
-
--pf-v5-c-
|
|
9146
|
-
--pf-v5-c-
|
|
9147
|
-
--pf-v5-c-
|
|
9148
|
-
--pf-v5-c-
|
|
9149
|
-
--pf-v5-c-
|
|
9150
|
-
--pf-v5-c-
|
|
9151
|
-
--pf-v5-c-
|
|
9152
|
-
--pf-v5-c-
|
|
9153
|
-
--pf-v5-c-
|
|
9154
|
-
--pf-v5-c-
|
|
9155
|
-
--pf-v5-c-
|
|
9156
|
-
--pf-v5-c-
|
|
9157
|
-
--pf-v5-c-
|
|
9158
|
-
--pf-v5-c-
|
|
9159
|
-
--pf-v5-c-
|
|
9160
|
-
--pf-v5-c-
|
|
9161
|
-
--pf-v5-c-
|
|
9162
|
-
--pf-v5-c-
|
|
9163
|
-
--pf-v5-c-
|
|
9164
|
-
--pf-v5-c-
|
|
9165
|
-
--pf-v5-c-
|
|
9166
|
-
--pf-v5-c-
|
|
9167
|
-
--pf-v5-c-
|
|
9168
|
-
--pf-v5-c-
|
|
9169
|
-
--pf-v5-c-
|
|
9170
|
-
--pf-v5-c-
|
|
9171
|
-
--pf-v5-c-
|
|
9172
|
-
--pf-v5-c-
|
|
9173
|
-
--pf-v5-c-
|
|
9174
|
-
--pf-v5-c-
|
|
9175
|
-
--pf-v5-c-
|
|
9176
|
-
--pf-v5-c-
|
|
9177
|
-
--pf-v5-c-
|
|
9178
|
-
--pf-v5-c-
|
|
9179
|
-
--pf-v5-c-
|
|
9180
|
-
--pf-v5-c-
|
|
9181
|
-
--pf-v5-c-
|
|
9182
|
-
--pf-v5-c-
|
|
9183
|
-
--pf-v5-c-
|
|
9184
|
-
|
|
8970
|
+
.pf-v5-c-label {
|
|
8971
|
+
--pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8972
|
+
--pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8973
|
+
--pf-v5-c-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
8974
|
+
--pf-v5-c-label--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8975
|
+
--pf-v5-c-label--MaxWidth: 100%;
|
|
8976
|
+
--pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
8977
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-global--palette--black-150);
|
|
8978
|
+
--pf-v5-c-label--Color: var(--pf-v5-global--Color--100);
|
|
8979
|
+
--pf-v5-c-label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
8980
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8981
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8982
|
+
--pf-v5-c-label--m-outline--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8983
|
+
--pf-v5-c-label--m-outline__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8984
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8985
|
+
--pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
8986
|
+
--pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
8987
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
|
|
8988
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
|
|
8989
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
8990
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
8991
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8992
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
8993
|
+
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
8994
|
+
--pf-v5-c-label--m-blue__icon--Color: var(--pf-v5-global--primary-color--100);
|
|
8995
|
+
--pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--info-color--200);
|
|
8996
|
+
--pf-v5-c-label--m-blue__content--before--BorderColor: var(--pf-v5-global--palette--blue-100);
|
|
8997
|
+
--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
8998
|
+
--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
8999
|
+
--pf-v5-c-label--m-outline--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
|
|
9000
|
+
--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9001
|
+
--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9002
|
+
--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9003
|
+
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--palette--green-50);
|
|
9004
|
+
--pf-v5-c-label--m-green__icon--Color: var(--pf-v5-global--success-color--100);
|
|
9005
|
+
--pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--200);
|
|
9006
|
+
--pf-v5-c-label--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
9007
|
+
--pf-v5-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--success-color--100);
|
|
9008
|
+
--pf-v5-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--success-color--100);
|
|
9009
|
+
--pf-v5-c-label--m-outline--m-green__content--Color: var(--pf-v5-global--success-color--100);
|
|
9010
|
+
--pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9011
|
+
--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9012
|
+
--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9013
|
+
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--palette--orange-50);
|
|
9014
|
+
--pf-v5-c-label--m-orange__icon--Color: var(--pf-v5-global--palette--orange-300);
|
|
9015
|
+
--pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-700);
|
|
9016
|
+
--pf-v5-c-label--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--orange-100);
|
|
9017
|
+
--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--orange-300);
|
|
9018
|
+
--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--orange-300);
|
|
9019
|
+
--pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-500);
|
|
9020
|
+
--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9021
|
+
--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9022
|
+
--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9023
|
+
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--palette--red-50);
|
|
9024
|
+
--pf-v5-c-label--m-red__icon--Color: var(--pf-v5-global--danger-color--100);
|
|
9025
|
+
--pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--palette--red-300);
|
|
9026
|
+
--pf-v5-c-label--m-red__content--before--BorderColor: var(--pf-v5-global--palette--red-100);
|
|
9027
|
+
--pf-v5-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
9028
|
+
--pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
9029
|
+
--pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
|
|
9030
|
+
--pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9031
|
+
--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9032
|
+
--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9033
|
+
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
|
|
9034
|
+
--pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
|
|
9035
|
+
--pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
|
|
9036
|
+
--pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
9037
|
+
--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
|
|
9038
|
+
--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
|
|
9039
|
+
--pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
|
|
9040
|
+
--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9041
|
+
--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9042
|
+
--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9043
|
+
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
|
|
9044
|
+
--pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
|
|
9045
|
+
--pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
|
|
9046
|
+
--pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
9047
|
+
--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
|
|
9048
|
+
--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
|
|
9049
|
+
--pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
|
|
9050
|
+
--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9051
|
+
--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9052
|
+
--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9053
|
+
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
|
|
9054
|
+
--pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
|
|
9055
|
+
--pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
|
|
9056
|
+
--pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9057
|
+
--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
|
|
9058
|
+
--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
|
|
9059
|
+
--pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
|
|
9060
|
+
--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9061
|
+
--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9062
|
+
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9063
|
+
--pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
|
|
9064
|
+
--pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
9065
|
+
--pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9066
|
+
--pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
9067
|
+
--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
9068
|
+
--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
9069
|
+
--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
9070
|
+
--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
9071
|
+
--pf-v5-c-label--m-compact--PaddingTop: 0;
|
|
9072
|
+
--pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
9073
|
+
--pf-v5-c-label--m-compact--PaddingBottom: 0;
|
|
9074
|
+
--pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
9075
|
+
--pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
9076
|
+
--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
9077
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
|
|
9078
|
+
--pf-v5-c-label__content--BackgroundColor: transparent;
|
|
9079
|
+
--pf-v5-c-label__content--MaxWidth: 100%;
|
|
9080
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
|
|
9081
|
+
--pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
|
|
9082
|
+
--pf-v5-c-label__text--MaxWidth: 100%;
|
|
9083
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
|
|
9084
|
+
--pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
|
|
9085
|
+
--pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
9086
|
+
--pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
|
|
9087
|
+
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
9088
|
+
--pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
|
|
9089
|
+
--pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
|
|
9090
|
+
--pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
9091
|
+
--pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
9092
|
+
--pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
9093
|
+
--pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
9094
|
+
--pf-v5-c-label--m-editable--Cursor: pointer;
|
|
9095
|
+
--pf-v5-c-label--m-editable--TextDecoration: underline;
|
|
9096
|
+
--pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
|
|
9097
|
+
--pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
|
|
9098
|
+
--pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
|
|
9099
|
+
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
|
|
9100
|
+
--pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
9101
|
+
--pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
9102
|
+
--pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9103
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9104
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9105
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9106
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9107
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
9108
|
+
--pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
|
|
9109
|
+
--pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
9110
|
+
--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
9111
|
+
--pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
|
|
9112
|
+
--pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
|
|
9113
|
+
--pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
9114
|
+
--pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
|
|
9115
|
+
--pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
9116
|
+
--pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
9117
|
+
position: relative;
|
|
9118
|
+
max-width: var(--pf-v5-c-label--MaxWidth);
|
|
9119
|
+
padding-block-start: var(--pf-v5-c-label--PaddingTop);
|
|
9120
|
+
padding-block-end: var(--pf-v5-c-label--PaddingBottom);
|
|
9121
|
+
padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
|
|
9122
|
+
padding-inline-end: var(--pf-v5-c-label--PaddingRight);
|
|
9123
|
+
font-size: var(--pf-v5-c-label--FontSize);
|
|
9124
|
+
color: var(--pf-v5-c-label--Color);
|
|
9125
|
+
white-space: nowrap;
|
|
9126
|
+
background-color: var(--pf-v5-c-label--BackgroundColor);
|
|
9127
|
+
border: 0;
|
|
9128
|
+
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
9185
9129
|
}
|
|
9186
9130
|
|
|
9187
|
-
|
|
9188
|
-
|
|
9189
|
-
|
|
9190
|
-
|
|
9191
|
-
|
|
9192
|
-
|
|
9193
|
-
|
|
9194
|
-
--pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--md--Top);
|
|
9195
|
-
--pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--md--Position);
|
|
9196
|
-
}
|
|
9131
|
+
.pf-v5-c-label.pf-m-compact {
|
|
9132
|
+
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
9133
|
+
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
9134
|
+
--pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
|
|
9135
|
+
--pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
|
|
9136
|
+
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
9137
|
+
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
9197
9138
|
}
|
|
9198
|
-
|
|
9199
|
-
|
|
9200
|
-
|
|
9201
|
-
|
|
9139
|
+
|
|
9140
|
+
.pf-v5-c-label.pf-m-blue {
|
|
9141
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
|
|
9142
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
|
|
9143
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
|
|
9144
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
9145
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
|
|
9146
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
|
|
9147
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
|
|
9148
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
|
|
9149
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
|
|
9150
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
|
|
9151
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
9152
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
9153
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
9202
9154
|
}
|
|
9203
|
-
|
|
9204
|
-
|
|
9155
|
+
|
|
9156
|
+
.pf-v5-c-label.pf-m-green {
|
|
9157
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
|
|
9158
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
|
|
9159
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
|
|
9160
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
9161
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
|
|
9162
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
|
|
9163
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
|
|
9164
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
|
|
9165
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
|
|
9166
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
|
|
9167
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
9168
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
9169
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
9205
9170
|
}
|
|
9206
9171
|
|
|
9207
|
-
.pf-v5-c-
|
|
9208
|
-
--pf-v5-c-
|
|
9209
|
-
--pf-v5-c-
|
|
9172
|
+
.pf-v5-c-label.pf-m-orange {
|
|
9173
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
|
|
9174
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
|
|
9175
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
|
|
9176
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
9177
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
|
|
9178
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
|
|
9179
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
|
|
9180
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
|
|
9181
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
|
|
9182
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
|
|
9183
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
9184
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
9185
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
|
|
9210
9186
|
}
|
|
9211
9187
|
|
|
9212
|
-
|
|
9213
|
-
|
|
9214
|
-
|
|
9215
|
-
|
|
9216
|
-
|
|
9188
|
+
.pf-v5-c-label.pf-m-red {
|
|
9189
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
|
|
9190
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
|
|
9191
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
|
|
9192
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
9193
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
|
|
9194
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
|
|
9195
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
|
|
9196
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
|
|
9197
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
|
|
9198
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
|
|
9199
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
9200
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
9201
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
9217
9202
|
}
|
|
9218
|
-
|
|
9219
|
-
|
|
9220
|
-
--pf-v5-c-
|
|
9221
|
-
--pf-v5-c-
|
|
9222
|
-
--pf-v5-c-
|
|
9223
|
-
--pf-v5-c-
|
|
9224
|
-
--pf-v5-c-
|
|
9225
|
-
--pf-v5-c-
|
|
9226
|
-
--pf-v5-c-
|
|
9203
|
+
|
|
9204
|
+
.pf-v5-c-label.pf-m-purple {
|
|
9205
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
|
|
9206
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
|
|
9207
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
|
|
9208
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
9209
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
|
|
9210
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
|
|
9211
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
|
|
9212
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
|
|
9213
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
|
|
9214
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
|
|
9215
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
9216
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
9217
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
9227
9218
|
}
|
|
9228
9219
|
|
|
9229
|
-
.pf-v5-c-
|
|
9230
|
-
--pf-v5-c-
|
|
9231
|
-
--pf-v5-c-
|
|
9232
|
-
--pf-v5-c-
|
|
9233
|
-
--pf-v5-c-
|
|
9234
|
-
--pf-v5-c-
|
|
9235
|
-
--pf-v5-c-
|
|
9236
|
-
--pf-v5-c-
|
|
9237
|
-
--pf-v5-c-
|
|
9220
|
+
.pf-v5-c-label.pf-m-cyan {
|
|
9221
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
|
|
9222
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
|
|
9223
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-cyan__content--Color);
|
|
9224
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
9225
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor);
|
|
9226
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor);
|
|
9227
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-cyan__content--Color);
|
|
9228
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
|
|
9229
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
|
|
9230
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
|
|
9231
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
9232
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
9233
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
9238
9234
|
}
|
|
9239
9235
|
|
|
9240
|
-
.pf-v5-c-
|
|
9241
|
-
|
|
9242
|
-
|
|
9243
|
-
|
|
9236
|
+
.pf-v5-c-label.pf-m-gold {
|
|
9237
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
|
|
9238
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
|
|
9239
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
|
|
9240
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
9241
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
|
|
9242
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
|
|
9243
|
+
--pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
|
|
9244
|
+
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
|
|
9245
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
|
|
9246
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
|
|
9247
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
9248
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
9249
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
|
|
9244
9250
|
}
|
|
9245
9251
|
|
|
9246
|
-
.pf-v5-c-
|
|
9247
|
-
|
|
9248
|
-
|
|
9249
|
-
|
|
9250
|
-
|
|
9251
|
-
|
|
9252
|
+
.pf-v5-c-label.pf-m-outline {
|
|
9253
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-outline__content--Color);
|
|
9254
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--before--BorderWidth);
|
|
9255
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
9256
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
|
|
9257
|
+
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
9258
|
+
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
9259
|
+
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
|
|
9252
9260
|
}
|
|
9253
9261
|
|
|
9254
|
-
.pf-v5-c-
|
|
9255
|
-
|
|
9256
|
-
|
|
9257
|
-
|
|
9258
|
-
|
|
9259
|
-
flex-shrink: 0;
|
|
9260
|
-
order: var(--pf-v5-c-sidebar__panel--Order);
|
|
9261
|
-
padding-block-start: var(--pf-v5-c-sidebar__panel--PaddingTop);
|
|
9262
|
-
padding-block-end: var(--pf-v5-c-sidebar__panel--PaddingBottom);
|
|
9263
|
-
padding-inline-start: var(--pf-v5-c-sidebar__panel--PaddingLeft);
|
|
9264
|
-
padding-inline-end: var(--pf-v5-c-sidebar__panel--PaddingRight);
|
|
9265
|
-
background-color: var(--pf-v5-c-sidebar__panel--BackgroundColor);
|
|
9266
|
-
box-shadow: var(--pf-v5-c-sidebar__panel--BoxShadow);
|
|
9262
|
+
.pf-v5-c-label.pf-m-overflow:hover,
|
|
9263
|
+
.pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
|
|
9264
|
+
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
|
|
9265
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
|
|
9266
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
|
|
9267
9267
|
}
|
|
9268
9268
|
|
|
9269
|
-
.pf-v5-c-
|
|
9270
|
-
|
|
9271
|
-
|
|
9272
|
-
--pf-v5-c-
|
|
9273
|
-
--pf-v5-c-
|
|
9269
|
+
.pf-v5-c-label.pf-m-overflow:focus,
|
|
9270
|
+
.pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
|
|
9271
|
+
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
|
|
9272
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
|
|
9273
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
|
|
9274
|
+
}
|
|
9275
|
+
|
|
9276
|
+
.pf-v5-c-label.pf-m-editable {
|
|
9277
|
+
--pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
|
|
9278
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
9279
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-editable__content--before--BorderColor);
|
|
9280
|
+
--pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
|
|
9281
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
|
|
9282
|
+
--pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
|
|
9283
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
|
|
9284
|
+
--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
9285
|
+
--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
9286
|
+
text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
|
|
9287
|
+
text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
|
|
9288
|
+
text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
|
|
9289
|
+
text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
|
|
9290
|
+
text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
|
|
9291
|
+
cursor: var(--pf-v5-c-label--m-editable--Cursor);
|
|
9274
9292
|
}
|
|
9275
9293
|
|
|
9276
|
-
.pf-v5-c-
|
|
9277
|
-
--pf-v5-c-
|
|
9278
|
-
--pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--m-sticky--Top);
|
|
9294
|
+
.pf-v5-c-label.pf-m-editable:hover {
|
|
9295
|
+
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
|
|
9279
9296
|
}
|
|
9280
9297
|
|
|
9281
|
-
.pf-v5-c-
|
|
9282
|
-
--pf-v5-c-
|
|
9283
|
-
--pf-v5-c-sidebar__panel--Top: auto;
|
|
9298
|
+
.pf-v5-c-label.pf-m-editable:focus {
|
|
9299
|
+
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
|
|
9284
9300
|
}
|
|
9285
9301
|
|
|
9286
|
-
.pf-v5-c-
|
|
9287
|
-
|
|
9288
|
-
|
|
9289
|
-
|
|
9290
|
-
padding-block-end: var(--pf-v5-c-sidebar__content--PaddingBottom);
|
|
9291
|
-
padding-inline-start: var(--pf-v5-c-sidebar__content--PaddingLeft);
|
|
9292
|
-
padding-inline-end: var(--pf-v5-c-sidebar__content--PaddingRight);
|
|
9293
|
-
background-color: var(--pf-v5-c-sidebar__content--BackgroundColor);
|
|
9302
|
+
.pf-v5-c-label.pf-m-editable-active {
|
|
9303
|
+
--pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
|
|
9304
|
+
--pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
|
|
9305
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
9294
9306
|
}
|
|
9295
9307
|
|
|
9296
|
-
.pf-v5-c-
|
|
9297
|
-
--pf-v5-c-
|
|
9298
|
-
--pf-v5-c-
|
|
9299
|
-
--pf-v5-c-
|
|
9300
|
-
--pf-v5-c-
|
|
9308
|
+
.pf-v5-c-label.pf-m-overflow, .pf-v5-c-label.pf-m-add {
|
|
9309
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-overflow__content--Color);
|
|
9310
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow__content--BackgroundColor);
|
|
9311
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--before--BorderWidth);
|
|
9312
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--before--BorderColor);
|
|
9313
|
+
--pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth);
|
|
9314
|
+
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor);
|
|
9315
|
+
--pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
|
|
9316
|
+
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
|
|
9301
9317
|
}
|
|
9302
9318
|
|
|
9303
|
-
.pf-v5-c-
|
|
9304
|
-
--pf-v5-c-
|
|
9319
|
+
.pf-v5-c-label.pf-m-disabled {
|
|
9320
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
|
|
9321
|
+
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
|
|
9322
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
|
|
9323
|
+
--pf-v5-c-label__content--before--BorderWidth: 0;
|
|
9324
|
+
pointer-events: none;
|
|
9305
9325
|
}
|
|
9306
9326
|
|
|
9307
|
-
.pf-v5-c-
|
|
9308
|
-
--pf-v5-c-
|
|
9327
|
+
.pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
|
|
9328
|
+
--pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
|
|
9309
9329
|
}
|
|
9310
9330
|
|
|
9311
|
-
|
|
9312
|
-
|
|
9331
|
+
.pf-v5-c-label,
|
|
9332
|
+
.pf-v5-c-label__content {
|
|
9333
|
+
display: inline-flex;
|
|
9334
|
+
align-items: center;
|
|
9313
9335
|
}
|
|
9314
9336
|
|
|
9315
|
-
.pf-v5-c-
|
|
9316
|
-
|
|
9317
|
-
|
|
9318
|
-
|
|
9337
|
+
.pf-v5-c-label__text {
|
|
9338
|
+
overflow: hidden;
|
|
9339
|
+
text-overflow: ellipsis;
|
|
9340
|
+
white-space: nowrap;
|
|
9341
|
+
max-width: var(--pf-v5-c-label__text--MaxWidth);
|
|
9319
9342
|
}
|
|
9320
9343
|
|
|
9321
|
-
.pf-v5-c-
|
|
9322
|
-
|
|
9344
|
+
.pf-v5-c-label__content {
|
|
9345
|
+
max-width: var(--pf-v5-c-label__content--MaxWidth);
|
|
9346
|
+
overflow: hidden;
|
|
9347
|
+
color: var(--pf-v5-c-label__content--Color);
|
|
9348
|
+
background-color: var(--pf-v5-c-label__content--BackgroundColor);
|
|
9349
|
+
border-width: 0;
|
|
9323
9350
|
}
|
|
9324
9351
|
|
|
9325
|
-
.pf-v5-c-
|
|
9326
|
-
|
|
9352
|
+
.pf-v5-c-label__content::before {
|
|
9353
|
+
position: absolute;
|
|
9354
|
+
inset: 0;
|
|
9355
|
+
pointer-events: none;
|
|
9356
|
+
content: "";
|
|
9357
|
+
border: var(--pf-v5-c-label__content--before--BorderWidth) solid var(--pf-v5-c-label__content--before--BorderColor);
|
|
9358
|
+
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
9327
9359
|
}
|
|
9328
9360
|
|
|
9329
|
-
.pf-v5-c-
|
|
9330
|
-
|
|
9361
|
+
input.pf-v5-c-label__content {
|
|
9362
|
+
overflow: hidden;
|
|
9363
|
+
text-overflow: ellipsis;
|
|
9364
|
+
white-space: nowrap;
|
|
9331
9365
|
}
|
|
9332
9366
|
|
|
9333
|
-
.pf-v5-c-
|
|
9334
|
-
|
|
9367
|
+
a.pf-v5-c-label__content,
|
|
9368
|
+
button.pf-v5-c-label__content {
|
|
9369
|
+
padding: 0;
|
|
9370
|
+
cursor: pointer;
|
|
9371
|
+
background-color: transparent;
|
|
9372
|
+
border: none;
|
|
9335
9373
|
}
|
|
9336
9374
|
|
|
9337
|
-
.pf-v5-c-
|
|
9338
|
-
|
|
9375
|
+
a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
|
|
9376
|
+
button.pf-v5-c-label__content,
|
|
9377
|
+
button.pf-v5-c-label__content:hover,
|
|
9378
|
+
button.pf-v5-c-label__content:focus {
|
|
9379
|
+
text-decoration: none;
|
|
9339
9380
|
}
|
|
9340
9381
|
|
|
9341
|
-
.pf-v5-c-
|
|
9342
|
-
|
|
9382
|
+
a.pf-v5-c-label__content:hover,
|
|
9383
|
+
button.pf-v5-c-label__content:hover {
|
|
9384
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
|
|
9385
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
|
|
9343
9386
|
}
|
|
9344
9387
|
|
|
9345
|
-
.pf-v5-c-
|
|
9346
|
-
|
|
9388
|
+
a.pf-v5-c-label__content:focus,
|
|
9389
|
+
button.pf-v5-c-label__content:focus {
|
|
9390
|
+
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
|
|
9391
|
+
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
|
|
9347
9392
|
}
|
|
9348
9393
|
|
|
9349
|
-
|
|
9350
|
-
|
|
9351
|
-
|
|
9352
|
-
}
|
|
9353
|
-
.pf-v5-c-sidebar__panel.pf-m-width-25-on-sm {
|
|
9354
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
9355
|
-
}
|
|
9356
|
-
.pf-v5-c-sidebar__panel.pf-m-width-33-on-sm {
|
|
9357
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
9358
|
-
}
|
|
9359
|
-
.pf-v5-c-sidebar__panel.pf-m-width-50-on-sm {
|
|
9360
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
9361
|
-
}
|
|
9362
|
-
.pf-v5-c-sidebar__panel.pf-m-width-66-on-sm {
|
|
9363
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
9364
|
-
}
|
|
9365
|
-
.pf-v5-c-sidebar__panel.pf-m-width-75-on-sm {
|
|
9366
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
9367
|
-
}
|
|
9368
|
-
.pf-v5-c-sidebar__panel.pf-m-width-100-on-sm {
|
|
9369
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
9370
|
-
}
|
|
9371
|
-
}
|
|
9372
|
-
@media (min-width: 768px) {
|
|
9373
|
-
.pf-v5-c-sidebar__panel.pf-m-width-default-on-md {
|
|
9374
|
-
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
9375
|
-
}
|
|
9376
|
-
.pf-v5-c-sidebar__panel.pf-m-width-25-on-md {
|
|
9377
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
9378
|
-
}
|
|
9379
|
-
.pf-v5-c-sidebar__panel.pf-m-width-33-on-md {
|
|
9380
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
9381
|
-
}
|
|
9382
|
-
.pf-v5-c-sidebar__panel.pf-m-width-50-on-md {
|
|
9383
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
9384
|
-
}
|
|
9385
|
-
.pf-v5-c-sidebar__panel.pf-m-width-66-on-md {
|
|
9386
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
9387
|
-
}
|
|
9388
|
-
.pf-v5-c-sidebar__panel.pf-m-width-75-on-md {
|
|
9389
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
9390
|
-
}
|
|
9391
|
-
.pf-v5-c-sidebar__panel.pf-m-width-100-on-md {
|
|
9392
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
9393
|
-
}
|
|
9394
|
+
.pf-v5-c-label__icon {
|
|
9395
|
+
margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
|
|
9396
|
+
color: var(--pf-v5-c-label__icon--Color);
|
|
9394
9397
|
}
|
|
9395
|
-
|
|
9396
|
-
|
|
9397
|
-
|
|
9398
|
-
|
|
9399
|
-
.pf-v5-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
9400
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
9401
|
-
}
|
|
9402
|
-
.pf-v5-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
9403
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
9404
|
-
}
|
|
9405
|
-
.pf-v5-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
9406
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
9407
|
-
}
|
|
9408
|
-
.pf-v5-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
9409
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
9410
|
-
}
|
|
9411
|
-
.pf-v5-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
9412
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
9413
|
-
}
|
|
9414
|
-
.pf-v5-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
9415
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
9416
|
-
}
|
|
9398
|
+
|
|
9399
|
+
.pf-v5-c-label__actions {
|
|
9400
|
+
margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
|
|
9401
|
+
font-size: var(--pf-v5-c-label__actions--FontSize);
|
|
9417
9402
|
}
|
|
9418
|
-
|
|
9419
|
-
|
|
9420
|
-
|
|
9421
|
-
|
|
9422
|
-
|
|
9423
|
-
|
|
9424
|
-
|
|
9425
|
-
|
|
9426
|
-
|
|
9427
|
-
}
|
|
9428
|
-
.pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
9429
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
9430
|
-
}
|
|
9431
|
-
.pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
9432
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
9433
|
-
}
|
|
9434
|
-
.pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
9435
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
9436
|
-
}
|
|
9437
|
-
.pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
9438
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
9439
|
-
}
|
|
9403
|
+
|
|
9404
|
+
.pf-v5-c-label__actions .pf-v5-c-button {
|
|
9405
|
+
--pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
|
|
9406
|
+
--pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
9407
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
|
9408
|
+
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
|
|
9409
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
|
|
9410
|
+
margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
|
|
9411
|
+
margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
|
|
9440
9412
|
}
|
|
9441
|
-
|
|
9442
|
-
|
|
9443
|
-
|
|
9444
|
-
|
|
9445
|
-
|
|
9446
|
-
|
|
9447
|
-
|
|
9448
|
-
|
|
9449
|
-
|
|
9450
|
-
|
|
9451
|
-
|
|
9452
|
-
|
|
9453
|
-
|
|
9454
|
-
|
|
9455
|
-
|
|
9456
|
-
|
|
9457
|
-
|
|
9458
|
-
|
|
9459
|
-
|
|
9460
|
-
|
|
9461
|
-
|
|
9462
|
-
|
|
9413
|
+
|
|
9414
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-label {
|
|
9415
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9416
|
+
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9417
|
+
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9418
|
+
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9419
|
+
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9420
|
+
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9421
|
+
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9422
|
+
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
9423
|
+
--pf-v5-c-label__content--before--BorderWidth: 0;
|
|
9424
|
+
--pf-v5-c-label__content--before--BorderColor: transparent;
|
|
9425
|
+
--pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9426
|
+
--pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9427
|
+
--pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
|
|
9428
|
+
--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
|
|
9429
|
+
--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
|
|
9430
|
+
--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
|
|
9431
|
+
--pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
|
|
9432
|
+
--pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
9433
|
+
--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
9434
|
+
--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
9435
|
+
--pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
|
|
9436
|
+
--pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
|
|
9437
|
+
--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9438
|
+
--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9439
|
+
--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9440
|
+
--pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
|
|
9441
|
+
--pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
9442
|
+
--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
9443
|
+
--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
9444
|
+
--pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
|
|
9445
|
+
--pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
|
|
9446
|
+
--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
|
|
9447
|
+
--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
|
|
9448
|
+
--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
9449
|
+
--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
9450
|
+
--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
9451
|
+
--pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
|
|
9452
|
+
--pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
|
|
9453
|
+
--pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
|
|
9454
|
+
--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
9455
|
+
--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
9456
|
+
--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
9457
|
+
--pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
|
|
9458
|
+
--pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
|
|
9459
|
+
--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9460
|
+
--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9461
|
+
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9463
9462
|
}
|
|
9463
|
+
|
|
9464
9464
|
.pf-v5-c-list {
|
|
9465
9465
|
--pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
9466
9466
|
--pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
@@ -16921,114 +16921,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
16921
16921
|
--pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
16922
16922
|
}
|
|
16923
16923
|
|
|
16924
|
-
.pf-v5-c-simple-list {
|
|
16925
|
-
--pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
16926
|
-
--pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
16927
|
-
--pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
16928
|
-
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
16929
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
16930
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
|
|
16931
|
-
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16932
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16933
|
-
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
|
|
16934
|
-
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16935
|
-
--pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16936
|
-
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
16937
|
-
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16938
|
-
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
16939
|
-
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16940
|
-
--pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16941
|
-
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
16942
|
-
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16943
|
-
--pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16944
|
-
--pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
16945
|
-
--pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
16946
|
-
--pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
16947
|
-
--pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
16948
|
-
--pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16949
|
-
--pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
|
|
16950
|
-
--pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
16951
|
-
--pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
16952
|
-
}
|
|
16953
|
-
|
|
16954
|
-
.pf-v5-c-simple-list__item-link {
|
|
16955
|
-
display: block;
|
|
16956
|
-
width: 100%;
|
|
16957
|
-
padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
|
|
16958
|
-
padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
|
|
16959
|
-
padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
|
|
16960
|
-
padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
|
|
16961
|
-
font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
|
|
16962
|
-
font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
|
|
16963
|
-
color: var(--pf-v5-c-simple-list__item-link--Color);
|
|
16964
|
-
text-align: start;
|
|
16965
|
-
background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
|
|
16966
|
-
border: none;
|
|
16967
|
-
}
|
|
16968
|
-
|
|
16969
|
-
.pf-v5-c-simple-list__item-link:hover {
|
|
16970
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
|
|
16971
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
|
|
16972
|
-
text-decoration: none;
|
|
16973
|
-
}
|
|
16974
|
-
|
|
16975
|
-
.pf-v5-c-simple-list__item-link:focus {
|
|
16976
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
|
|
16977
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
|
|
16978
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
|
|
16979
|
-
}
|
|
16980
|
-
|
|
16981
|
-
.pf-v5-c-simple-list__item-link:active {
|
|
16982
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
|
|
16983
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
|
|
16984
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
|
|
16985
|
-
}
|
|
16986
|
-
|
|
16987
|
-
.pf-v5-c-simple-list__item-link.pf-m-current {
|
|
16988
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
|
|
16989
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
|
|
16990
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
|
|
16991
|
-
}
|
|
16992
|
-
|
|
16993
|
-
.pf-v5-c-simple-list__title {
|
|
16994
|
-
padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
|
|
16995
|
-
padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
|
|
16996
|
-
padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
|
|
16997
|
-
padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
|
|
16998
|
-
font-size: var(--pf-v5-c-simple-list__title--FontSize);
|
|
16999
|
-
font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
|
|
17000
|
-
color: var(--pf-v5-c-simple-list__title--Color);
|
|
17001
|
-
}
|
|
17002
|
-
|
|
17003
|
-
.pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
|
|
17004
|
-
margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
|
|
17005
|
-
}
|
|
17006
|
-
|
|
17007
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
|
|
17008
|
-
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
|
|
17009
|
-
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17010
|
-
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
17011
|
-
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17012
|
-
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
17013
|
-
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17014
|
-
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
17015
|
-
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17016
|
-
}
|
|
17017
|
-
|
|
17018
|
-
.pf-v5-c-skip-to-content {
|
|
17019
|
-
--pf-v5-c-skip-to-content--Top: var(--pf-v5-global--spacer--md);
|
|
17020
|
-
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
17021
|
-
--pf-v5-c-skip-to-content--focus--Left: var(--pf-v5-global--spacer--md);
|
|
17022
|
-
position: absolute;
|
|
17023
|
-
inset-block-start: var(--pf-v5-c-skip-to-content--Top);
|
|
17024
|
-
inset-inline-start: -300%;
|
|
17025
|
-
z-index: var(--pf-v5-c-skip-to-content--ZIndex);
|
|
17026
|
-
}
|
|
17027
|
-
|
|
17028
|
-
.pf-v5-c-skip-to-content:focus-within {
|
|
17029
|
-
inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
|
|
17030
|
-
}
|
|
17031
|
-
|
|
17032
16924
|
.pf-v5-c-skeleton {
|
|
17033
16925
|
--pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-150);
|
|
17034
16926
|
--pf-v5-c-skeleton--Width: auto;
|
|
@@ -17204,26 +17096,134 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
17204
17096
|
--pf-v5-c-skeleton--Height: var(--pf-v5-c-skeleton--m-text-md--Height);
|
|
17205
17097
|
}
|
|
17206
17098
|
|
|
17207
|
-
.pf-v5-c-skeleton.pf-m-text-sm {
|
|
17208
|
-
--pf-v5-c-skeleton--Height: var(--pf-v5-c-skeleton--m-text-sm--Height);
|
|
17099
|
+
.pf-v5-c-skeleton.pf-m-text-sm {
|
|
17100
|
+
--pf-v5-c-skeleton--Height: var(--pf-v5-c-skeleton--m-text-sm--Height);
|
|
17101
|
+
}
|
|
17102
|
+
|
|
17103
|
+
@keyframes pf-v5-c-skeleton-loading {
|
|
17104
|
+
0% {
|
|
17105
|
+
transform: translateX(-100%);
|
|
17106
|
+
}
|
|
17107
|
+
60% {
|
|
17108
|
+
transform: translateX(100%);
|
|
17109
|
+
}
|
|
17110
|
+
100% {
|
|
17111
|
+
transform: translateX(100%);
|
|
17112
|
+
}
|
|
17113
|
+
}
|
|
17114
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
|
|
17115
|
+
--pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
17116
|
+
--pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
|
|
17117
|
+
--pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
|
|
17118
|
+
--pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
|
|
17119
|
+
}
|
|
17120
|
+
|
|
17121
|
+
.pf-v5-c-simple-list {
|
|
17122
|
+
--pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
17123
|
+
--pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
17124
|
+
--pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
17125
|
+
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17126
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
17127
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
|
|
17128
|
+
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17129
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17130
|
+
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
|
|
17131
|
+
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17132
|
+
--pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17133
|
+
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
17134
|
+
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17135
|
+
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
17136
|
+
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17137
|
+
--pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17138
|
+
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
17139
|
+
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17140
|
+
--pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17141
|
+
--pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
17142
|
+
--pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
17143
|
+
--pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
17144
|
+
--pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17145
|
+
--pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17146
|
+
--pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
|
|
17147
|
+
--pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
17148
|
+
--pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
17149
|
+
}
|
|
17150
|
+
|
|
17151
|
+
.pf-v5-c-simple-list__item-link {
|
|
17152
|
+
display: block;
|
|
17153
|
+
width: 100%;
|
|
17154
|
+
padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
|
|
17155
|
+
padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
|
|
17156
|
+
padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
|
|
17157
|
+
padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
|
|
17158
|
+
font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
|
|
17159
|
+
font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
|
|
17160
|
+
color: var(--pf-v5-c-simple-list__item-link--Color);
|
|
17161
|
+
text-align: start;
|
|
17162
|
+
background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
|
|
17163
|
+
border: none;
|
|
17164
|
+
}
|
|
17165
|
+
|
|
17166
|
+
.pf-v5-c-simple-list__item-link:hover {
|
|
17167
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
|
|
17168
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
|
|
17169
|
+
text-decoration: none;
|
|
17170
|
+
}
|
|
17171
|
+
|
|
17172
|
+
.pf-v5-c-simple-list__item-link:focus {
|
|
17173
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
|
|
17174
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
|
|
17175
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
|
|
17176
|
+
}
|
|
17177
|
+
|
|
17178
|
+
.pf-v5-c-simple-list__item-link:active {
|
|
17179
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
|
|
17180
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
|
|
17181
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
|
|
17182
|
+
}
|
|
17183
|
+
|
|
17184
|
+
.pf-v5-c-simple-list__item-link.pf-m-current {
|
|
17185
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
|
|
17186
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
|
|
17187
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
|
|
17188
|
+
}
|
|
17189
|
+
|
|
17190
|
+
.pf-v5-c-simple-list__title {
|
|
17191
|
+
padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
|
|
17192
|
+
padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
|
|
17193
|
+
padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
|
|
17194
|
+
padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
|
|
17195
|
+
font-size: var(--pf-v5-c-simple-list__title--FontSize);
|
|
17196
|
+
font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
|
|
17197
|
+
color: var(--pf-v5-c-simple-list__title--Color);
|
|
17198
|
+
}
|
|
17199
|
+
|
|
17200
|
+
.pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
|
|
17201
|
+
margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
|
|
17202
|
+
}
|
|
17203
|
+
|
|
17204
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
|
|
17205
|
+
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
|
|
17206
|
+
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17207
|
+
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
17208
|
+
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17209
|
+
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
17210
|
+
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17211
|
+
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
17212
|
+
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17213
|
+
}
|
|
17214
|
+
|
|
17215
|
+
.pf-v5-c-skip-to-content {
|
|
17216
|
+
--pf-v5-c-skip-to-content--Top: var(--pf-v5-global--spacer--md);
|
|
17217
|
+
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
17218
|
+
--pf-v5-c-skip-to-content--focus--Left: var(--pf-v5-global--spacer--md);
|
|
17219
|
+
position: absolute;
|
|
17220
|
+
inset-block-start: var(--pf-v5-c-skip-to-content--Top);
|
|
17221
|
+
inset-inline-start: -300%;
|
|
17222
|
+
z-index: var(--pf-v5-c-skip-to-content--ZIndex);
|
|
17209
17223
|
}
|
|
17210
17224
|
|
|
17211
|
-
|
|
17212
|
-
|
|
17213
|
-
transform: translateX(-100%);
|
|
17214
|
-
}
|
|
17215
|
-
60% {
|
|
17216
|
-
transform: translateX(100%);
|
|
17217
|
-
}
|
|
17218
|
-
100% {
|
|
17219
|
-
transform: translateX(100%);
|
|
17220
|
-
}
|
|
17221
|
-
}
|
|
17222
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
|
|
17223
|
-
--pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
17224
|
-
--pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
|
|
17225
|
-
--pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
|
|
17226
|
-
--pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
|
|
17225
|
+
.pf-v5-c-skip-to-content:focus-within {
|
|
17226
|
+
inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
|
|
17227
17227
|
}
|
|
17228
17228
|
|
|
17229
17229
|
.pf-v5-c-slider {
|
|
@@ -17538,31 +17538,239 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
17538
17538
|
animation: pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration) var(--pf-v5-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17539
17539
|
}
|
|
17540
17540
|
|
|
17541
|
-
@keyframes pf-v5-c-spinner-animation-rotate {
|
|
17542
|
-
0% {
|
|
17543
|
-
transform: rotate(0deg);
|
|
17544
|
-
}
|
|
17545
|
-
100% {
|
|
17546
|
-
transform: rotate(360deg);
|
|
17547
|
-
}
|
|
17548
|
-
}
|
|
17549
|
-
@keyframes pf-v5-c-spinner-animation-dash {
|
|
17550
|
-
0% {
|
|
17551
|
-
stroke-dashoffset: 280;
|
|
17552
|
-
transform: rotate(0);
|
|
17553
|
-
}
|
|
17554
|
-
15% {
|
|
17555
|
-
stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
|
|
17556
|
-
}
|
|
17557
|
-
40% {
|
|
17558
|
-
stroke-dasharray: 220;
|
|
17559
|
-
stroke-dashoffset: 150;
|
|
17560
|
-
}
|
|
17561
|
-
100% {
|
|
17562
|
-
stroke-dashoffset: 280;
|
|
17563
|
-
transform: rotate(720deg);
|
|
17564
|
-
}
|
|
17541
|
+
@keyframes pf-v5-c-spinner-animation-rotate {
|
|
17542
|
+
0% {
|
|
17543
|
+
transform: rotate(0deg);
|
|
17544
|
+
}
|
|
17545
|
+
100% {
|
|
17546
|
+
transform: rotate(360deg);
|
|
17547
|
+
}
|
|
17548
|
+
}
|
|
17549
|
+
@keyframes pf-v5-c-spinner-animation-dash {
|
|
17550
|
+
0% {
|
|
17551
|
+
stroke-dashoffset: 280;
|
|
17552
|
+
transform: rotate(0);
|
|
17553
|
+
}
|
|
17554
|
+
15% {
|
|
17555
|
+
stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
|
|
17556
|
+
}
|
|
17557
|
+
40% {
|
|
17558
|
+
stroke-dasharray: 220;
|
|
17559
|
+
stroke-dashoffset: 150;
|
|
17560
|
+
}
|
|
17561
|
+
100% {
|
|
17562
|
+
stroke-dashoffset: 280;
|
|
17563
|
+
transform: rotate(720deg);
|
|
17564
|
+
}
|
|
17565
|
+
}
|
|
17566
|
+
.pf-v5-c-switch {
|
|
17567
|
+
--pf-v5-c-switch--FontSize: var(--pf-v5-global--FontSize--md);
|
|
17568
|
+
--pf-v5-c-switch__label--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17569
|
+
--pf-v5-c-switch--ColumnGap: var(--pf-v5-c-switch__label--PaddingLeft);
|
|
17570
|
+
--pf-v5-c-switch__toggle-icon--FontSize: calc(var(--pf-v5-c-switch--FontSize) * .625);
|
|
17571
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--Color--light-100);
|
|
17572
|
+
--pf-v5-c-switch__toggle-icon--Left: calc(var(--pf-v5-c-switch--FontSize) * .4);
|
|
17573
|
+
--pf-v5-c-switch__toggle-icon--Offset: 0.125rem;
|
|
17574
|
+
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--palette--black-150);
|
|
17575
|
+
--pf-v5-c-switch--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
17576
|
+
--pf-v5-c-switch--Height: auto;
|
|
17577
|
+
--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
17578
|
+
--pf-v5-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
17579
|
+
--pf-v5-c-switch__input--checked__label--Color: var(--pf-v5-global--Color--dark-100);
|
|
17580
|
+
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--disabled-color--100);
|
|
17581
|
+
--pf-v5-c-switch__input--disabled__label--Color: var(--pf-v5-global--disabled-color--100);
|
|
17582
|
+
--pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
17583
|
+
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--palette--black-150);
|
|
17584
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineWidth: var(--pf-v5-global--BorderWidth--md);
|
|
17585
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineOffset: var(--pf-v5-global--spacer--sm);
|
|
17586
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--pf-v5-global--primary-color--100);
|
|
17587
|
+
--pf-v5-c-switch__toggle--Height: calc(var(--pf-v5-c-switch--FontSize) * var(--pf-v5-c-switch--LineHeight));
|
|
17588
|
+
--pf-v5-c-switch__toggle--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
17589
|
+
--pf-v5-c-switch__toggle--BorderRadius: var(--pf-v5-c-switch__toggle--Height);
|
|
17590
|
+
--pf-v5-c-switch__toggle--before--Width: calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
17591
|
+
--pf-v5-c-switch__toggle--before--Height: var(--pf-v5-c-switch__toggle--before--Width);
|
|
17592
|
+
--pf-v5-c-switch__toggle--before--Top: calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height)) / 2);
|
|
17593
|
+
--pf-v5-c-switch__toggle--before--Left: var(--pf-v5-c-switch__toggle--before--Top);
|
|
17594
|
+
--pf-v5-c-switch__toggle--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
17595
|
+
--pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17596
|
+
--pf-v5-c-switch__toggle--before--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
17597
|
+
--pf-v5-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
17598
|
+
--pf-v5-c-switch__toggle--Width: calc(var(--pf-v5-c-switch__toggle--Height) + var(--pf-v5-c-switch__toggle-icon--Offset) + var(--pf-v5-c-switch__toggle--before--Width));
|
|
17599
|
+
--pf-v5-c-switch__label--Color: var(--pf-v5-global--Color--dark-100);
|
|
17600
|
+
position: relative;
|
|
17601
|
+
display: inline-grid;
|
|
17602
|
+
grid-template-columns: auto;
|
|
17603
|
+
grid-auto-columns: 1fr;
|
|
17604
|
+
column-gap: var(--pf-v5-c-switch--ColumnGap);
|
|
17605
|
+
height: var(--pf-v5-c-switch--Height);
|
|
17606
|
+
font-size: var(--pf-v5-c-switch--FontSize);
|
|
17607
|
+
line-height: var(--pf-v5-c-switch--LineHeight);
|
|
17608
|
+
vertical-align: middle;
|
|
17609
|
+
cursor: pointer;
|
|
17610
|
+
}
|
|
17611
|
+
|
|
17612
|
+
.pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label,
|
|
17613
|
+
.pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__toggle {
|
|
17614
|
+
grid-row: 1;
|
|
17615
|
+
}
|
|
17616
|
+
|
|
17617
|
+
.pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label {
|
|
17618
|
+
grid-column: 1;
|
|
17619
|
+
}
|
|
17620
|
+
|
|
17621
|
+
.pf-v5-c-switch__input {
|
|
17622
|
+
position: absolute;
|
|
17623
|
+
cursor: pointer;
|
|
17624
|
+
opacity: 0;
|
|
17625
|
+
}
|
|
17626
|
+
|
|
17627
|
+
.pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
|
|
17628
|
+
outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
|
|
17629
|
+
outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
|
|
17630
|
+
}
|
|
17631
|
+
|
|
17632
|
+
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__label {
|
|
17633
|
+
color: var(--pf-v5-c-switch__input--checked__label--Color);
|
|
17634
|
+
}
|
|
17635
|
+
|
|
17636
|
+
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
|
|
17637
|
+
background-color: var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor);
|
|
17638
|
+
}
|
|
17639
|
+
|
|
17640
|
+
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
17641
|
+
transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
|
|
17642
|
+
}
|
|
17643
|
+
|
|
17644
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
17645
|
+
transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17646
|
+
}
|
|
17647
|
+
|
|
17648
|
+
.pf-v5-c-switch__input:checked ~ .pf-m-off {
|
|
17649
|
+
display: none;
|
|
17650
|
+
}
|
|
17651
|
+
|
|
17652
|
+
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
|
|
17653
|
+
color: var(--pf-v5-c-switch__input--not-checked__label--Color);
|
|
17654
|
+
}
|
|
17655
|
+
|
|
17656
|
+
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon {
|
|
17657
|
+
display: none;
|
|
17658
|
+
}
|
|
17659
|
+
|
|
17660
|
+
.pf-v5-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
17661
|
+
display: none;
|
|
17662
|
+
}
|
|
17663
|
+
|
|
17664
|
+
.pf-v5-c-switch__input:disabled {
|
|
17665
|
+
cursor: not-allowed;
|
|
17666
|
+
}
|
|
17667
|
+
|
|
17668
|
+
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
|
|
17669
|
+
color: var(--pf-v5-c-switch__input--disabled__label--Color);
|
|
17670
|
+
cursor: not-allowed;
|
|
17671
|
+
}
|
|
17672
|
+
|
|
17673
|
+
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle {
|
|
17674
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-c-switch__input--disabled__toggle-icon--Color);
|
|
17675
|
+
cursor: not-allowed;
|
|
17676
|
+
background-color: var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor);
|
|
17677
|
+
}
|
|
17678
|
+
|
|
17679
|
+
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
|
|
17680
|
+
background-color: var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
17681
|
+
}
|
|
17682
|
+
|
|
17683
|
+
.pf-v5-c-switch__toggle {
|
|
17684
|
+
position: relative;
|
|
17685
|
+
display: inline-block;
|
|
17686
|
+
width: var(--pf-v5-c-switch__toggle--Width);
|
|
17687
|
+
height: var(--pf-v5-c-switch__toggle--Height);
|
|
17688
|
+
background-color: var(--pf-v5-c-switch__toggle--BackgroundColor);
|
|
17689
|
+
border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
|
|
17690
|
+
}
|
|
17691
|
+
|
|
17692
|
+
.pf-v5-c-switch__toggle::before {
|
|
17693
|
+
position: absolute;
|
|
17694
|
+
inset-block-start: var(--pf-v5-c-switch__toggle--before--Top);
|
|
17695
|
+
inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
|
|
17696
|
+
display: block;
|
|
17697
|
+
width: var(--pf-v5-c-switch__toggle--before--Width);
|
|
17698
|
+
height: var(--pf-v5-c-switch__toggle--before--Height);
|
|
17699
|
+
content: "";
|
|
17700
|
+
background-color: var(--pf-v5-c-switch__toggle--before--BackgroundColor);
|
|
17701
|
+
border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
|
|
17702
|
+
box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
|
|
17703
|
+
transition: var(--pf-v5-c-switch__toggle--before--Transition);
|
|
17704
|
+
}
|
|
17705
|
+
|
|
17706
|
+
.pf-v5-c-switch__toggle-icon {
|
|
17707
|
+
position: absolute;
|
|
17708
|
+
inset-block-start: 0;
|
|
17709
|
+
inset-block-end: 0;
|
|
17710
|
+
inset-inline-start: var(--pf-v5-c-switch__toggle-icon--Left);
|
|
17711
|
+
display: flex;
|
|
17712
|
+
align-items: center;
|
|
17713
|
+
font-size: var(--pf-v5-c-switch__toggle-icon--FontSize);
|
|
17714
|
+
color: var(--pf-v5-c-switch__toggle-icon--Color);
|
|
17715
|
+
}
|
|
17716
|
+
|
|
17717
|
+
.pf-v5-c-switch__label {
|
|
17718
|
+
display: inline-block;
|
|
17719
|
+
grid-column: 2;
|
|
17720
|
+
color: var(--pf-v5-c-switch__label--Color);
|
|
17721
|
+
vertical-align: top;
|
|
17722
|
+
}
|
|
17723
|
+
|
|
17724
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-switch {
|
|
17725
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
|
|
17726
|
+
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
|
|
17727
|
+
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
|
|
17728
|
+
--pf-v5-c-switch__toggle--before--BoxShadow: none;
|
|
17729
|
+
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
17730
|
+
}
|
|
17731
|
+
|
|
17732
|
+
.pf-v5-c-tab-content {
|
|
17733
|
+
--pf-v5-c-tab-content__body--PaddingTop: 0;
|
|
17734
|
+
--pf-v5-c-tab-content__body--PaddingRight: 0;
|
|
17735
|
+
--pf-v5-c-tab-content__body--PaddingBottom: 0;
|
|
17736
|
+
--pf-v5-c-tab-content__body--PaddingLeft: 0;
|
|
17737
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
17738
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
17739
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
17740
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17741
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
17742
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
17743
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
17744
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
17745
|
+
--pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
|
|
17746
|
+
}
|
|
17747
|
+
|
|
17748
|
+
@media screen and (min-width: 1200px) {
|
|
17749
|
+
.pf-v5-c-tab-content {
|
|
17750
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop);
|
|
17751
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight);
|
|
17752
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom);
|
|
17753
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
|
|
17754
|
+
}
|
|
17755
|
+
}
|
|
17756
|
+
.pf-v5-c-tab-content.pf-m-light-300 {
|
|
17757
|
+
background-color: var(--pf-v5-c-tab-content--m-light-300);
|
|
17758
|
+
}
|
|
17759
|
+
|
|
17760
|
+
.pf-v5-c-tab-content__body {
|
|
17761
|
+
padding-block-start: var(--pf-v5-c-tab-content__body--PaddingTop);
|
|
17762
|
+
padding-block-end: var(--pf-v5-c-tab-content__body--PaddingBottom);
|
|
17763
|
+
padding-inline-start: var(--pf-v5-c-tab-content__body--PaddingLeft);
|
|
17764
|
+
padding-inline-end: var(--pf-v5-c-tab-content__body--PaddingRight);
|
|
17765
|
+
}
|
|
17766
|
+
|
|
17767
|
+
.pf-v5-c-tab-content__body.pf-m-padding {
|
|
17768
|
+
--pf-v5-c-tab-content__body--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--PaddingTop);
|
|
17769
|
+
--pf-v5-c-tab-content__body--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--PaddingRight);
|
|
17770
|
+
--pf-v5-c-tab-content__body--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--PaddingBottom);
|
|
17771
|
+
--pf-v5-c-tab-content__body--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--PaddingLeft);
|
|
17565
17772
|
}
|
|
17773
|
+
|
|
17566
17774
|
.pf-v5-c-tabs {
|
|
17567
17775
|
--pf-v5-c-tabs--inset: 0;
|
|
17568
17776
|
--pf-v5-c-tabs--Width: auto;
|
|
@@ -18507,48 +18715,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
18507
18715
|
--pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
18508
18716
|
}
|
|
18509
18717
|
|
|
18510
|
-
.pf-v5-c-tab-content {
|
|
18511
|
-
--pf-v5-c-tab-content__body--PaddingTop: 0;
|
|
18512
|
-
--pf-v5-c-tab-content__body--PaddingRight: 0;
|
|
18513
|
-
--pf-v5-c-tab-content__body--PaddingBottom: 0;
|
|
18514
|
-
--pf-v5-c-tab-content__body--PaddingLeft: 0;
|
|
18515
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
18516
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
18517
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
18518
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
18519
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
18520
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
18521
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
18522
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
18523
|
-
--pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
|
|
18524
|
-
}
|
|
18525
|
-
|
|
18526
|
-
@media screen and (min-width: 1200px) {
|
|
18527
|
-
.pf-v5-c-tab-content {
|
|
18528
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop);
|
|
18529
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight);
|
|
18530
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom);
|
|
18531
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
|
|
18532
|
-
}
|
|
18533
|
-
}
|
|
18534
|
-
.pf-v5-c-tab-content.pf-m-light-300 {
|
|
18535
|
-
background-color: var(--pf-v5-c-tab-content--m-light-300);
|
|
18536
|
-
}
|
|
18537
|
-
|
|
18538
|
-
.pf-v5-c-tab-content__body {
|
|
18539
|
-
padding-block-start: var(--pf-v5-c-tab-content__body--PaddingTop);
|
|
18540
|
-
padding-block-end: var(--pf-v5-c-tab-content__body--PaddingBottom);
|
|
18541
|
-
padding-inline-start: var(--pf-v5-c-tab-content__body--PaddingLeft);
|
|
18542
|
-
padding-inline-end: var(--pf-v5-c-tab-content__body--PaddingRight);
|
|
18543
|
-
}
|
|
18544
|
-
|
|
18545
|
-
.pf-v5-c-tab-content__body.pf-m-padding {
|
|
18546
|
-
--pf-v5-c-tab-content__body--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--PaddingTop);
|
|
18547
|
-
--pf-v5-c-tab-content__body--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--PaddingRight);
|
|
18548
|
-
--pf-v5-c-tab-content__body--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--PaddingBottom);
|
|
18549
|
-
--pf-v5-c-tab-content__body--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--PaddingLeft);
|
|
18550
|
-
}
|
|
18551
|
-
|
|
18552
18718
|
.pf-v5-c-content {
|
|
18553
18719
|
--pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
18554
18720
|
--pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
@@ -18800,207 +18966,41 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
18800
18966
|
margin-block-start: var(--pf-v5-c-content--ol--nested--MarginTop);
|
|
18801
18967
|
}
|
|
18802
18968
|
|
|
18803
|
-
.pf-v5-c-content dl {
|
|
18804
|
-
display: grid;
|
|
18805
|
-
grid-template-columns: 1fr;
|
|
18806
|
-
}
|
|
18807
|
-
|
|
18808
|
-
@media screen and (min-width: 576px) {
|
|
18809
|
-
.pf-v5-c-content dl {
|
|
18810
|
-
grid-template: auto/auto 1fr;
|
|
18811
|
-
grid-row-gap: var(--pf-v5-c-content--dl--RowGap);
|
|
18812
|
-
grid-column-gap: var(--pf-v5-c-content--dl--ColumnGap);
|
|
18813
|
-
}
|
|
18814
|
-
}
|
|
18815
|
-
.pf-v5-c-content dt {
|
|
18816
|
-
font-weight: var(--pf-v5-c-content--dt--FontWeight);
|
|
18817
|
-
}
|
|
18818
|
-
|
|
18819
|
-
.pf-v5-c-content dt:not(:first-child) {
|
|
18820
|
-
margin-block-start: var(--pf-v5-c-content--dt--MarginTop);
|
|
18821
|
-
}
|
|
18822
|
-
|
|
18823
|
-
@media screen and (min-width: 576px) {
|
|
18824
|
-
.pf-v5-c-content dt:not(:first-child) {
|
|
18825
|
-
--pf-v5-c-content--dt--MarginTop: var(--pf-v5-c-content--dt--sm--MarginTop);
|
|
18826
|
-
}
|
|
18827
|
-
}
|
|
18828
|
-
@media screen and (min-width: 576px) {
|
|
18829
|
-
.pf-v5-c-content dt {
|
|
18830
|
-
grid-column: 1;
|
|
18831
|
-
}
|
|
18832
|
-
}
|
|
18833
|
-
@media screen and (min-width: 576px) {
|
|
18834
|
-
.pf-v5-c-content dd {
|
|
18835
|
-
grid-column: 2;
|
|
18836
|
-
}
|
|
18837
|
-
}
|
|
18838
|
-
.pf-v5-c-switch {
|
|
18839
|
-
--pf-v5-c-switch--FontSize: var(--pf-v5-global--FontSize--md);
|
|
18840
|
-
--pf-v5-c-switch__label--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
18841
|
-
--pf-v5-c-switch--ColumnGap: var(--pf-v5-c-switch__label--PaddingLeft);
|
|
18842
|
-
--pf-v5-c-switch__toggle-icon--FontSize: calc(var(--pf-v5-c-switch--FontSize) * .625);
|
|
18843
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--Color--light-100);
|
|
18844
|
-
--pf-v5-c-switch__toggle-icon--Left: calc(var(--pf-v5-c-switch--FontSize) * .4);
|
|
18845
|
-
--pf-v5-c-switch__toggle-icon--Offset: 0.125rem;
|
|
18846
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--palette--black-150);
|
|
18847
|
-
--pf-v5-c-switch--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
18848
|
-
--pf-v5-c-switch--Height: auto;
|
|
18849
|
-
--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
18850
|
-
--pf-v5-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
18851
|
-
--pf-v5-c-switch__input--checked__label--Color: var(--pf-v5-global--Color--dark-100);
|
|
18852
|
-
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--disabled-color--100);
|
|
18853
|
-
--pf-v5-c-switch__input--disabled__label--Color: var(--pf-v5-global--disabled-color--100);
|
|
18854
|
-
--pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
18855
|
-
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--palette--black-150);
|
|
18856
|
-
--pf-v5-c-switch__input--focus__toggle--OutlineWidth: var(--pf-v5-global--BorderWidth--md);
|
|
18857
|
-
--pf-v5-c-switch__input--focus__toggle--OutlineOffset: var(--pf-v5-global--spacer--sm);
|
|
18858
|
-
--pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--pf-v5-global--primary-color--100);
|
|
18859
|
-
--pf-v5-c-switch__toggle--Height: calc(var(--pf-v5-c-switch--FontSize) * var(--pf-v5-c-switch--LineHeight));
|
|
18860
|
-
--pf-v5-c-switch__toggle--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
18861
|
-
--pf-v5-c-switch__toggle--BorderRadius: var(--pf-v5-c-switch__toggle--Height);
|
|
18862
|
-
--pf-v5-c-switch__toggle--before--Width: calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
18863
|
-
--pf-v5-c-switch__toggle--before--Height: var(--pf-v5-c-switch__toggle--before--Width);
|
|
18864
|
-
--pf-v5-c-switch__toggle--before--Top: calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height)) / 2);
|
|
18865
|
-
--pf-v5-c-switch__toggle--before--Left: var(--pf-v5-c-switch__toggle--before--Top);
|
|
18866
|
-
--pf-v5-c-switch__toggle--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
18867
|
-
--pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
18868
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
18869
|
-
--pf-v5-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
18870
|
-
--pf-v5-c-switch__toggle--Width: calc(var(--pf-v5-c-switch__toggle--Height) + var(--pf-v5-c-switch__toggle-icon--Offset) + var(--pf-v5-c-switch__toggle--before--Width));
|
|
18871
|
-
--pf-v5-c-switch__label--Color: var(--pf-v5-global--Color--dark-100);
|
|
18872
|
-
position: relative;
|
|
18873
|
-
display: inline-grid;
|
|
18874
|
-
grid-template-columns: auto;
|
|
18875
|
-
grid-auto-columns: 1fr;
|
|
18876
|
-
column-gap: var(--pf-v5-c-switch--ColumnGap);
|
|
18877
|
-
height: var(--pf-v5-c-switch--Height);
|
|
18878
|
-
font-size: var(--pf-v5-c-switch--FontSize);
|
|
18879
|
-
line-height: var(--pf-v5-c-switch--LineHeight);
|
|
18880
|
-
vertical-align: middle;
|
|
18881
|
-
cursor: pointer;
|
|
18882
|
-
}
|
|
18883
|
-
|
|
18884
|
-
.pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label,
|
|
18885
|
-
.pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__toggle {
|
|
18886
|
-
grid-row: 1;
|
|
18887
|
-
}
|
|
18888
|
-
|
|
18889
|
-
.pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label {
|
|
18890
|
-
grid-column: 1;
|
|
18891
|
-
}
|
|
18892
|
-
|
|
18893
|
-
.pf-v5-c-switch__input {
|
|
18894
|
-
position: absolute;
|
|
18895
|
-
cursor: pointer;
|
|
18896
|
-
opacity: 0;
|
|
18897
|
-
}
|
|
18898
|
-
|
|
18899
|
-
.pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
|
|
18900
|
-
outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
|
|
18901
|
-
outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
|
|
18902
|
-
}
|
|
18903
|
-
|
|
18904
|
-
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__label {
|
|
18905
|
-
color: var(--pf-v5-c-switch__input--checked__label--Color);
|
|
18906
|
-
}
|
|
18907
|
-
|
|
18908
|
-
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
|
|
18909
|
-
background-color: var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor);
|
|
18910
|
-
}
|
|
18911
|
-
|
|
18912
|
-
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
18913
|
-
transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
|
|
18914
|
-
}
|
|
18915
|
-
|
|
18916
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
18917
|
-
transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
18918
|
-
}
|
|
18919
|
-
|
|
18920
|
-
.pf-v5-c-switch__input:checked ~ .pf-m-off {
|
|
18921
|
-
display: none;
|
|
18922
|
-
}
|
|
18923
|
-
|
|
18924
|
-
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
|
|
18925
|
-
color: var(--pf-v5-c-switch__input--not-checked__label--Color);
|
|
18926
|
-
}
|
|
18927
|
-
|
|
18928
|
-
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon {
|
|
18929
|
-
display: none;
|
|
18930
|
-
}
|
|
18931
|
-
|
|
18932
|
-
.pf-v5-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
18933
|
-
display: none;
|
|
18934
|
-
}
|
|
18935
|
-
|
|
18936
|
-
.pf-v5-c-switch__input:disabled {
|
|
18937
|
-
cursor: not-allowed;
|
|
18938
|
-
}
|
|
18939
|
-
|
|
18940
|
-
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
|
|
18941
|
-
color: var(--pf-v5-c-switch__input--disabled__label--Color);
|
|
18942
|
-
cursor: not-allowed;
|
|
18943
|
-
}
|
|
18944
|
-
|
|
18945
|
-
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle {
|
|
18946
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-c-switch__input--disabled__toggle-icon--Color);
|
|
18947
|
-
cursor: not-allowed;
|
|
18948
|
-
background-color: var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor);
|
|
18949
|
-
}
|
|
18950
|
-
|
|
18951
|
-
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
|
|
18952
|
-
background-color: var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
18953
|
-
}
|
|
18954
|
-
|
|
18955
|
-
.pf-v5-c-switch__toggle {
|
|
18956
|
-
position: relative;
|
|
18957
|
-
display: inline-block;
|
|
18958
|
-
width: var(--pf-v5-c-switch__toggle--Width);
|
|
18959
|
-
height: var(--pf-v5-c-switch__toggle--Height);
|
|
18960
|
-
background-color: var(--pf-v5-c-switch__toggle--BackgroundColor);
|
|
18961
|
-
border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
|
|
18962
|
-
}
|
|
18963
|
-
|
|
18964
|
-
.pf-v5-c-switch__toggle::before {
|
|
18965
|
-
position: absolute;
|
|
18966
|
-
inset-block-start: var(--pf-v5-c-switch__toggle--before--Top);
|
|
18967
|
-
inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
|
|
18968
|
-
display: block;
|
|
18969
|
-
width: var(--pf-v5-c-switch__toggle--before--Width);
|
|
18970
|
-
height: var(--pf-v5-c-switch__toggle--before--Height);
|
|
18971
|
-
content: "";
|
|
18972
|
-
background-color: var(--pf-v5-c-switch__toggle--before--BackgroundColor);
|
|
18973
|
-
border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
|
|
18974
|
-
box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
|
|
18975
|
-
transition: var(--pf-v5-c-switch__toggle--before--Transition);
|
|
18976
|
-
}
|
|
18977
|
-
|
|
18978
|
-
.pf-v5-c-switch__toggle-icon {
|
|
18979
|
-
position: absolute;
|
|
18980
|
-
inset-block-start: 0;
|
|
18981
|
-
inset-block-end: 0;
|
|
18982
|
-
inset-inline-start: var(--pf-v5-c-switch__toggle-icon--Left);
|
|
18983
|
-
display: flex;
|
|
18984
|
-
align-items: center;
|
|
18985
|
-
font-size: var(--pf-v5-c-switch__toggle-icon--FontSize);
|
|
18986
|
-
color: var(--pf-v5-c-switch__toggle-icon--Color);
|
|
18969
|
+
.pf-v5-c-content dl {
|
|
18970
|
+
display: grid;
|
|
18971
|
+
grid-template-columns: 1fr;
|
|
18987
18972
|
}
|
|
18988
18973
|
|
|
18989
|
-
|
|
18990
|
-
|
|
18991
|
-
|
|
18992
|
-
|
|
18993
|
-
|
|
18974
|
+
@media screen and (min-width: 576px) {
|
|
18975
|
+
.pf-v5-c-content dl {
|
|
18976
|
+
grid-template: auto/auto 1fr;
|
|
18977
|
+
grid-row-gap: var(--pf-v5-c-content--dl--RowGap);
|
|
18978
|
+
grid-column-gap: var(--pf-v5-c-content--dl--ColumnGap);
|
|
18979
|
+
}
|
|
18980
|
+
}
|
|
18981
|
+
.pf-v5-c-content dt {
|
|
18982
|
+
font-weight: var(--pf-v5-c-content--dt--FontWeight);
|
|
18994
18983
|
}
|
|
18995
18984
|
|
|
18996
|
-
|
|
18997
|
-
|
|
18998
|
-
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
|
|
18999
|
-
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
|
|
19000
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: none;
|
|
19001
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
18985
|
+
.pf-v5-c-content dt:not(:first-child) {
|
|
18986
|
+
margin-block-start: var(--pf-v5-c-content--dt--MarginTop);
|
|
19002
18987
|
}
|
|
19003
18988
|
|
|
18989
|
+
@media screen and (min-width: 576px) {
|
|
18990
|
+
.pf-v5-c-content dt:not(:first-child) {
|
|
18991
|
+
--pf-v5-c-content--dt--MarginTop: var(--pf-v5-c-content--dt--sm--MarginTop);
|
|
18992
|
+
}
|
|
18993
|
+
}
|
|
18994
|
+
@media screen and (min-width: 576px) {
|
|
18995
|
+
.pf-v5-c-content dt {
|
|
18996
|
+
grid-column: 1;
|
|
18997
|
+
}
|
|
18998
|
+
}
|
|
18999
|
+
@media screen and (min-width: 576px) {
|
|
19000
|
+
.pf-v5-c-content dd {
|
|
19001
|
+
grid-column: 2;
|
|
19002
|
+
}
|
|
19003
|
+
}
|
|
19004
19004
|
.pf-v5-c-tile {
|
|
19005
19005
|
--pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
19006
19006
|
--pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
@@ -21970,114 +21970,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
21970
21970
|
color: var(--pf-v5-global--Color--100);
|
|
21971
21971
|
}
|
|
21972
21972
|
|
|
21973
|
-
.pf-v5-c-truncate {
|
|
21974
|
-
--pf-v5-c-truncate--MinWidth: 12ch;
|
|
21975
|
-
--pf-v5-c-truncate__start--MinWidth: 6ch;
|
|
21976
|
-
display: inline-grid;
|
|
21977
|
-
grid-auto-flow: column;
|
|
21978
|
-
align-items: baseline;
|
|
21979
|
-
min-width: var(--pf-v5-c-truncate--MinWidth);
|
|
21980
|
-
}
|
|
21981
|
-
|
|
21982
|
-
.pf-v5-c-truncate__start,
|
|
21983
|
-
.pf-v5-c-truncate__end {
|
|
21984
|
-
overflow: hidden;
|
|
21985
|
-
text-overflow: ellipsis;
|
|
21986
|
-
white-space: nowrap;
|
|
21987
|
-
}
|
|
21988
|
-
|
|
21989
|
-
.pf-v5-c-truncate__start {
|
|
21990
|
-
min-width: var(--pf-v5-c-truncate__start--MinWidth);
|
|
21991
|
-
}
|
|
21992
|
-
|
|
21993
|
-
.pf-v5-c-truncate__end {
|
|
21994
|
-
direction: rtl;
|
|
21995
|
-
}
|
|
21996
|
-
|
|
21997
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
|
|
21998
|
-
direction: ltr;
|
|
21999
|
-
}
|
|
22000
|
-
|
|
22001
|
-
.pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
|
|
22002
|
-
overflow: visible;
|
|
22003
|
-
direction: ltr;
|
|
22004
|
-
}
|
|
22005
|
-
|
|
22006
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
|
|
22007
|
-
direction: rtl;
|
|
22008
|
-
}
|
|
22009
|
-
|
|
22010
|
-
@supports (-webkit-hyphens: none) {
|
|
22011
|
-
.pf-v5-c-truncate__end {
|
|
22012
|
-
direction: ltr;
|
|
22013
|
-
}
|
|
22014
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
|
|
22015
|
-
direction: rtl;
|
|
22016
|
-
}
|
|
22017
|
-
}
|
|
22018
|
-
.pf-v5-c-alert-group {
|
|
22019
|
-
--pf-v5-c-alert-group__item--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
22020
|
-
--pf-v5-c-alert-group--m-toast--Top: var(--pf-v5-global--spacer--2xl);
|
|
22021
|
-
--pf-v5-c-alert-group--m-toast--Right: var(--pf-v5-global--spacer--xl);
|
|
22022
|
-
--pf-v5-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
22023
|
-
--pf-v5-c-alert-group--m-toast--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
22024
|
-
--pf-v5-c-alert-group__overflow-button--BorderWidth: 0;
|
|
22025
|
-
--pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
22026
|
-
--pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
22027
|
-
--pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
22028
|
-
--pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
22029
|
-
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-global--link--Color);
|
|
22030
|
-
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
22031
|
-
--pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
22032
|
-
--pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-v5-global--link--Color--hover);
|
|
22033
|
-
--pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
|
|
22034
|
-
--pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-v5-global--link--Color--hover);
|
|
22035
|
-
--pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
|
|
22036
|
-
--pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-v5-global--link--Color--hover);
|
|
22037
|
-
--pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
|
|
22038
|
-
}
|
|
22039
|
-
|
|
22040
|
-
.pf-v5-c-alert-group > * + * {
|
|
22041
|
-
margin-block-start: var(--pf-v5-c-alert-group__item--MarginTop);
|
|
22042
|
-
}
|
|
22043
|
-
|
|
22044
|
-
.pf-v5-c-alert-group.pf-m-toast {
|
|
22045
|
-
position: fixed;
|
|
22046
|
-
inset-block-start: var(--pf-v5-c-alert-group--m-toast--Top);
|
|
22047
|
-
inset-inline-end: var(--pf-v5-c-alert-group--m-toast--Right);
|
|
22048
|
-
z-index: var(--pf-v5-c-alert-group--m-toast--ZIndex);
|
|
22049
|
-
width: calc(100% - var(--pf-v5-c-alert-group--m-toast--Right) * 2);
|
|
22050
|
-
max-width: var(--pf-v5-c-alert-group--m-toast--MaxWidth);
|
|
22051
|
-
}
|
|
22052
|
-
|
|
22053
|
-
.pf-v5-c-alert-group__overflow-button {
|
|
22054
|
-
position: relative;
|
|
22055
|
-
width: 100%;
|
|
22056
|
-
padding-block-start: var(--pf-v5-c-alert-group__overflow-button--PaddingTop);
|
|
22057
|
-
padding-block-end: var(--pf-v5-c-alert-group__overflow-button--PaddingBottom);
|
|
22058
|
-
padding-inline-start: var(--pf-v5-c-alert-group__overflow-button--PaddingLeft);
|
|
22059
|
-
padding-inline-end: var(--pf-v5-c-alert-group__overflow-button--PaddingRight);
|
|
22060
|
-
color: var(--pf-v5-c-alert-group__overflow-button--Color);
|
|
22061
|
-
background-color: var(--pf-v5-c-alert-group__overflow-button--BackgroundColor);
|
|
22062
|
-
border-width: var(--pf-v5-c-alert-group__overflow-button--BorderWidth);
|
|
22063
|
-
box-shadow: var(--pf-v5-c-alert-group__overflow-button--BoxShadow);
|
|
22064
|
-
}
|
|
22065
|
-
|
|
22066
|
-
.pf-v5-c-alert-group__overflow-button:hover {
|
|
22067
|
-
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--hover--Color);
|
|
22068
|
-
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow);
|
|
22069
|
-
}
|
|
22070
|
-
|
|
22071
|
-
.pf-v5-c-alert-group__overflow-button:focus {
|
|
22072
|
-
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--focus--Color);
|
|
22073
|
-
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--focus--BoxShadow);
|
|
22074
|
-
}
|
|
22075
|
-
|
|
22076
|
-
.pf-v5-c-alert-group__overflow-button:active {
|
|
22077
|
-
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--active--Color);
|
|
22078
|
-
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--active--BoxShadow);
|
|
22079
|
-
}
|
|
22080
|
-
|
|
22081
21973
|
.pf-v5-c-panel {
|
|
22082
21974
|
--pf-v5-c-panel--Width: auto;
|
|
22083
21975
|
--pf-v5-c-panel--MinWidth: auto;
|
|
@@ -22173,6 +22065,114 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
22173
22065
|
--pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
22174
22066
|
}
|
|
22175
22067
|
|
|
22068
|
+
.pf-v5-c-alert-group {
|
|
22069
|
+
--pf-v5-c-alert-group__item--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
22070
|
+
--pf-v5-c-alert-group--m-toast--Top: var(--pf-v5-global--spacer--2xl);
|
|
22071
|
+
--pf-v5-c-alert-group--m-toast--Right: var(--pf-v5-global--spacer--xl);
|
|
22072
|
+
--pf-v5-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
22073
|
+
--pf-v5-c-alert-group--m-toast--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
22074
|
+
--pf-v5-c-alert-group__overflow-button--BorderWidth: 0;
|
|
22075
|
+
--pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
22076
|
+
--pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
22077
|
+
--pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
22078
|
+
--pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
22079
|
+
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-global--link--Color);
|
|
22080
|
+
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
22081
|
+
--pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
22082
|
+
--pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-v5-global--link--Color--hover);
|
|
22083
|
+
--pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
|
|
22084
|
+
--pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-v5-global--link--Color--hover);
|
|
22085
|
+
--pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
|
|
22086
|
+
--pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-v5-global--link--Color--hover);
|
|
22087
|
+
--pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
|
|
22088
|
+
}
|
|
22089
|
+
|
|
22090
|
+
.pf-v5-c-alert-group > * + * {
|
|
22091
|
+
margin-block-start: var(--pf-v5-c-alert-group__item--MarginTop);
|
|
22092
|
+
}
|
|
22093
|
+
|
|
22094
|
+
.pf-v5-c-alert-group.pf-m-toast {
|
|
22095
|
+
position: fixed;
|
|
22096
|
+
inset-block-start: var(--pf-v5-c-alert-group--m-toast--Top);
|
|
22097
|
+
inset-inline-end: var(--pf-v5-c-alert-group--m-toast--Right);
|
|
22098
|
+
z-index: var(--pf-v5-c-alert-group--m-toast--ZIndex);
|
|
22099
|
+
width: calc(100% - var(--pf-v5-c-alert-group--m-toast--Right) * 2);
|
|
22100
|
+
max-width: var(--pf-v5-c-alert-group--m-toast--MaxWidth);
|
|
22101
|
+
}
|
|
22102
|
+
|
|
22103
|
+
.pf-v5-c-alert-group__overflow-button {
|
|
22104
|
+
position: relative;
|
|
22105
|
+
width: 100%;
|
|
22106
|
+
padding-block-start: var(--pf-v5-c-alert-group__overflow-button--PaddingTop);
|
|
22107
|
+
padding-block-end: var(--pf-v5-c-alert-group__overflow-button--PaddingBottom);
|
|
22108
|
+
padding-inline-start: var(--pf-v5-c-alert-group__overflow-button--PaddingLeft);
|
|
22109
|
+
padding-inline-end: var(--pf-v5-c-alert-group__overflow-button--PaddingRight);
|
|
22110
|
+
color: var(--pf-v5-c-alert-group__overflow-button--Color);
|
|
22111
|
+
background-color: var(--pf-v5-c-alert-group__overflow-button--BackgroundColor);
|
|
22112
|
+
border-width: var(--pf-v5-c-alert-group__overflow-button--BorderWidth);
|
|
22113
|
+
box-shadow: var(--pf-v5-c-alert-group__overflow-button--BoxShadow);
|
|
22114
|
+
}
|
|
22115
|
+
|
|
22116
|
+
.pf-v5-c-alert-group__overflow-button:hover {
|
|
22117
|
+
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--hover--Color);
|
|
22118
|
+
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow);
|
|
22119
|
+
}
|
|
22120
|
+
|
|
22121
|
+
.pf-v5-c-alert-group__overflow-button:focus {
|
|
22122
|
+
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--focus--Color);
|
|
22123
|
+
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--focus--BoxShadow);
|
|
22124
|
+
}
|
|
22125
|
+
|
|
22126
|
+
.pf-v5-c-alert-group__overflow-button:active {
|
|
22127
|
+
--pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--active--Color);
|
|
22128
|
+
--pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--active--BoxShadow);
|
|
22129
|
+
}
|
|
22130
|
+
|
|
22131
|
+
.pf-v5-c-truncate {
|
|
22132
|
+
--pf-v5-c-truncate--MinWidth: 12ch;
|
|
22133
|
+
--pf-v5-c-truncate__start--MinWidth: 6ch;
|
|
22134
|
+
display: inline-grid;
|
|
22135
|
+
grid-auto-flow: column;
|
|
22136
|
+
align-items: baseline;
|
|
22137
|
+
min-width: var(--pf-v5-c-truncate--MinWidth);
|
|
22138
|
+
}
|
|
22139
|
+
|
|
22140
|
+
.pf-v5-c-truncate__start,
|
|
22141
|
+
.pf-v5-c-truncate__end {
|
|
22142
|
+
overflow: hidden;
|
|
22143
|
+
text-overflow: ellipsis;
|
|
22144
|
+
white-space: nowrap;
|
|
22145
|
+
}
|
|
22146
|
+
|
|
22147
|
+
.pf-v5-c-truncate__start {
|
|
22148
|
+
min-width: var(--pf-v5-c-truncate__start--MinWidth);
|
|
22149
|
+
}
|
|
22150
|
+
|
|
22151
|
+
.pf-v5-c-truncate__end {
|
|
22152
|
+
direction: rtl;
|
|
22153
|
+
}
|
|
22154
|
+
|
|
22155
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
|
|
22156
|
+
direction: ltr;
|
|
22157
|
+
}
|
|
22158
|
+
|
|
22159
|
+
.pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
|
|
22160
|
+
overflow: visible;
|
|
22161
|
+
direction: ltr;
|
|
22162
|
+
}
|
|
22163
|
+
|
|
22164
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
|
|
22165
|
+
direction: rtl;
|
|
22166
|
+
}
|
|
22167
|
+
|
|
22168
|
+
@supports (-webkit-hyphens: none) {
|
|
22169
|
+
.pf-v5-c-truncate__end {
|
|
22170
|
+
direction: ltr;
|
|
22171
|
+
}
|
|
22172
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
|
|
22173
|
+
direction: rtl;
|
|
22174
|
+
}
|
|
22175
|
+
}
|
|
22176
22176
|
.pf-v5-l-flex {
|
|
22177
22177
|
--pf-v5-l-flex--Display: flex;
|
|
22178
22178
|
--pf-v5-l-flex--FlexWrap: wrap;
|