@patternfly/react-styles 6.0.0-alpha.31 → 6.0.0-alpha.33
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/components/Alert/alert.css +3 -3
- package/css/components/Button/button.css +34 -42
- package/css/components/Card/card.css +3 -3
- package/css/components/DataList/data-list.css +1 -1
- package/css/components/Form/form.css +2 -2
- package/css/components/FormControl/form-control.css +14 -15
- package/css/components/Masthead/masthead.css +194 -96
- package/css/components/MenuToggle/menu-toggle.css +16 -26
- package/css/components/Nav/nav.css +5 -4
- package/css/components/Nav/nav.d.ts +1 -1
- package/css/components/Nav/nav.js +1 -1
- package/css/components/Nav/nav.mjs +1 -1
- package/css/components/Page/page.css +32 -18
- package/css/components/Table/table.css +4 -4
- package/css/components/TextInputGroup/text-input-group.css +11 -13
- package/css/components/Wizard/wizard.css +1 -1
- package/css/components/_index.css +320 -228
- package/css/components/_index.d.ts +1 -0
- package/css/components/_index.js +1 -0
- package/css/components/_index.mjs +1 -0
- package/package.json +3 -3
@@ -391,14 +391,14 @@
|
|
391
391
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
392
392
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
393
393
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
394
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default)
|
395
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default)
|
394
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
395
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
396
396
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
397
397
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
398
398
|
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
399
399
|
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
400
400
|
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
401
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--
|
401
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
402
402
|
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
403
403
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
404
404
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
@@ -1409,10 +1409,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
1409
1409
|
--pf-v6-c-button--AlignItems: baseline;
|
1410
1410
|
--pf-v6-c-button--JustifyContent: center;
|
1411
1411
|
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
1412
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--
|
1413
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1414
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
1415
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
1412
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
1413
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
1414
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
1415
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
1416
1416
|
--pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
|
1417
1417
|
--pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
|
1418
1418
|
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
|
@@ -1471,8 +1471,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
1471
1471
|
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
1472
1472
|
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
1473
1473
|
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
|
1474
|
-
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1475
|
-
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--
|
1474
|
+
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
1475
|
+
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
1476
1476
|
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
|
1477
1477
|
--pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
1478
1478
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
@@ -1509,17 +1509,15 @@ button.pf-v6-c-breadcrumb__link {
|
|
1509
1509
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
1510
1510
|
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
1511
1511
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
1512
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--
|
1513
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--
|
1512
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
1513
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
1514
1514
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
1515
|
-
--pf-v6-c-button--m-plain--
|
1516
|
-
--pf-v6-c-button--m-plain--
|
1517
|
-
--pf-v6-c-button--m-plain--
|
1518
|
-
--pf-v6-c-button--m-
|
1519
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
|
1520
|
-
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
|
1515
|
+
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
1516
|
+
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
1517
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
1518
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
|
1521
1519
|
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
1522
|
-
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--
|
1520
|
+
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
|
1523
1521
|
--pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
|
1524
1522
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
1525
1523
|
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
@@ -1527,10 +1525,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
1527
1525
|
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
1528
1526
|
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
1529
1527
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
1530
|
-
--pf-v6-c-button--m-plain--m-small--
|
1531
|
-
--pf-v6-c-button--m-plain--m-small--
|
1532
|
-
--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
1533
|
-
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
1528
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
1529
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
1534
1530
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
1535
1531
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
1536
1532
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
@@ -1541,8 +1537,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
1541
1537
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
1542
1538
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
1543
1539
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
1544
|
-
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--
|
1545
|
-
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1540
|
+
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
1541
|
+
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
1546
1542
|
--pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
|
1547
1543
|
--pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
1548
1544
|
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
|
@@ -1559,8 +1555,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
1559
1555
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
1560
1556
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
1561
1557
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
1562
|
-
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--
|
1563
|
-
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1558
|
+
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
1559
|
+
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
1564
1560
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
1565
1561
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
1566
1562
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
@@ -1603,16 +1599,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
1603
1599
|
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
|
1604
1600
|
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
|
1605
1601
|
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
|
1606
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--
|
1607
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1608
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--
|
1609
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--
|
1602
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
|
1603
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
1604
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
1605
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
1610
1606
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
1611
1607
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
|
1612
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
1613
|
-
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1614
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
1615
|
-
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--
|
1608
|
+
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
1609
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
1610
|
+
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
1611
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
1616
1612
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
1617
1613
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
1618
1614
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
@@ -1629,12 +1625,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
1629
1625
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
1630
1626
|
--pf-v6-c-button__progress--TranslateX: 0;
|
1631
1627
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
1632
|
-
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--
|
1628
|
+
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
1633
1629
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
1634
|
-
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--
|
1635
|
-
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
1636
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--
|
1637
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
1630
|
+
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
1631
|
+
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
1632
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
1633
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
|
1638
1634
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
1639
1635
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
1640
1636
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
@@ -1873,9 +1869,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1873
1869
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
1874
1870
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
1875
1871
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
|
1876
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
|
1877
1872
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
|
1878
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
|
1879
1873
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
|
1880
1874
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
|
1881
1875
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
|
@@ -1885,9 +1879,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1885
1879
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
|
1886
1880
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
|
1887
1881
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
|
1888
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
|
1889
1882
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
|
1890
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
|
1891
1883
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
1892
1884
|
min-width: var(--pf-v6-c-button--m-plain--MinWidth);
|
1893
1885
|
}
|
@@ -1895,9 +1887,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1895
1887
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
1896
1888
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
1897
1889
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
1898
|
-
--pf-v6-c-button--
|
1890
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
1891
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
1899
1892
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
1900
|
-
--pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
1901
1893
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
1902
1894
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
1903
1895
|
}
|
@@ -2230,7 +2222,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2230
2222
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
2231
2223
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
2232
2224
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
2233
|
-
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--
|
2225
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
2234
2226
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
2235
2227
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
2236
2228
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
@@ -2273,8 +2265,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2273
2265
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
2274
2266
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
2275
2267
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
2276
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--
|
2277
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--
|
2268
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
2269
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
2278
2270
|
}
|
2279
2271
|
|
2280
2272
|
.pf-v6-c-card {
|
@@ -3641,7 +3633,7 @@ ul) {
|
|
3641
3633
|
--pf-v6-c-data-list--cell--WhiteSpace: normal;
|
3642
3634
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
3643
3635
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
3644
|
-
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--
|
3636
|
+
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
3645
3637
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
3646
3638
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
3647
3639
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
@@ -6346,8 +6338,8 @@ ul) {
|
|
6346
6338
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
6347
6339
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
6348
6340
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
6349
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-
|
6350
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-
|
6341
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
6342
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
6351
6343
|
--pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
|
6352
6344
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
6353
6345
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
@@ -6824,7 +6816,7 @@ ul) {
|
|
6824
6816
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
6825
6817
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
6826
6818
|
--pf-v6-c-form-control--Width: 100%;
|
6827
|
-
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--
|
6819
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
6828
6820
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
6829
6821
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
6830
6822
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
@@ -6850,35 +6842,34 @@ ul) {
|
|
6850
6842
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
6851
6843
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
6852
6844
|
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
6853
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-
|
6845
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
6854
6846
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
6855
6847
|
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
6856
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-
|
6848
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
6857
6849
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
6858
6850
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
6859
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-
|
6851
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
6860
6852
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
6861
6853
|
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
6862
6854
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
6863
|
-
--pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--
|
6855
|
+
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
6864
6856
|
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
6865
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-
|
6866
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-
|
6867
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-
|
6868
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-
|
6869
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-
|
6857
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
6858
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
6859
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
6860
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
6861
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
6870
6862
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
6871
6863
|
--pf-v6-c-form-control--textarea--Height: auto;
|
6872
|
-
--pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
6873
6864
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
6865
|
+
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
6874
6866
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
6875
6867
|
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
6876
6868
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
6877
6869
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
6878
6870
|
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
6879
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-
|
6871
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
6880
6872
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
6881
|
-
--pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
6882
6873
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
6883
6874
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
6884
6875
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
@@ -7046,7 +7037,7 @@ ul) {
|
|
7046
7037
|
}
|
7047
7038
|
|
7048
7039
|
.pf-v6-c-form-control__icon {
|
7049
|
-
|
7040
|
+
font-size: var(--pf-v6-c-form-control__icon--FontSize);
|
7050
7041
|
color: var(--pf-v6-c-form-control__icon--Color);
|
7051
7042
|
}
|
7052
7043
|
.pf-v6-c-form-control__icon.pf-m-status {
|
@@ -7056,7 +7047,6 @@ ul) {
|
|
7056
7047
|
.pf-v6-c-form-control__toggle-icon {
|
7057
7048
|
grid-row: 1/2;
|
7058
7049
|
grid-column: 3;
|
7059
|
-
padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
|
7060
7050
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
7061
7051
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
7062
7052
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
@@ -7069,6 +7059,7 @@ ul) {
|
|
7069
7059
|
grid-row: 1/2;
|
7070
7060
|
grid-column: 2;
|
7071
7061
|
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
7062
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
7072
7063
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
7073
7064
|
pointer-events: none;
|
7074
7065
|
}
|
@@ -8835,44 +8826,61 @@ ul.pf-v6-c-list {
|
|
8835
8826
|
|
8836
8827
|
:where(:root, .pf-v6-c-masthead) {
|
8837
8828
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
8838
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--
|
8829
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
8839
8830
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
8840
8831
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
8841
8832
|
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
|
8842
8833
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
8843
8834
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
8844
|
-
--pf-v6-c-
|
8845
|
-
--pf-v6-c-
|
8835
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
8836
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
8837
|
+
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
8838
|
+
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
8846
8839
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
8840
|
+
--pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
|
8841
|
+
--pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
8847
8842
|
--pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
|
8848
|
-
--pf-v6-c-masthead--m-display-
|
8849
|
-
--pf-v6-c-masthead--m-display-
|
8850
|
-
--pf-v6-c-masthead--m-display-
|
8851
|
-
--pf-v6-c-masthead--m-display-
|
8852
|
-
--pf-v6-c-masthead--m-display-stack__content--GridColumn:
|
8843
|
+
--pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
|
8844
|
+
--pf-v6-c-masthead--m-display-stack__brand--Order: -1;
|
8845
|
+
--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
8846
|
+
--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
8847
|
+
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 1;
|
8853
8848
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
8854
|
-
--pf-v6-c-masthead--m-display-
|
8855
|
-
--pf-v6-c-masthead--m-display-
|
8856
|
-
--pf-v6-c-masthead--m-display-
|
8857
|
-
--pf-v6-c-masthead--m-display-
|
8858
|
-
--pf-v6-c-masthead--m-display-
|
8859
|
-
--pf-v6-c-masthead--m-display-
|
8849
|
+
--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn: 2;
|
8850
|
+
--pf-v6-c-masthead--m-display-stack__main--Display: contents;
|
8851
|
+
--pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
|
8852
|
+
--pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
|
8853
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
8854
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
|
8855
|
+
--pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
|
8856
|
+
--pf-v6-c-masthead--m-display-inline__brand--Order: initial;
|
8857
|
+
--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
|
8858
|
+
--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
|
8859
|
+
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
8860
|
+
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
8860
8861
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
8862
|
+
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
8863
|
+
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
8864
|
+
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
8861
8865
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
8862
8866
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
8863
8867
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
8864
8868
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
8865
|
-
--pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
|
8866
8869
|
}
|
8867
8870
|
|
8868
8871
|
.pf-v6-c-masthead {
|
8872
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
8869
8873
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
8870
|
-
--pf-v6-c-
|
8871
|
-
--pf-v6-c-
|
8872
|
-
--pf-v6-c-
|
8873
|
-
--pf-v6-c-
|
8874
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
8875
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
8876
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
8877
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
8878
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
8874
8879
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
8875
8880
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
8881
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
8882
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
8883
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
8876
8884
|
display: grid;
|
8877
8885
|
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
8878
8886
|
row-gap: var(--pf-v6-c-masthead--RowGap);
|
@@ -8888,18 +8896,22 @@ ul.pf-v6-c-list {
|
|
8888
8896
|
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
8889
8897
|
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
8890
8898
|
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
8891
|
-
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
|
8892
8899
|
--pf-v6-c-toolbar__content--MinWidth: 0;
|
8893
8900
|
}
|
8894
8901
|
@media screen and (min-width: 48rem) {
|
8895
8902
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
8903
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
8896
8904
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
8905
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
8906
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
8907
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
8908
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
8897
8909
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
8898
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
8899
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
8900
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
8901
8910
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
8902
8911
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
8912
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
8913
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
8914
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
8903
8915
|
}
|
8904
8916
|
}
|
8905
8917
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
@@ -8912,22 +8924,32 @@ ul.pf-v6-c-list {
|
|
8912
8924
|
box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
|
8913
8925
|
}
|
8914
8926
|
.pf-v6-c-masthead.pf-m-display-stack {
|
8927
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
8915
8928
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
8916
|
-
--pf-v6-c-
|
8917
|
-
--pf-v6-c-
|
8918
|
-
--pf-v6-c-
|
8919
|
-
--pf-v6-c-
|
8929
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
8930
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
8931
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
8932
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
8933
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
8920
8934
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
8921
8935
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
8936
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
8937
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
8938
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
8922
8939
|
}
|
8923
8940
|
.pf-v6-c-masthead.pf-m-display-inline {
|
8941
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
8924
8942
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
8943
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
8944
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
8945
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
8946
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
8925
8947
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
8926
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
8927
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
8928
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
8929
8948
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
8930
8949
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
8950
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
8951
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
8952
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
8931
8953
|
}
|
8932
8954
|
.pf-v6-c-masthead.pf-m-inset-none {
|
8933
8955
|
padding-inline-start: 0;
|
@@ -8954,48 +8976,55 @@ ul.pf-v6-c-list {
|
|
8954
8976
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
8955
8977
|
}
|
8956
8978
|
|
8957
|
-
.pf-v6-c-masthead,
|
8958
8979
|
.pf-v6-c-masthead__main {
|
8980
|
+
display: var(--pf-v6-c-masthead__main--Display);
|
8981
|
+
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
8982
|
+
column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
|
8983
|
+
align-items: center;
|
8984
|
+
margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
|
8985
|
+
}
|
8986
|
+
.pf-v6-c-masthead__main:has(.pf-v6-c-masthead__toggle) ~ .pf-v6-c-masthead__content {
|
8987
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead__main--toggle--content--GridColumn);
|
8988
|
+
}
|
8989
|
+
|
8990
|
+
.pf-v6-c-masthead,
|
8991
|
+
.pf-v6-c-masthead__brand {
|
8959
8992
|
position: relative;
|
8960
8993
|
}
|
8961
8994
|
|
8962
|
-
.pf-v6-c-masthead__main,
|
8963
|
-
.pf-v6-c-masthead__content,
|
8964
|
-
.pf-v6-c-masthead__logo,
|
8965
8995
|
.pf-v6-c-masthead__brand {
|
8966
8996
|
display: flex;
|
8997
|
+
flex-shrink: 0;
|
8998
|
+
grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
|
8999
|
+
row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
|
8967
9000
|
align-self: stretch;
|
8968
|
-
|
8969
|
-
|
8970
|
-
.pf-v6-c-masthead__main,
|
8971
|
-
.pf-v6-c-masthead__brand,
|
8972
|
-
.pf-v6-c-masthead__content {
|
9001
|
+
order: var(--pf-v6-c-masthead__brand--Order, revert);
|
8973
9002
|
min-width: 0.25rem;
|
8974
|
-
|
8975
|
-
|
8976
|
-
.pf-v6-c-masthead__main {
|
8977
|
-
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
8978
|
-
row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
|
8979
|
-
align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
|
8980
|
-
order: var(--pf-v6-c-masthead__main--Order);
|
8981
|
-
padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
|
8982
|
-
border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
|
9003
|
+
padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
|
9004
|
+
border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
|
8983
9005
|
}
|
8984
9006
|
|
8985
9007
|
.pf-v6-c-masthead__content {
|
9008
|
+
display: flex;
|
8986
9009
|
flex-wrap: wrap;
|
8987
9010
|
grid-column: var(--pf-v6-c-masthead__content--GridColumn);
|
8988
9011
|
grid-column-end: -1;
|
8989
9012
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
8990
|
-
column-gap: var(--pf-v6-c-masthead__content
|
8991
|
-
align-
|
9013
|
+
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
9014
|
+
align-self: stretch;
|
8992
9015
|
order: var(--pf-v6-c-masthead__content--Order);
|
9016
|
+
min-width: 0.25rem;
|
8993
9017
|
}
|
8994
9018
|
|
8995
|
-
.pf-v6-c-
|
8996
|
-
|
8997
|
-
|
8998
|
-
|
9019
|
+
.pf-v6-c-masthead__logo {
|
9020
|
+
position: relative;
|
9021
|
+
width: var(--pf-v6-c-masthead__logo--Width);
|
9022
|
+
max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
|
9023
|
+
}
|
9024
|
+
.pf-v6-c-masthead__logo > * {
|
9025
|
+
max-width: 100%;
|
9026
|
+
max-height: 100%;
|
9027
|
+
vertical-align: middle;
|
8999
9028
|
}
|
9000
9029
|
|
9001
9030
|
.pf-v6-c-masthead__toggle {
|
@@ -9008,22 +9037,32 @@ ul.pf-v6-c-list {
|
|
9008
9037
|
}
|
9009
9038
|
|
9010
9039
|
.pf-v6-c-masthead.pf-m-display-stack {
|
9040
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
9011
9041
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
9012
|
-
--pf-v6-c-
|
9013
|
-
--pf-v6-c-
|
9014
|
-
--pf-v6-c-
|
9015
|
-
--pf-v6-c-
|
9042
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
9043
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
9044
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
9045
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
9046
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
9016
9047
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
9017
9048
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
9049
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
9050
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
9051
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
9018
9052
|
}
|
9019
9053
|
.pf-v6-c-masthead.pf-m-display-inline {
|
9054
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
9020
9055
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
9056
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
9057
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
9058
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
9059
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
9021
9060
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
9022
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
9023
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
9024
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
9025
9061
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
9026
9062
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
9063
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
9064
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
9065
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
9027
9066
|
}
|
9028
9067
|
.pf-v6-c-masthead.pf-m-inset-none {
|
9029
9068
|
padding-inline-start: 0;
|
@@ -9051,22 +9090,32 @@ ul.pf-v6-c-list {
|
|
9051
9090
|
}
|
9052
9091
|
@media (min-width: 36rem) {
|
9053
9092
|
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
9093
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
9054
9094
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
9055
|
-
--pf-v6-c-
|
9056
|
-
--pf-v6-c-
|
9057
|
-
--pf-v6-c-
|
9058
|
-
--pf-v6-c-
|
9095
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
9096
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
9097
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
9098
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
9099
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
9059
9100
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
9060
9101
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
9102
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
9103
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
9104
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
9061
9105
|
}
|
9062
9106
|
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
9107
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
9063
9108
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
9109
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
9110
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
9111
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
9112
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
9064
9113
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
9065
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
9066
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
9067
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
9068
9114
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
9069
9115
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
9116
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
9117
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
9118
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
9070
9119
|
}
|
9071
9120
|
}
|
9072
9121
|
.pf-v6-c-masthead.pf-m-inset-none {
|
@@ -9095,22 +9144,32 @@ ul.pf-v6-c-list {
|
|
9095
9144
|
}
|
9096
9145
|
@media (min-width: 48rem) {
|
9097
9146
|
.pf-v6-c-masthead.pf-m-display-stack-on-md {
|
9147
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
9098
9148
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
9099
|
-
--pf-v6-c-
|
9100
|
-
--pf-v6-c-
|
9101
|
-
--pf-v6-c-
|
9102
|
-
--pf-v6-c-
|
9149
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
9150
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
9151
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
9152
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
9153
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
9103
9154
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
9104
9155
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
9156
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
9157
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
9158
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
9105
9159
|
}
|
9106
9160
|
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
9161
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
9107
9162
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
9163
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
9164
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
9165
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
9166
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
9108
9167
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
9109
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
9110
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
9111
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
9112
9168
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
9113
9169
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
9170
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
9171
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
9172
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
9114
9173
|
}
|
9115
9174
|
}
|
9116
9175
|
.pf-v6-c-masthead.pf-m-inset-none {
|
@@ -9139,22 +9198,32 @@ ul.pf-v6-c-list {
|
|
9139
9198
|
}
|
9140
9199
|
@media (min-width: 62rem) {
|
9141
9200
|
.pf-v6-c-masthead.pf-m-display-stack-on-lg {
|
9201
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
9142
9202
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
9143
|
-
--pf-v6-c-
|
9144
|
-
--pf-v6-c-
|
9145
|
-
--pf-v6-c-
|
9146
|
-
--pf-v6-c-
|
9203
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
9204
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
9205
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
9206
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
9207
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
9147
9208
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
9148
9209
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
9210
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
9211
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
9212
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
9149
9213
|
}
|
9150
9214
|
.pf-v6-c-masthead.pf-m-display-inline-on-lg {
|
9215
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
9151
9216
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
9217
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
9218
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
9219
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
9220
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
9152
9221
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
9153
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
9154
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
9155
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
9156
9222
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
9157
9223
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
9224
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
9225
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
9226
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
9158
9227
|
}
|
9159
9228
|
}
|
9160
9229
|
.pf-v6-c-masthead.pf-m-inset-none {
|
@@ -9183,22 +9252,32 @@ ul.pf-v6-c-list {
|
|
9183
9252
|
}
|
9184
9253
|
@media (min-width: 75rem) {
|
9185
9254
|
.pf-v6-c-masthead.pf-m-display-stack-on-xl {
|
9255
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
9186
9256
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
9187
|
-
--pf-v6-c-
|
9188
|
-
--pf-v6-c-
|
9189
|
-
--pf-v6-c-
|
9190
|
-
--pf-v6-c-
|
9257
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
9258
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
9259
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
9260
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
9261
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
9191
9262
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
9192
9263
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
9264
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
9265
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
9266
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
9193
9267
|
}
|
9194
9268
|
.pf-v6-c-masthead.pf-m-display-inline-on-xl {
|
9269
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
9195
9270
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
9271
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
9272
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
9273
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
9274
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
9196
9275
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
9197
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
9198
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
9199
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
9200
9276
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
9201
9277
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
9278
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
9279
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
9280
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
9202
9281
|
}
|
9203
9282
|
}
|
9204
9283
|
.pf-v6-c-masthead.pf-m-inset-none {
|
@@ -9227,22 +9306,32 @@ ul.pf-v6-c-list {
|
|
9227
9306
|
}
|
9228
9307
|
@media (min-width: 90.625rem) {
|
9229
9308
|
.pf-v6-c-masthead.pf-m-display-stack-on-2xl {
|
9309
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
9230
9310
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
9231
|
-
--pf-v6-c-
|
9232
|
-
--pf-v6-c-
|
9233
|
-
--pf-v6-c-
|
9234
|
-
--pf-v6-c-
|
9311
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
9312
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
9313
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
9314
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
9315
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
9235
9316
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
9236
9317
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
9318
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
9319
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
9320
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
9237
9321
|
}
|
9238
9322
|
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
9323
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
9239
9324
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
9325
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
9326
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
9327
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
9328
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
9240
9329
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
9241
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
9242
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
9243
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
9244
9330
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
9245
9331
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
9332
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
9333
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
9334
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
9246
9335
|
}
|
9247
9336
|
}
|
9248
9337
|
.pf-v6-c-masthead.pf-m-inset-none {
|
@@ -9853,10 +9942,10 @@ ul.pf-v6-c-list {
|
|
9853
9942
|
|
9854
9943
|
:where(:root, .pf-v6-c-menu-toggle) {
|
9855
9944
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
9856
|
-
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
9857
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--
|
9858
|
-
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
9859
|
-
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--
|
9945
|
+
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
9946
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
9947
|
+
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
9948
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
9860
9949
|
--pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
9861
9950
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
9862
9951
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
@@ -9883,15 +9972,9 @@ ul.pf-v6-c-list {
|
|
9883
9972
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
9884
9973
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
9885
9974
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
9886
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
9887
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
9975
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
9976
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
9888
9977
|
--pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
9889
|
-
--pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
9890
|
-
--pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
9891
|
-
--pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
9892
|
-
--pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
9893
|
-
--pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
9894
|
-
--pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
9895
9978
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
|
9896
9979
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
|
9897
9980
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
@@ -9922,8 +10005,8 @@ ul.pf-v6-c-list {
|
|
9922
10005
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
9923
10006
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
9924
10007
|
--pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
9925
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--
|
9926
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--
|
10008
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
10009
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
9927
10010
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
9928
10011
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
9929
10012
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
@@ -9937,8 +10020,8 @@ ul.pf-v6-c-list {
|
|
9937
10020
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
9938
10021
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
9939
10022
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
9940
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--
|
9941
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
10023
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
10024
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
9942
10025
|
--pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
9943
10026
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
9944
10027
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
@@ -9948,13 +10031,11 @@ ul.pf-v6-c-list {
|
|
9948
10031
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
9949
10032
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
9950
10033
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
9951
|
-
--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
9952
10034
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
9953
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
9954
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
9955
|
-
--pf-v6-c-menu-toggle--m-small--
|
9956
|
-
--pf-v6-c-menu-toggle--m-small--
|
9957
|
-
--pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
|
10035
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
10036
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
10037
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
10038
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
9958
10039
|
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
9959
10040
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
9960
10041
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
@@ -10082,9 +10163,8 @@ ul.pf-v6-c-list {
|
|
10082
10163
|
.pf-v6-c-menu-toggle.pf-m-small {
|
10083
10164
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
|
10084
10165
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
10085
|
-
--pf-v6-c-menu-toggle--
|
10086
|
-
--pf-v6-c-menu-toggle--
|
10087
|
-
--pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
|
10166
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
10167
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
10088
10168
|
}
|
10089
10169
|
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
10090
10170
|
background-color: transparent;
|
@@ -10187,7 +10267,6 @@ ul.pf-v6-c-list {
|
|
10187
10267
|
align-items: stretch;
|
10188
10268
|
}
|
10189
10269
|
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
|
10190
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd);
|
10191
10270
|
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
|
10192
10271
|
flex: 1;
|
10193
10272
|
}
|
@@ -10672,8 +10751,8 @@ ul.pf-v6-c-list {
|
|
10672
10751
|
--pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
10673
10752
|
--pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
10674
10753
|
--pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
10675
|
-
--pf-v6-c-nav--PaddingInlineStart:
|
10676
|
-
--pf-v6-c-nav--PaddingInlineEnd:
|
10754
|
+
--pf-v6-c-nav--PaddingInlineStart: 0;
|
10755
|
+
--pf-v6-c-nav--PaddingInlineEnd: 0;
|
10677
10756
|
--pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
|
10678
10757
|
--pf-v6-c-nav--ColumnGap: 0;
|
10679
10758
|
--pf-v6-c-nav--AlignItems: baseline;
|
@@ -10763,8 +10842,9 @@ ul.pf-v6-c-list {
|
|
10763
10842
|
.pf-v6-c-nav.pf-m-overflow-hidden {
|
10764
10843
|
overflow: hidden;
|
10765
10844
|
}
|
10766
|
-
.pf-v6-c-nav.pf-m-
|
10767
|
-
|
10845
|
+
.pf-v6-c-nav.pf-m-inset {
|
10846
|
+
--pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
10847
|
+
--pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
10768
10848
|
}
|
10769
10849
|
.pf-v6-c-nav.pf-m-fill {
|
10770
10850
|
flex-grow: 1;
|
@@ -11359,8 +11439,7 @@ ul.pf-v6-c-list {
|
|
11359
11439
|
|
11360
11440
|
:where(:root, .pf-v6-c-page) {
|
11361
11441
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
11362
|
-
--pf-v6-c-page--inset: var(--pf-t--global--spacer--
|
11363
|
-
--pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
|
11442
|
+
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
11364
11443
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
11365
11444
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
11366
11445
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
@@ -11374,6 +11453,7 @@ ul.pf-v6-c-list {
|
|
11374
11453
|
--pf-v6-c-page__sidebar--MarginInlineEnd: 0;
|
11375
11454
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
11376
11455
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
11456
|
+
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
11377
11457
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
11378
11458
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
11379
11459
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -11383,17 +11463,19 @@ ul.pf-v6-c-list {
|
|
11383
11463
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
11384
11464
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
11385
11465
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
11386
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd:
|
11387
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart:
|
11466
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
11467
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
11388
11468
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
11389
11469
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
11390
11470
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
11391
11471
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
11392
11472
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
11473
|
+
--pf-v6-c-page__main-container--GridArea: main;
|
11474
|
+
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
11393
11475
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
11394
11476
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11395
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-
|
11396
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-
|
11477
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
11478
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
11397
11479
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
11398
11480
|
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
11399
11481
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
@@ -11434,11 +11516,6 @@ ul.pf-v6-c-list {
|
|
11434
11516
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
11435
11517
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
11436
11518
|
}
|
11437
|
-
@media (min-width: 75rem) {
|
11438
|
-
:where(:root, .pf-v6-c-page) {
|
11439
|
-
--pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
|
11440
|
-
}
|
11441
|
-
}
|
11442
11519
|
@media screen and (min-width: 75rem) {
|
11443
11520
|
:where(:root, .pf-v6-c-page) {
|
11444
11521
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
@@ -11458,7 +11535,7 @@ ul.pf-v6-c-list {
|
|
11458
11535
|
@media (min-width: 75rem) {
|
11459
11536
|
.pf-v6-c-page {
|
11460
11537
|
grid-template-areas: "header header" "sidebar main";
|
11461
|
-
grid-template-columns:
|
11538
|
+
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
11462
11539
|
}
|
11463
11540
|
}
|
11464
11541
|
|
@@ -11466,6 +11543,11 @@ ul.pf-v6-c-list {
|
|
11466
11543
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
11467
11544
|
grid-area: header;
|
11468
11545
|
}
|
11546
|
+
@media (min-width: 75rem) {
|
11547
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
11548
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
11549
|
+
}
|
11550
|
+
}
|
11469
11551
|
|
11470
11552
|
.pf-v6-c-page__sidebar {
|
11471
11553
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
@@ -11478,6 +11560,7 @@ ul.pf-v6-c-list {
|
|
11478
11560
|
padding-block-start: 0;
|
11479
11561
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
11480
11562
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
11563
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
11481
11564
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
11482
11565
|
overflow-x: hidden;
|
11483
11566
|
overflow-y: auto;
|
@@ -11749,26 +11832,37 @@ ul.pf-v6-c-list {
|
|
11749
11832
|
flex-direction: column;
|
11750
11833
|
align-self: start;
|
11751
11834
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
11752
|
-
margin-block-start: 0;
|
11753
11835
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
11754
11836
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
11755
|
-
overflow: auto;
|
11756
11837
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
11757
11838
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
11758
11839
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
11759
11840
|
}
|
11760
|
-
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
11761
|
-
align-self: stretch;
|
11762
|
-
}
|
11763
11841
|
|
11764
11842
|
.pf-v6-c-page__main-container,
|
11765
11843
|
.pf-v6-c-page__drawer {
|
11766
11844
|
z-index: var(--pf-v6-c-page__main-container--ZIndex);
|
11767
|
-
grid-area:
|
11845
|
+
grid-area: var(--pf-v6-c-page__main-container--GridArea);
|
11768
11846
|
overflow-x: hidden;
|
11769
11847
|
overflow-y: auto;
|
11770
11848
|
-webkit-overflow-scrolling: touch;
|
11771
11849
|
}
|
11850
|
+
@media screen and (min-width: 75rem) {
|
11851
|
+
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
11852
|
+
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
11853
|
+
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
11854
|
+
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
11855
|
+
}
|
11856
|
+
.pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__main-container,
|
11857
|
+
.pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__drawer {
|
11858
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
11859
|
+
}
|
11860
|
+
}
|
11861
|
+
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard),
|
11862
|
+
.pf-v6-c-page__drawer.pf-m-fill,
|
11863
|
+
.pf-v6-c-page__drawer:has(.pf-v6-c-page__main-wizard) {
|
11864
|
+
align-self: stretch;
|
11865
|
+
}
|
11772
11866
|
.pf-v6-c-page__main-container:focus,
|
11773
11867
|
.pf-v6-c-page__drawer:focus {
|
11774
11868
|
outline: 0;
|
@@ -16225,8 +16319,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16225
16319
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
16226
16320
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
16227
16321
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
16228
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--
|
16229
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--
|
16322
|
+
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
|
16323
|
+
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
|
16230
16324
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
16231
16325
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
16232
16326
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
@@ -16676,10 +16770,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
16676
16770
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
16677
16771
|
}
|
16678
16772
|
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
|
16679
|
-
--pf-v6-c-button--m-
|
16773
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
16680
16774
|
}
|
16681
16775
|
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
16682
|
-
--pf-v6-c-button--
|
16776
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
16683
16777
|
}
|
16684
16778
|
|
16685
16779
|
.pf-v6-c-table__draggable .pf-v6-c-button {
|
@@ -18668,8 +18762,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18668
18762
|
--pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
18669
18763
|
--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
18670
18764
|
--pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
18671
|
-
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--
|
18672
|
-
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
18765
|
+
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
|
18766
|
+
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
|
18673
18767
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
18674
18768
|
--pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
18675
18769
|
--pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
@@ -18678,18 +18772,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18678
18772
|
--pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
18679
18773
|
--pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
18680
18774
|
--pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
18681
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--
|
18682
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--
|
18683
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--
|
18684
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--
|
18685
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--
|
18686
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--
|
18687
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
18775
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
|
18776
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
|
18777
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
|
18778
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
18779
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
18780
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
18781
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
18688
18782
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
18689
18783
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
18690
18784
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
18691
18785
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
18692
18786
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
18787
|
+
--pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
18693
18788
|
--pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
|
18694
18789
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
18695
18790
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
@@ -18701,8 +18796,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18701
18796
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
18702
18797
|
--pf-v6-c-text-input-group__icon--TranslateY: -50%;
|
18703
18798
|
--pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
18704
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
18705
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
18706
18799
|
--pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
18707
18800
|
--pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
18708
18801
|
}
|
@@ -18782,8 +18875,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18782
18875
|
min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
|
18783
18876
|
}
|
18784
18877
|
.pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
18785
|
-
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
18786
|
-
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
18787
18878
|
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
18788
18879
|
}
|
18789
18880
|
.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
@@ -18804,6 +18895,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18804
18895
|
position: absolute;
|
18805
18896
|
inset-block-start: 50%;
|
18806
18897
|
inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
|
18898
|
+
font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
|
18807
18899
|
color: var(--pf-v6-c-text-input-group__icon--Color);
|
18808
18900
|
transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
|
18809
18901
|
}
|
@@ -21783,7 +21875,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
21783
21875
|
--pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
21784
21876
|
--pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
21785
21877
|
--pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
21786
|
-
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-
|
21878
|
+
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--spacer--control--vertical--plain));
|
21787
21879
|
--pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
21788
21880
|
--pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
21789
21881
|
--pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|