@patternfly/react-table 6.0.0-alpha.104 → 6.0.0-alpha.105
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/umd/assets/{output-r96A26C0.css → output-BmMRLd-q.css} +1999 -1999
- package/package.json +3 -3
|
@@ -1823,74 +1823,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
1823
1823
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
|
|
1824
1824
|
}
|
|
1825
1825
|
}
|
|
1826
|
-
:where(:root, .pf-v6-c-table) {
|
|
1827
|
-
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
1828
|
-
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
1829
|
-
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
1830
|
-
--pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
|
|
1831
|
-
--pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
|
|
1832
|
-
--pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1833
|
-
--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
1834
|
-
--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
1835
|
-
--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
1836
|
-
--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
1837
|
-
--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
|
|
1838
|
-
--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
|
|
1839
|
-
--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
|
|
1840
|
-
}
|
|
1841
|
-
|
|
1842
|
-
.pf-v6-c-table .pf-v6-c-table__sticky-cell {
|
|
1843
|
-
position: sticky;
|
|
1844
|
-
inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
|
|
1845
|
-
inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
|
|
1846
|
-
z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
|
|
1847
|
-
min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
|
|
1848
|
-
}
|
|
1849
|
-
|
|
1850
|
-
.pf-v6-c-table__sticky-cell {
|
|
1851
|
-
--pf-v6-c-table--cell--Overflow: visible;
|
|
1852
|
-
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
1853
|
-
background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
|
|
1854
|
-
background-clip: padding-box;
|
|
1855
|
-
}
|
|
1856
|
-
|
|
1857
|
-
.pf-v6-c-table__sticky-cell.pf-m-border-right::before {
|
|
1858
|
-
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
|
|
1859
|
-
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
|
|
1860
|
-
}
|
|
1861
|
-
|
|
1862
|
-
.pf-v6-c-table__sticky-cell.pf-m-border-left::before {
|
|
1863
|
-
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
|
|
1864
|
-
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
|
|
1865
|
-
}
|
|
1866
|
-
|
|
1867
|
-
.pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
|
|
1868
|
-
--pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
|
|
1869
|
-
}
|
|
1870
|
-
|
|
1871
|
-
.pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
|
|
1872
|
-
--pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
|
|
1873
|
-
}
|
|
1874
|
-
|
|
1875
|
-
.pf-v6-c-scroll-outer-wrapper {
|
|
1876
|
-
--pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
|
|
1877
|
-
--pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
|
|
1878
|
-
display: flex;
|
|
1879
|
-
flex-direction: column;
|
|
1880
|
-
max-width: 100%;
|
|
1881
|
-
min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
|
|
1882
|
-
max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
|
|
1883
|
-
overflow: hidden;
|
|
1884
|
-
}
|
|
1885
|
-
|
|
1886
|
-
.pf-v6-c-scroll-inner-wrapper {
|
|
1887
|
-
display: flex;
|
|
1888
|
-
flex-direction: column;
|
|
1889
|
-
max-width: 100%;
|
|
1890
|
-
max-height: 100%;
|
|
1891
|
-
overflow: auto;
|
|
1892
|
-
}
|
|
1893
|
-
|
|
1894
1826
|
:where(:root, .pf-v6-c-table[class*=pf-m-grid]) {
|
|
1895
1827
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
|
1896
1828
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -3511,6 +3443,166 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
3511
3443
|
--pf-v6-c-table--cell--Width: auto;
|
|
3512
3444
|
}
|
|
3513
3445
|
}
|
|
3446
|
+
:where(:root, .pf-v6-c-table) {
|
|
3447
|
+
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
3448
|
+
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
3449
|
+
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
3450
|
+
--pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
|
|
3451
|
+
--pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
|
|
3452
|
+
--pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3453
|
+
--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
3454
|
+
--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
3455
|
+
--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
3456
|
+
--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
3457
|
+
--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
|
|
3458
|
+
--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
|
|
3459
|
+
--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3462
|
+
.pf-v6-c-table .pf-v6-c-table__sticky-cell {
|
|
3463
|
+
position: sticky;
|
|
3464
|
+
inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
|
|
3465
|
+
inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
|
|
3466
|
+
z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
|
|
3467
|
+
min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
|
|
3468
|
+
}
|
|
3469
|
+
|
|
3470
|
+
.pf-v6-c-table__sticky-cell {
|
|
3471
|
+
--pf-v6-c-table--cell--Overflow: visible;
|
|
3472
|
+
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
3473
|
+
background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
|
|
3474
|
+
background-clip: padding-box;
|
|
3475
|
+
}
|
|
3476
|
+
|
|
3477
|
+
.pf-v6-c-table__sticky-cell.pf-m-border-right::before {
|
|
3478
|
+
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
|
|
3479
|
+
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
|
|
3480
|
+
}
|
|
3481
|
+
|
|
3482
|
+
.pf-v6-c-table__sticky-cell.pf-m-border-left::before {
|
|
3483
|
+
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
|
|
3484
|
+
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
|
|
3485
|
+
}
|
|
3486
|
+
|
|
3487
|
+
.pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
|
|
3488
|
+
--pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
|
|
3489
|
+
}
|
|
3490
|
+
|
|
3491
|
+
.pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
|
|
3492
|
+
--pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
|
|
3493
|
+
}
|
|
3494
|
+
|
|
3495
|
+
.pf-v6-c-scroll-outer-wrapper {
|
|
3496
|
+
--pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
|
|
3497
|
+
--pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
|
|
3498
|
+
display: flex;
|
|
3499
|
+
flex-direction: column;
|
|
3500
|
+
max-width: 100%;
|
|
3501
|
+
min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
|
|
3502
|
+
max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
|
|
3503
|
+
overflow: hidden;
|
|
3504
|
+
}
|
|
3505
|
+
|
|
3506
|
+
.pf-v6-c-scroll-inner-wrapper {
|
|
3507
|
+
display: flex;
|
|
3508
|
+
flex-direction: column;
|
|
3509
|
+
max-width: 100%;
|
|
3510
|
+
max-height: 100%;
|
|
3511
|
+
overflow: auto;
|
|
3512
|
+
}
|
|
3513
|
+
|
|
3514
|
+
:where(:root, .pf-v6-c-inline-edit) {
|
|
3515
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
3516
|
+
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
3517
|
+
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
3518
|
+
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
3519
|
+
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
3520
|
+
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3521
|
+
}
|
|
3522
|
+
|
|
3523
|
+
.pf-v6-c-inline-edit__group {
|
|
3524
|
+
display: flex;
|
|
3525
|
+
align-items: baseline;
|
|
3526
|
+
}
|
|
3527
|
+
|
|
3528
|
+
.pf-v6-c-inline-edit__group > * {
|
|
3529
|
+
margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
|
|
3530
|
+
}
|
|
3531
|
+
|
|
3532
|
+
.pf-v6-c-inline-edit__group.pf-m-icon-group {
|
|
3533
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
|
|
3534
|
+
}
|
|
3535
|
+
|
|
3536
|
+
.pf-v6-c-inline-edit__group.pf-m-footer {
|
|
3537
|
+
margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
|
|
3538
|
+
}
|
|
3539
|
+
|
|
3540
|
+
.pf-v6-c-inline-edit__group.pf-m-column {
|
|
3541
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
3542
|
+
flex-direction: column;
|
|
3543
|
+
}
|
|
3544
|
+
|
|
3545
|
+
.pf-v6-c-inline-edit__group > :last-child {
|
|
3546
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
3547
|
+
}
|
|
3548
|
+
|
|
3549
|
+
.pf-v6-c-inline-edit__input {
|
|
3550
|
+
flex: 1;
|
|
3551
|
+
}
|
|
3552
|
+
|
|
3553
|
+
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
|
|
3554
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
|
|
3555
|
+
}
|
|
3556
|
+
|
|
3557
|
+
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
|
|
3558
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
|
|
3559
|
+
}
|
|
3560
|
+
|
|
3561
|
+
.pf-v6-c-inline-edit__input,
|
|
3562
|
+
.pf-v6-c-inline-edit__action,
|
|
3563
|
+
.pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
3564
|
+
display: none;
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3567
|
+
.pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
3568
|
+
display: inline-block;
|
|
3569
|
+
}
|
|
3570
|
+
|
|
3571
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
|
|
3572
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
|
|
3573
|
+
display: block;
|
|
3574
|
+
}
|
|
3575
|
+
|
|
3576
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
|
|
3577
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
|
|
3578
|
+
display: inline-block;
|
|
3579
|
+
}
|
|
3580
|
+
|
|
3581
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
|
|
3582
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
3583
|
+
display: inline-flex;
|
|
3584
|
+
}
|
|
3585
|
+
|
|
3586
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
3587
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
|
|
3588
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
3589
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
3590
|
+
display: none;
|
|
3591
|
+
}
|
|
3592
|
+
|
|
3593
|
+
.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
|
|
3594
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
3595
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
3596
|
+
}
|
|
3597
|
+
|
|
3598
|
+
.pf-v6-c-inline-edit__label.pf-m-bold {
|
|
3599
|
+
font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
|
|
3600
|
+
}
|
|
3601
|
+
|
|
3602
|
+
.pf-v6-c-inline-edit__editable-text br {
|
|
3603
|
+
display: none;
|
|
3604
|
+
}
|
|
3605
|
+
|
|
3514
3606
|
:where(:root, .pf-v6-c-form) {
|
|
3515
3607
|
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
3516
3608
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
@@ -4057,98 +4149,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
4057
4149
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
4058
4150
|
}
|
|
4059
4151
|
|
|
4060
|
-
:where(:root, .pf-v6-c-inline-edit) {
|
|
4061
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
4062
|
-
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
4063
|
-
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
4064
|
-
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
4065
|
-
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
4066
|
-
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
4067
|
-
}
|
|
4068
|
-
|
|
4069
|
-
.pf-v6-c-inline-edit__group {
|
|
4070
|
-
display: flex;
|
|
4071
|
-
align-items: baseline;
|
|
4072
|
-
}
|
|
4073
|
-
|
|
4074
|
-
.pf-v6-c-inline-edit__group > * {
|
|
4075
|
-
margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
|
|
4076
|
-
}
|
|
4077
|
-
|
|
4078
|
-
.pf-v6-c-inline-edit__group.pf-m-icon-group {
|
|
4079
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
|
|
4080
|
-
}
|
|
4081
|
-
|
|
4082
|
-
.pf-v6-c-inline-edit__group.pf-m-footer {
|
|
4083
|
-
margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
|
|
4084
|
-
}
|
|
4085
|
-
|
|
4086
|
-
.pf-v6-c-inline-edit__group.pf-m-column {
|
|
4087
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
4088
|
-
flex-direction: column;
|
|
4089
|
-
}
|
|
4090
|
-
|
|
4091
|
-
.pf-v6-c-inline-edit__group > :last-child {
|
|
4092
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
4093
|
-
}
|
|
4094
|
-
|
|
4095
|
-
.pf-v6-c-inline-edit__input {
|
|
4096
|
-
flex: 1;
|
|
4097
|
-
}
|
|
4098
|
-
|
|
4099
|
-
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
|
|
4100
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
|
|
4101
|
-
}
|
|
4102
|
-
|
|
4103
|
-
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
|
|
4104
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
|
|
4105
|
-
}
|
|
4106
|
-
|
|
4107
|
-
.pf-v6-c-inline-edit__input,
|
|
4108
|
-
.pf-v6-c-inline-edit__action,
|
|
4109
|
-
.pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
4110
|
-
display: none;
|
|
4111
|
-
}
|
|
4112
|
-
|
|
4113
|
-
.pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
4114
|
-
display: inline-block;
|
|
4115
|
-
}
|
|
4116
|
-
|
|
4117
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
|
|
4118
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
|
|
4119
|
-
display: block;
|
|
4120
|
-
}
|
|
4121
|
-
|
|
4122
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
|
|
4123
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
|
|
4124
|
-
display: inline-block;
|
|
4125
|
-
}
|
|
4126
|
-
|
|
4127
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
|
|
4128
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
4129
|
-
display: inline-flex;
|
|
4130
|
-
}
|
|
4131
|
-
|
|
4132
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
4133
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
|
|
4134
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
4135
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
4136
|
-
display: none;
|
|
4137
|
-
}
|
|
4138
|
-
|
|
4139
|
-
.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
|
|
4140
|
-
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
4141
|
-
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
4142
|
-
}
|
|
4143
|
-
|
|
4144
|
-
.pf-v6-c-inline-edit__label.pf-m-bold {
|
|
4145
|
-
font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
|
|
4146
|
-
}
|
|
4147
|
-
|
|
4148
|
-
.pf-v6-c-inline-edit__editable-text br {
|
|
4149
|
-
display: none;
|
|
4150
|
-
}
|
|
4151
|
-
|
|
4152
4152
|
:where(:root, .pf-v6-c-tooltip) {
|
|
4153
4153
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
4154
4154
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -6251,38 +6251,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6251
6251
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
6252
6252
|
}
|
|
6253
6253
|
|
|
6254
|
-
:where(:root, .pf-v6-c-action-list) {
|
|
6255
|
-
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6256
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
6257
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6258
|
-
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
6259
|
-
}
|
|
6260
|
-
|
|
6261
|
-
.pf-v6-c-action-list,
|
|
6262
|
-
.pf-v6-c-action-list__group {
|
|
6263
|
-
display: flex;
|
|
6264
|
-
align-items: start;
|
|
6265
|
-
}
|
|
6266
|
-
|
|
6267
|
-
.pf-v6-c-action-list {
|
|
6268
|
-
row-gap: var(--pf-v6-c-action-list--RowGap);
|
|
6269
|
-
column-gap: var(--pf-v6-c-action-list--ColumnGap);
|
|
6270
|
-
}
|
|
6271
|
-
|
|
6272
|
-
.pf-v6-c-action-list.pf-m-icons {
|
|
6273
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
6274
|
-
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
6275
|
-
}
|
|
6276
|
-
|
|
6277
|
-
.pf-v6-c-action-list__group {
|
|
6278
|
-
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
|
|
6279
|
-
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
|
|
6280
|
-
}
|
|
6281
|
-
|
|
6282
|
-
.pf-v6-c-action-list__group.pf-m-icons {
|
|
6283
|
-
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
6284
|
-
}
|
|
6285
|
-
|
|
6286
6254
|
:where(:root, .pf-v6-c-accordion) {
|
|
6287
6255
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
6288
6256
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
@@ -6445,68 +6413,312 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6445
6413
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
|
6446
6414
|
}
|
|
6447
6415
|
|
|
6448
|
-
:where(:root, .pf-v6-c-
|
|
6449
|
-
--pf-v6-c-
|
|
6450
|
-
--pf-v6-c-
|
|
6451
|
-
--pf-v6-c-
|
|
6452
|
-
--pf-v6-c-
|
|
6453
|
-
--pf-v6-c-avatar--Height: 2.25rem;
|
|
6454
|
-
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
6455
|
-
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
6456
|
-
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
6457
|
-
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
6458
|
-
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
6459
|
-
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
6460
|
-
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
6461
|
-
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
6462
|
-
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
6463
|
-
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
6416
|
+
:where(:root, .pf-v6-c-action-list) {
|
|
6417
|
+
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6418
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
6419
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6420
|
+
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
6464
6421
|
}
|
|
6465
6422
|
|
|
6466
|
-
.pf-v6-c-
|
|
6467
|
-
|
|
6468
|
-
|
|
6469
|
-
|
|
6470
|
-
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
6423
|
+
.pf-v6-c-action-list,
|
|
6424
|
+
.pf-v6-c-action-list__group {
|
|
6425
|
+
display: flex;
|
|
6426
|
+
align-items: start;
|
|
6471
6427
|
}
|
|
6472
6428
|
|
|
6473
|
-
.pf-v6-c-
|
|
6474
|
-
|
|
6475
|
-
|
|
6429
|
+
.pf-v6-c-action-list {
|
|
6430
|
+
row-gap: var(--pf-v6-c-action-list--RowGap);
|
|
6431
|
+
column-gap: var(--pf-v6-c-action-list--ColumnGap);
|
|
6476
6432
|
}
|
|
6477
6433
|
|
|
6478
|
-
.pf-v6-c-
|
|
6479
|
-
--pf-v6-c-
|
|
6480
|
-
|
|
6434
|
+
.pf-v6-c-action-list.pf-m-icons {
|
|
6435
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
6436
|
+
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
6481
6437
|
}
|
|
6482
6438
|
|
|
6483
|
-
|
|
6484
|
-
|
|
6485
|
-
|
|
6486
|
-
}
|
|
6439
|
+
.pf-v6-c-action-list__group {
|
|
6440
|
+
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
|
|
6441
|
+
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
|
|
6487
6442
|
}
|
|
6488
|
-
|
|
6489
|
-
|
|
6490
|
-
|
|
6491
|
-
}
|
|
6443
|
+
|
|
6444
|
+
.pf-v6-c-action-list__group.pf-m-icons {
|
|
6445
|
+
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
6492
6446
|
}
|
|
6493
|
-
|
|
6494
|
-
|
|
6495
|
-
|
|
6496
|
-
|
|
6447
|
+
|
|
6448
|
+
:where(:root, .pf-v6-c-alert) {
|
|
6449
|
+
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
6450
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
6451
|
+
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
6452
|
+
--pf-v6-c-alert--GridTemplateAreas:
|
|
6453
|
+
"icon title action"
|
|
6454
|
+
". description description"
|
|
6455
|
+
". actiongroup actiongroup";
|
|
6456
|
+
--pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
6457
|
+
--pf-v6-c-alert--BorderColor: transparent;
|
|
6458
|
+
--pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
6459
|
+
--pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
6460
|
+
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6461
|
+
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6462
|
+
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6463
|
+
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6464
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6465
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6466
|
+
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6467
|
+
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
6468
|
+
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
6469
|
+
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6470
|
+
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
6471
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6472
|
+
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
6473
|
+
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6474
|
+
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
6475
|
+
--pf-v6-c-alert__title--max-lines: 1;
|
|
6476
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
6477
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
6478
|
+
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
6479
|
+
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
6480
|
+
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6481
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6482
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6483
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6484
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6485
|
+
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6486
|
+
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
6487
|
+
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
6488
|
+
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
6489
|
+
--pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6490
|
+
--pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6491
|
+
--pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
|
|
6492
|
+
--pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6493
|
+
--pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6494
|
+
--pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
|
|
6495
|
+
--pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6496
|
+
--pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6497
|
+
--pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
|
|
6498
|
+
--pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
6499
|
+
--pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
6500
|
+
--pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
|
|
6501
|
+
--pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
6502
|
+
--pf-v6-c-alert--m-inline--BoxShadow: none;
|
|
6503
|
+
--pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
|
|
6504
|
+
--pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
|
|
6505
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
|
|
6506
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
|
|
6507
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
|
|
6508
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
|
|
6509
|
+
--pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
|
|
6510
|
+
--pf-v6-c-alert--m-expandable--GridTemplateAreas:
|
|
6511
|
+
"toggle icon title action"
|
|
6512
|
+
". . description description"
|
|
6513
|
+
". . actiongroup actiongroup";
|
|
6514
|
+
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6515
|
+
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6516
|
+
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6497
6517
|
}
|
|
6498
|
-
|
|
6499
|
-
|
|
6500
|
-
|
|
6501
|
-
|
|
6518
|
+
|
|
6519
|
+
.pf-v6-c-alert {
|
|
6520
|
+
position: relative;
|
|
6521
|
+
display: grid;
|
|
6522
|
+
grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
|
|
6523
|
+
grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
|
|
6524
|
+
padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
|
|
6525
|
+
padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
|
|
6526
|
+
padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
|
|
6527
|
+
padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
|
|
6528
|
+
font-size: var(--pf-v6-c-alert--FontSize);
|
|
6529
|
+
background-color: var(--pf-v6-c-alert--BackgroundColor);
|
|
6530
|
+
border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
|
|
6531
|
+
border-radius: var(--pf-v6-c-alert--BorderRadius);
|
|
6532
|
+
box-shadow: var(--pf-v6-c-alert--BoxShadow);
|
|
6502
6533
|
}
|
|
6503
|
-
|
|
6504
|
-
|
|
6505
|
-
|
|
6506
|
-
|
|
6534
|
+
|
|
6535
|
+
.pf-v6-c-alert.pf-m-custom {
|
|
6536
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
|
|
6537
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
|
|
6538
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
|
|
6507
6539
|
}
|
|
6508
|
-
|
|
6509
|
-
|
|
6540
|
+
|
|
6541
|
+
.pf-v6-c-alert.pf-m-success {
|
|
6542
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
|
|
6543
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
|
|
6544
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
|
|
6545
|
+
}
|
|
6546
|
+
|
|
6547
|
+
.pf-v6-c-alert.pf-m-danger {
|
|
6548
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
|
|
6549
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
|
|
6550
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
|
|
6551
|
+
}
|
|
6552
|
+
|
|
6553
|
+
.pf-v6-c-alert.pf-m-warning {
|
|
6554
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
|
|
6555
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
|
|
6556
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
|
|
6557
|
+
}
|
|
6558
|
+
|
|
6559
|
+
.pf-v6-c-alert.pf-m-info {
|
|
6560
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
|
|
6561
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
|
|
6562
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
|
|
6563
|
+
}
|
|
6564
|
+
|
|
6565
|
+
.pf-v6-c-alert.pf-m-inline {
|
|
6566
|
+
--pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
|
|
6567
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
|
|
6568
|
+
}
|
|
6569
|
+
|
|
6570
|
+
.pf-v6-c-alert.pf-m-plain {
|
|
6571
|
+
--pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
|
|
6572
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
|
|
6573
|
+
--pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
|
|
6574
|
+
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
|
|
6575
|
+
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
|
|
6576
|
+
--pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
|
|
6577
|
+
}
|
|
6578
|
+
|
|
6579
|
+
.pf-v6-c-alert.pf-m-expandable {
|
|
6580
|
+
--pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
|
|
6581
|
+
--pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
|
|
6582
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
|
|
6583
|
+
}
|
|
6584
|
+
|
|
6585
|
+
.pf-v6-c-alert.pf-m-expanded {
|
|
6586
|
+
--pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
|
|
6587
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
|
|
6588
|
+
}
|
|
6589
|
+
|
|
6590
|
+
.pf-v6-c-alert__toggle {
|
|
6591
|
+
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
6592
|
+
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
6593
|
+
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
6594
|
+
}
|
|
6595
|
+
|
|
6596
|
+
.pf-v6-c-alert__toggle-icon {
|
|
6597
|
+
display: inline-block;
|
|
6598
|
+
transition: var(--pf-v6-c-alert__toggle-icon--Transition);
|
|
6599
|
+
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
6600
|
+
}
|
|
6601
|
+
|
|
6602
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
6603
|
+
scale: -1 1;
|
|
6604
|
+
}
|
|
6605
|
+
|
|
6606
|
+
.pf-v6-c-alert__icon {
|
|
6607
|
+
display: flex;
|
|
6608
|
+
grid-area: icon;
|
|
6609
|
+
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
6610
|
+
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
6611
|
+
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
6612
|
+
color: var(--pf-v6-c-alert__icon--Color);
|
|
6613
|
+
}
|
|
6614
|
+
|
|
6615
|
+
.pf-v6-c-alert__title {
|
|
6616
|
+
grid-area: title;
|
|
6617
|
+
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
6618
|
+
color: var(--pf-v6-c-alert__title--Color);
|
|
6619
|
+
word-break: break-word;
|
|
6620
|
+
}
|
|
6621
|
+
|
|
6622
|
+
.pf-v6-c-alert__title.pf-m-truncate {
|
|
6623
|
+
display: -webkit-box;
|
|
6624
|
+
-webkit-box-orient: vertical;
|
|
6625
|
+
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
6626
|
+
overflow: hidden;
|
|
6627
|
+
}
|
|
6628
|
+
|
|
6629
|
+
.pf-v6-c-alert__description {
|
|
6630
|
+
grid-area: description;
|
|
6631
|
+
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
6632
|
+
word-break: break-word;
|
|
6633
|
+
}
|
|
6634
|
+
|
|
6635
|
+
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
6636
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
6637
|
+
}
|
|
6638
|
+
|
|
6639
|
+
.pf-v6-c-alert__action {
|
|
6640
|
+
grid-area: action;
|
|
6641
|
+
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
6642
|
+
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
6643
|
+
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
6644
|
+
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
6645
|
+
}
|
|
6646
|
+
|
|
6647
|
+
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
6648
|
+
--pf-v6-c-button--LineHeight: 1;
|
|
6649
|
+
}
|
|
6650
|
+
|
|
6651
|
+
.pf-v6-c-alert__action-group {
|
|
6652
|
+
grid-area: actiongroup;
|
|
6653
|
+
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
6654
|
+
}
|
|
6655
|
+
|
|
6656
|
+
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
6657
|
+
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
6658
|
+
}
|
|
6659
|
+
|
|
6660
|
+
:where(:root, .pf-v6-c-avatar) {
|
|
6661
|
+
--pf-v6-c-avatar--BorderColor: transparent;
|
|
6662
|
+
--pf-v6-c-avatar--BorderWidth: 0;
|
|
6663
|
+
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6664
|
+
--pf-v6-c-avatar--Width: 2.25rem;
|
|
6665
|
+
--pf-v6-c-avatar--Height: 2.25rem;
|
|
6666
|
+
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
6667
|
+
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
6668
|
+
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
6669
|
+
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
6670
|
+
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
6671
|
+
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
6672
|
+
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
6673
|
+
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
6674
|
+
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
6675
|
+
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
6676
|
+
}
|
|
6677
|
+
|
|
6678
|
+
.pf-v6-c-avatar {
|
|
6679
|
+
width: var(--pf-v6-c-avatar--Width);
|
|
6680
|
+
height: var(--pf-v6-c-avatar--Height);
|
|
6681
|
+
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
6682
|
+
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
6683
|
+
}
|
|
6684
|
+
|
|
6685
|
+
.pf-v6-c-avatar.pf-m-bordered {
|
|
6686
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
6687
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
6688
|
+
}
|
|
6689
|
+
|
|
6690
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6691
|
+
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
|
|
6692
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
6693
|
+
}
|
|
6694
|
+
|
|
6695
|
+
@media (min-width: 36rem) {
|
|
6696
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6697
|
+
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width));
|
|
6698
|
+
}
|
|
6699
|
+
}
|
|
6700
|
+
@media (min-width: 48rem) {
|
|
6701
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6702
|
+
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width)));
|
|
6703
|
+
}
|
|
6704
|
+
}
|
|
6705
|
+
@media (min-width: 62rem) {
|
|
6706
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6707
|
+
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))));
|
|
6708
|
+
}
|
|
6709
|
+
}
|
|
6710
|
+
@media (min-width: 75rem) {
|
|
6711
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6712
|
+
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width)))));
|
|
6713
|
+
}
|
|
6714
|
+
}
|
|
6715
|
+
@media (min-width: 90.625rem) {
|
|
6716
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6717
|
+
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
|
|
6718
|
+
}
|
|
6719
|
+
}
|
|
6720
|
+
@media (min-width: 36rem) {
|
|
6721
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
6510
6722
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
|
|
6511
6723
|
}
|
|
6512
6724
|
}
|
|
@@ -6695,238 +6907,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6695
6907
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
6696
6908
|
}
|
|
6697
6909
|
}
|
|
6698
|
-
:where(:root, .pf-v6-c-alert) {
|
|
6699
|
-
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
6700
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
6701
|
-
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
6702
|
-
--pf-v6-c-alert--GridTemplateAreas:
|
|
6703
|
-
"icon title action"
|
|
6704
|
-
". description description"
|
|
6705
|
-
". actiongroup actiongroup";
|
|
6706
|
-
--pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
6707
|
-
--pf-v6-c-alert--BorderColor: transparent;
|
|
6708
|
-
--pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
6709
|
-
--pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
6710
|
-
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6711
|
-
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6712
|
-
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6713
|
-
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6714
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6715
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6716
|
-
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6717
|
-
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
6718
|
-
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
6719
|
-
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6720
|
-
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
6721
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6722
|
-
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
6723
|
-
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6724
|
-
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
6725
|
-
--pf-v6-c-alert__title--max-lines: 1;
|
|
6726
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
6727
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
6728
|
-
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
6729
|
-
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
6730
|
-
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6731
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6732
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6733
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6734
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6735
|
-
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6736
|
-
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
6737
|
-
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
6738
|
-
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
6739
|
-
--pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6740
|
-
--pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6741
|
-
--pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
|
|
6742
|
-
--pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6743
|
-
--pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6744
|
-
--pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
|
|
6745
|
-
--pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6746
|
-
--pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6747
|
-
--pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
|
|
6748
|
-
--pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
6749
|
-
--pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
6750
|
-
--pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
|
|
6751
|
-
--pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
6752
|
-
--pf-v6-c-alert--m-inline--BoxShadow: none;
|
|
6753
|
-
--pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
|
|
6754
|
-
--pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
|
|
6755
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
|
|
6756
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
|
|
6757
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
|
|
6758
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
|
|
6759
|
-
--pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
|
|
6760
|
-
--pf-v6-c-alert--m-expandable--GridTemplateAreas:
|
|
6761
|
-
"toggle icon title action"
|
|
6762
|
-
". . description description"
|
|
6763
|
-
". . actiongroup actiongroup";
|
|
6764
|
-
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6765
|
-
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6766
|
-
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6767
|
-
}
|
|
6768
|
-
|
|
6769
|
-
.pf-v6-c-alert {
|
|
6770
|
-
position: relative;
|
|
6771
|
-
display: grid;
|
|
6772
|
-
grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
|
|
6773
|
-
grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
|
|
6774
|
-
padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
|
|
6775
|
-
padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
|
|
6776
|
-
padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
|
|
6777
|
-
padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
|
|
6778
|
-
font-size: var(--pf-v6-c-alert--FontSize);
|
|
6779
|
-
background-color: var(--pf-v6-c-alert--BackgroundColor);
|
|
6780
|
-
border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
|
|
6781
|
-
border-radius: var(--pf-v6-c-alert--BorderRadius);
|
|
6782
|
-
box-shadow: var(--pf-v6-c-alert--BoxShadow);
|
|
6783
|
-
}
|
|
6784
|
-
|
|
6785
|
-
.pf-v6-c-alert.pf-m-custom {
|
|
6786
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
|
|
6787
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
|
|
6788
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
|
|
6789
|
-
}
|
|
6790
|
-
|
|
6791
|
-
.pf-v6-c-alert.pf-m-success {
|
|
6792
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
|
|
6793
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
|
|
6794
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
|
|
6795
|
-
}
|
|
6796
|
-
|
|
6797
|
-
.pf-v6-c-alert.pf-m-danger {
|
|
6798
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
|
|
6799
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
|
|
6800
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
|
|
6801
|
-
}
|
|
6802
|
-
|
|
6803
|
-
.pf-v6-c-alert.pf-m-warning {
|
|
6804
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
|
|
6805
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
|
|
6806
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
|
|
6807
|
-
}
|
|
6808
|
-
|
|
6809
|
-
.pf-v6-c-alert.pf-m-info {
|
|
6810
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
|
|
6811
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
|
|
6812
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
|
|
6813
|
-
}
|
|
6814
|
-
|
|
6815
|
-
.pf-v6-c-alert.pf-m-inline {
|
|
6816
|
-
--pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
|
|
6817
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
|
|
6818
|
-
}
|
|
6819
|
-
|
|
6820
|
-
.pf-v6-c-alert.pf-m-plain {
|
|
6821
|
-
--pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
|
|
6822
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
|
|
6823
|
-
--pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
|
|
6824
|
-
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
|
|
6825
|
-
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
|
|
6826
|
-
--pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
|
|
6827
|
-
}
|
|
6828
|
-
|
|
6829
|
-
.pf-v6-c-alert.pf-m-expandable {
|
|
6830
|
-
--pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
|
|
6831
|
-
--pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
|
|
6832
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
|
|
6833
|
-
}
|
|
6834
|
-
|
|
6835
|
-
.pf-v6-c-alert.pf-m-expanded {
|
|
6836
|
-
--pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
|
|
6837
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
|
|
6838
|
-
}
|
|
6839
|
-
|
|
6840
|
-
.pf-v6-c-alert__toggle {
|
|
6841
|
-
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
6842
|
-
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
6843
|
-
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
6844
|
-
}
|
|
6845
|
-
|
|
6846
|
-
.pf-v6-c-alert__toggle-icon {
|
|
6847
|
-
display: inline-block;
|
|
6848
|
-
transition: var(--pf-v6-c-alert__toggle-icon--Transition);
|
|
6849
|
-
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
6850
|
-
}
|
|
6851
|
-
|
|
6852
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
6853
|
-
scale: -1 1;
|
|
6854
|
-
}
|
|
6855
|
-
|
|
6856
|
-
.pf-v6-c-alert__icon {
|
|
6857
|
-
display: flex;
|
|
6858
|
-
grid-area: icon;
|
|
6859
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
6860
|
-
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
6861
|
-
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
6862
|
-
color: var(--pf-v6-c-alert__icon--Color);
|
|
6863
|
-
}
|
|
6864
|
-
|
|
6865
|
-
.pf-v6-c-alert__title {
|
|
6866
|
-
grid-area: title;
|
|
6867
|
-
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
6868
|
-
color: var(--pf-v6-c-alert__title--Color);
|
|
6869
|
-
word-break: break-word;
|
|
6870
|
-
}
|
|
6871
|
-
|
|
6872
|
-
.pf-v6-c-alert__title.pf-m-truncate {
|
|
6873
|
-
display: -webkit-box;
|
|
6874
|
-
-webkit-box-orient: vertical;
|
|
6875
|
-
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
6876
|
-
overflow: hidden;
|
|
6877
|
-
}
|
|
6878
|
-
|
|
6879
|
-
.pf-v6-c-alert__description {
|
|
6880
|
-
grid-area: description;
|
|
6881
|
-
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
6882
|
-
word-break: break-word;
|
|
6883
|
-
}
|
|
6884
|
-
|
|
6885
|
-
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
6886
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
6887
|
-
}
|
|
6888
|
-
|
|
6889
|
-
.pf-v6-c-alert__action {
|
|
6890
|
-
grid-area: action;
|
|
6891
|
-
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
6892
|
-
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
6893
|
-
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
6894
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
6895
|
-
}
|
|
6896
|
-
|
|
6897
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
6898
|
-
--pf-v6-c-button--LineHeight: 1;
|
|
6899
|
-
}
|
|
6900
|
-
|
|
6901
|
-
.pf-v6-c-alert__action-group {
|
|
6902
|
-
grid-area: actiongroup;
|
|
6903
|
-
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
6904
|
-
}
|
|
6905
|
-
|
|
6906
|
-
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
6907
|
-
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
6908
|
-
}
|
|
6909
|
-
|
|
6910
|
-
:where(:root, .pf-v6-c-backdrop) {
|
|
6911
|
-
--pf-v6-c-backdrop--Position: fixed;
|
|
6912
|
-
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
6913
|
-
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
6914
|
-
}
|
|
6915
|
-
|
|
6916
|
-
.pf-v6-c-backdrop {
|
|
6917
|
-
position: var(--pf-v6-c-backdrop--Position);
|
|
6918
|
-
inset-block-start: 0;
|
|
6919
|
-
inset-inline-start: 0;
|
|
6920
|
-
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
6921
|
-
width: 100%;
|
|
6922
|
-
height: 100%;
|
|
6923
|
-
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
6924
|
-
}
|
|
6925
|
-
|
|
6926
|
-
.pf-v6-c-backdrop__open {
|
|
6927
|
-
overflow: hidden;
|
|
6928
|
-
}
|
|
6929
|
-
|
|
6930
6910
|
:where(:root, .pf-v6-c-back-to-top) {
|
|
6931
6911
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
6932
6912
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -6963,6 +6943,26 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6963
6943
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
6964
6944
|
}
|
|
6965
6945
|
|
|
6946
|
+
:where(:root, .pf-v6-c-backdrop) {
|
|
6947
|
+
--pf-v6-c-backdrop--Position: fixed;
|
|
6948
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
6949
|
+
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
6950
|
+
}
|
|
6951
|
+
|
|
6952
|
+
.pf-v6-c-backdrop {
|
|
6953
|
+
position: var(--pf-v6-c-backdrop--Position);
|
|
6954
|
+
inset-block-start: 0;
|
|
6955
|
+
inset-inline-start: 0;
|
|
6956
|
+
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
6957
|
+
width: 100%;
|
|
6958
|
+
height: 100%;
|
|
6959
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
6960
|
+
}
|
|
6961
|
+
|
|
6962
|
+
.pf-v6-c-backdrop__open {
|
|
6963
|
+
overflow: hidden;
|
|
6964
|
+
}
|
|
6965
|
+
|
|
6966
6966
|
:where(:root, .pf-v6-c-background-image) {
|
|
6967
6967
|
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
6968
6968
|
--pf-v6-c-background-image--BackgroundImage: none;
|
|
@@ -7415,229 +7415,449 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7415
7415
|
display: none;
|
|
7416
7416
|
}
|
|
7417
7417
|
|
|
7418
|
-
:where(:root, .pf-v6-c-
|
|
7419
|
-
--pf-v6-c-
|
|
7420
|
-
--pf-v6-c-
|
|
7421
|
-
--pf-v6-c-
|
|
7422
|
-
--pf-v6-c-
|
|
7423
|
-
--pf-v6-c-
|
|
7424
|
-
--pf-v6-c-
|
|
7425
|
-
--pf-v6-c-
|
|
7426
|
-
--pf-v6-c-
|
|
7427
|
-
--pf-v6-c-
|
|
7428
|
-
--pf-v6-c-
|
|
7429
|
-
--pf-v6-c-
|
|
7430
|
-
--pf-v6-c-
|
|
7431
|
-
--pf-v6-c-
|
|
7432
|
-
--pf-v6-c-
|
|
7433
|
-
--pf-v6-c-
|
|
7434
|
-
--pf-v6-c-
|
|
7435
|
-
--pf-v6-c-
|
|
7436
|
-
--pf-v6-c-
|
|
7437
|
-
--pf-v6-c-
|
|
7438
|
-
--pf-v6-c-
|
|
7439
|
-
--pf-v6-c-
|
|
7440
|
-
--pf-v6-c-
|
|
7441
|
-
--pf-v6-c-
|
|
7442
|
-
--pf-v6-c-
|
|
7443
|
-
--pf-v6-c-
|
|
7444
|
-
--pf-v6-c-
|
|
7445
|
-
--pf-v6-c-
|
|
7446
|
-
--pf-v6-c-
|
|
7447
|
-
--pf-v6-c-
|
|
7448
|
-
--pf-v6-c-
|
|
7449
|
-
--pf-v6-c-
|
|
7450
|
-
--pf-v6-c-
|
|
7451
|
-
--pf-v6-c-
|
|
7452
|
-
--pf-v6-c-
|
|
7453
|
-
--pf-v6-c-
|
|
7454
|
-
--pf-v6-c-
|
|
7455
|
-
--pf-v6-c-
|
|
7456
|
-
--pf-v6-c-
|
|
7457
|
-
--pf-v6-c-
|
|
7458
|
-
--pf-v6-c-
|
|
7459
|
-
--pf-v6-c-
|
|
7460
|
-
--pf-v6-c-
|
|
7461
|
-
--pf-v6-c-
|
|
7462
|
-
--pf-v6-c-
|
|
7463
|
-
--pf-v6-c-
|
|
7464
|
-
--pf-v6-c-
|
|
7465
|
-
--pf-v6-c-
|
|
7466
|
-
--pf-v6-c-
|
|
7467
|
-
--pf-v6-c-
|
|
7468
|
-
--pf-v6-c-
|
|
7469
|
-
--pf-v6-c-
|
|
7470
|
-
--pf-v6-c-
|
|
7471
|
-
--pf-v6-c-
|
|
7472
|
-
--pf-v6-c-
|
|
7473
|
-
--pf-v6-c-
|
|
7474
|
-
--pf-v6-c-
|
|
7475
|
-
--pf-v6-c-
|
|
7476
|
-
|
|
7477
|
-
|
|
7478
|
-
|
|
7479
|
-
|
|
7480
|
-
--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
7481
|
-
--pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
7482
|
-
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
7483
|
-
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7484
|
-
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7485
|
-
--pf-v6-c-card--m-secondary--BorderColor: transparent;
|
|
7486
|
-
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
7487
|
-
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
7488
|
-
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
7489
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
7490
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7491
|
-
}
|
|
7492
|
-
|
|
7493
|
-
.pf-v6-c-card {
|
|
7494
|
-
position: relative;
|
|
7495
|
-
display: flex;
|
|
7418
|
+
:where(:root, .pf-v6-c-calendar-month) {
|
|
7419
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7420
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7421
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7422
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7423
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7424
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
7425
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7426
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
7427
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
7428
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
7429
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
7430
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7431
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7432
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7433
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7434
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
7435
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
7436
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
7437
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
7438
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
7439
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7440
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7441
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7442
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7443
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7444
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
7445
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
7446
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7447
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
7448
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
7449
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7450
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
7451
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7452
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
7453
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
7454
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7455
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7456
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7457
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7458
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
7459
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
7460
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
7461
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
7462
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
7463
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7464
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7465
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7466
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7467
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
7468
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
7469
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7470
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7471
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7472
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
7473
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7474
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7475
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
7476
|
+
}
|
|
7477
|
+
|
|
7478
|
+
.pf-v6-c-calendar-month {
|
|
7479
|
+
display: inline-flex;
|
|
7496
7480
|
flex-direction: column;
|
|
7497
|
-
|
|
7498
|
-
|
|
7499
|
-
|
|
7500
|
-
|
|
7481
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
7482
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
7483
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
7484
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
7485
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
7486
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
7501
7487
|
}
|
|
7502
7488
|
|
|
7503
|
-
.pf-v6-c-
|
|
7504
|
-
|
|
7505
|
-
|
|
7506
|
-
|
|
7507
|
-
content: "";
|
|
7508
|
-
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
|
7509
|
-
border-radius: inherit;
|
|
7489
|
+
.pf-v6-c-calendar-month__header {
|
|
7490
|
+
display: flex;
|
|
7491
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
7492
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
7510
7493
|
}
|
|
7511
7494
|
|
|
7512
|
-
.pf-v6-c-
|
|
7513
|
-
|
|
7495
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
7496
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
7497
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
7514
7498
|
}
|
|
7515
7499
|
|
|
7516
|
-
.pf-v6-
|
|
7517
|
-
|
|
7500
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
7501
|
+
scale: -1 1;
|
|
7518
7502
|
}
|
|
7519
7503
|
|
|
7520
|
-
.pf-v6-c-
|
|
7521
|
-
|
|
7504
|
+
.pf-v6-c-calendar-month__header-month {
|
|
7505
|
+
flex-grow: 1;
|
|
7522
7506
|
}
|
|
7523
7507
|
|
|
7524
|
-
.pf-v6-c-
|
|
7525
|
-
|
|
7526
|
-
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
|
|
7527
|
-
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
7528
|
-
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
7508
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
7509
|
+
width: 100%;
|
|
7529
7510
|
}
|
|
7530
7511
|
|
|
7531
|
-
.pf-v6-c-
|
|
7532
|
-
|
|
7512
|
+
.pf-v6-c-calendar-month__header-year {
|
|
7513
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
7533
7514
|
}
|
|
7534
7515
|
|
|
7535
|
-
.pf-v6-c-
|
|
7536
|
-
|
|
7537
|
-
inset: 0;
|
|
7538
|
-
cursor: pointer;
|
|
7516
|
+
.pf-v6-c-calendar-month__calendar {
|
|
7517
|
+
table-layout: fixed;
|
|
7539
7518
|
}
|
|
7540
7519
|
|
|
7541
|
-
.pf-v6-c-
|
|
7542
|
-
--pf-v6-c-
|
|
7543
|
-
--pf-v6-c-
|
|
7520
|
+
.pf-v6-c-calendar-month__days {
|
|
7521
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
7522
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
7544
7523
|
}
|
|
7545
7524
|
|
|
7546
|
-
.pf-v6-c-
|
|
7547
|
-
--pf-v6-c-
|
|
7548
|
-
--pf-v6-c-
|
|
7525
|
+
.pf-v6-c-calendar-month__day {
|
|
7526
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
7527
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
7528
|
+
text-align: center;
|
|
7549
7529
|
}
|
|
7550
7530
|
|
|
7551
|
-
.pf-v6-c-
|
|
7552
|
-
--pf-v6-c-
|
|
7553
|
-
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
|
|
7531
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
7532
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
7554
7533
|
}
|
|
7555
7534
|
|
|
7556
|
-
.pf-v6-c-
|
|
7557
|
-
--pf-v6-c-
|
|
7535
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
7536
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7537
|
+
position: relative;
|
|
7538
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7539
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7540
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
7541
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
7542
|
+
text-align: center;
|
|
7558
7543
|
}
|
|
7559
7544
|
|
|
7560
|
-
.pf-v6-c-
|
|
7561
|
-
|
|
7562
|
-
|
|
7563
|
-
|
|
7564
|
-
|
|
7565
|
-
|
|
7566
|
-
|
|
7567
|
-
|
|
7568
|
-
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart);
|
|
7569
|
-
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd);
|
|
7545
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
7546
|
+
position: absolute;
|
|
7547
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
7548
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
7549
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
7550
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
7551
|
+
content: "";
|
|
7552
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
7570
7553
|
}
|
|
7571
7554
|
|
|
7572
|
-
.pf-v6-c-
|
|
7573
|
-
--pf-v6-c-
|
|
7574
|
-
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-display-lg__body--FontSize);
|
|
7575
|
-
--pf-v6-c-card__footer--FontSize: var(--pf-v6-c-card--m-display-lg__footer--FontSize);
|
|
7576
|
-
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart);
|
|
7577
|
-
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd);
|
|
7578
|
-
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd);
|
|
7579
|
-
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-v6-c-card--m-display-lg--child--PaddingInlineStart);
|
|
7580
|
-
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart);
|
|
7581
|
-
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd);
|
|
7555
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
7556
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
7582
7557
|
}
|
|
7583
7558
|
|
|
7584
|
-
.pf-v6-c-
|
|
7585
|
-
--pf-v6-c-
|
|
7586
|
-
--pf-v6-c-
|
|
7559
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
7560
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
7561
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
7562
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
7563
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
7564
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
7587
7565
|
}
|
|
7588
7566
|
|
|
7589
|
-
.pf-v6-c-
|
|
7590
|
-
--pf-v6-c-
|
|
7591
|
-
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
|
|
7567
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
7568
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
7592
7569
|
}
|
|
7593
7570
|
|
|
7594
|
-
.pf-v6-c-
|
|
7595
|
-
|
|
7571
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
7572
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
7596
7573
|
}
|
|
7597
7574
|
|
|
7598
|
-
.pf-v6-c-
|
|
7599
|
-
|
|
7575
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
7576
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
7600
7577
|
}
|
|
7601
7578
|
|
|
7602
|
-
.pf-v6-c-
|
|
7603
|
-
|
|
7579
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
7580
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
7581
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
7582
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
7583
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
7584
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
7585
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
7586
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
7604
7587
|
}
|
|
7605
7588
|
|
|
7606
|
-
.pf-v6-c-
|
|
7607
|
-
|
|
7608
|
-
|
|
7609
|
-
align-items: center;
|
|
7589
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
7590
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7591
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7610
7592
|
}
|
|
7611
7593
|
|
|
7612
|
-
.pf-v6-c-
|
|
7613
|
-
|
|
7614
|
-
|
|
7615
|
-
|
|
7594
|
+
.pf-v6-c-calendar-month__date {
|
|
7595
|
+
position: relative;
|
|
7596
|
+
display: inline-flex;
|
|
7597
|
+
align-items: center;
|
|
7598
|
+
justify-content: center;
|
|
7599
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
7600
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
7601
|
+
line-height: 1;
|
|
7602
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
7603
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
7604
|
+
border: 0;
|
|
7616
7605
|
}
|
|
7617
7606
|
|
|
7618
|
-
.pf-v6-c-
|
|
7619
|
-
|
|
7620
|
-
|
|
7607
|
+
.pf-v6-c-calendar-month__date::after {
|
|
7608
|
+
position: absolute;
|
|
7609
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7610
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7611
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7612
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7613
|
+
content: "";
|
|
7614
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
7621
7615
|
}
|
|
7622
7616
|
|
|
7623
|
-
.pf-v6-c-
|
|
7624
|
-
|
|
7617
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
7618
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
7625
7619
|
}
|
|
7626
7620
|
|
|
7627
|
-
.pf-v6-c-
|
|
7628
|
-
|
|
7621
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
7622
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
7623
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
7629
7624
|
}
|
|
7630
7625
|
|
|
7631
|
-
.pf-v6-c-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
margin-block-end: var(--pf-v6-c-card__header-toggle--MarginBlockEnd);
|
|
7635
|
-
margin-inline-start: var(--pf-v6-c-card__header-toggle--MarginInlineStart);
|
|
7636
|
-
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
7626
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
7627
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
7628
|
+
outline: 0;
|
|
7637
7629
|
}
|
|
7638
7630
|
|
|
7639
|
-
.pf-v6-c-
|
|
7640
|
-
|
|
7631
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
7632
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
7633
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
7634
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7635
|
+
pointer-events: none;
|
|
7636
|
+
}
|
|
7637
|
+
|
|
7638
|
+
:where(:root, .pf-v6-c-card) {
|
|
7639
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7640
|
+
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
7641
|
+
--pf-v6-c-card--BorderStyle: solid;
|
|
7642
|
+
--pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
7643
|
+
--pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
7644
|
+
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7645
|
+
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7646
|
+
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7647
|
+
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7648
|
+
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7649
|
+
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7650
|
+
--pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
7651
|
+
--pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
7652
|
+
--pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
7653
|
+
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
7654
|
+
--pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
7655
|
+
--pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7656
|
+
--pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7657
|
+
--pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7658
|
+
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
7659
|
+
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7660
|
+
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
|
|
7661
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7662
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7663
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7664
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7665
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7666
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
7667
|
+
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
7668
|
+
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
7669
|
+
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
7670
|
+
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7671
|
+
--pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
7672
|
+
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7673
|
+
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
7674
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7675
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7676
|
+
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
7677
|
+
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7678
|
+
--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
7679
|
+
--pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7680
|
+
--pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7681
|
+
--pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7682
|
+
--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7683
|
+
--pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
|
|
7684
|
+
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7685
|
+
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
7686
|
+
--pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
7687
|
+
--pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7688
|
+
--pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7689
|
+
--pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7690
|
+
--pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7691
|
+
--pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7692
|
+
--pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7693
|
+
--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7694
|
+
--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7695
|
+
--pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
7696
|
+
--pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
7697
|
+
--pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7698
|
+
--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
7699
|
+
--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
7700
|
+
--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
7701
|
+
--pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
7702
|
+
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
7703
|
+
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7704
|
+
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7705
|
+
--pf-v6-c-card--m-secondary--BorderColor: transparent;
|
|
7706
|
+
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
7707
|
+
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
7708
|
+
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
7709
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
7710
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7711
|
+
}
|
|
7712
|
+
|
|
7713
|
+
.pf-v6-c-card {
|
|
7714
|
+
position: relative;
|
|
7715
|
+
display: flex;
|
|
7716
|
+
flex-direction: column;
|
|
7717
|
+
overflow: auto;
|
|
7718
|
+
background-color: var(--pf-v6-c-card--BackgroundColor);
|
|
7719
|
+
border: 0;
|
|
7720
|
+
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
7721
|
+
}
|
|
7722
|
+
|
|
7723
|
+
.pf-v6-c-card::before {
|
|
7724
|
+
position: absolute;
|
|
7725
|
+
inset: 0;
|
|
7726
|
+
pointer-events: none;
|
|
7727
|
+
content: "";
|
|
7728
|
+
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
|
7729
|
+
border-radius: inherit;
|
|
7730
|
+
}
|
|
7731
|
+
|
|
7732
|
+
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
7733
|
+
gap: 0;
|
|
7734
|
+
}
|
|
7735
|
+
|
|
7736
|
+
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
|
7737
|
+
isolation: isolate;
|
|
7738
|
+
}
|
|
7739
|
+
|
|
7740
|
+
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
|
7741
|
+
border: none;
|
|
7742
|
+
}
|
|
7743
|
+
|
|
7744
|
+
.pf-v6-c-card.pf-m-current {
|
|
7745
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
7746
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
|
|
7747
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
7748
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
7749
|
+
}
|
|
7750
|
+
|
|
7751
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
7752
|
+
position: unset;
|
|
7753
|
+
}
|
|
7754
|
+
|
|
7755
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
|
|
7756
|
+
position: absolute;
|
|
7757
|
+
inset: 0;
|
|
7758
|
+
cursor: pointer;
|
|
7759
|
+
}
|
|
7760
|
+
|
|
7761
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
7762
|
+
--pf-v6-c-card--BackgroundColor: revert;
|
|
7763
|
+
--pf-v6-c-card--BorderColor: revert;
|
|
7764
|
+
}
|
|
7765
|
+
|
|
7766
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
7767
|
+
--pf-v6-c-card--BorderColor: revert;
|
|
7768
|
+
--pf-v6-c-card--m-selectable--BorderWidth: revert;
|
|
7769
|
+
}
|
|
7770
|
+
|
|
7771
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-current {
|
|
7772
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
|
|
7773
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
|
|
7774
|
+
}
|
|
7775
|
+
|
|
7776
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
7777
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
7778
|
+
}
|
|
7779
|
+
|
|
7780
|
+
.pf-v6-c-card.pf-m-compact {
|
|
7781
|
+
--pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
|
|
7782
|
+
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
|
|
7783
|
+
--pf-v6-c-card__footer--FontSize: var(--pf-v6-c-card--m-compact__footer--FontSize);
|
|
7784
|
+
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-v6-c-card--m-compact--first-child--PaddingBlockStart);
|
|
7785
|
+
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-v6-c-card--m-compact--child--PaddingInlineEnd);
|
|
7786
|
+
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-v6-c-card--m-compact--child--PaddingBlockEnd);
|
|
7787
|
+
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-v6-c-card--m-compact--child--PaddingInlineStart);
|
|
7788
|
+
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart);
|
|
7789
|
+
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd);
|
|
7790
|
+
}
|
|
7791
|
+
|
|
7792
|
+
.pf-v6-c-card.pf-m-display-lg {
|
|
7793
|
+
--pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-display-lg__title-text--FontSize);
|
|
7794
|
+
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-display-lg__body--FontSize);
|
|
7795
|
+
--pf-v6-c-card__footer--FontSize: var(--pf-v6-c-card--m-display-lg__footer--FontSize);
|
|
7796
|
+
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart);
|
|
7797
|
+
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd);
|
|
7798
|
+
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd);
|
|
7799
|
+
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-v6-c-card--m-display-lg--child--PaddingInlineStart);
|
|
7800
|
+
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart);
|
|
7801
|
+
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd);
|
|
7802
|
+
}
|
|
7803
|
+
|
|
7804
|
+
.pf-v6-c-card.pf-m-secondary {
|
|
7805
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
|
|
7806
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
|
|
7807
|
+
}
|
|
7808
|
+
|
|
7809
|
+
.pf-v6-c-card.pf-m-plain {
|
|
7810
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-plain--BorderColor);
|
|
7811
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
|
|
7812
|
+
}
|
|
7813
|
+
|
|
7814
|
+
.pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
|
|
7815
|
+
transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
|
|
7816
|
+
}
|
|
7817
|
+
|
|
7818
|
+
.pf-v6-c-card.pf-m-full-height {
|
|
7819
|
+
height: var(--pf-v6-c-card--m-full-height--Height);
|
|
7820
|
+
}
|
|
7821
|
+
|
|
7822
|
+
.pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__header, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__title, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__body, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__footer {
|
|
7823
|
+
padding-block-start: var(--pf-v6-c-card--c-divider--child--PaddingBlockStart);
|
|
7824
|
+
}
|
|
7825
|
+
|
|
7826
|
+
.pf-v6-c-card__header {
|
|
7827
|
+
display: flex;
|
|
7828
|
+
flex-direction: row;
|
|
7829
|
+
align-items: center;
|
|
7830
|
+
}
|
|
7831
|
+
|
|
7832
|
+
.pf-v6-c-card__header .pf-v6-c-card__title {
|
|
7833
|
+
--pf-v6-c-card--first-child--PaddingBlockStart: 0;
|
|
7834
|
+
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: 0;
|
|
7835
|
+
padding: 0;
|
|
7836
|
+
}
|
|
7837
|
+
|
|
7838
|
+
.pf-v6-c-card__header.pf-m-toggle-right {
|
|
7839
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd);
|
|
7840
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: var(--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart);
|
|
7841
|
+
}
|
|
7842
|
+
|
|
7843
|
+
.pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
|
|
7844
|
+
order: 2;
|
|
7845
|
+
}
|
|
7846
|
+
|
|
7847
|
+
.pf-v6-c-card__header-main {
|
|
7848
|
+
flex-grow: 1;
|
|
7849
|
+
}
|
|
7850
|
+
|
|
7851
|
+
.pf-v6-c-card__header-toggle {
|
|
7852
|
+
align-self: flex-start;
|
|
7853
|
+
margin-block-start: var(--pf-v6-c-card__header-toggle--MarginBlockStart);
|
|
7854
|
+
margin-block-end: var(--pf-v6-c-card__header-toggle--MarginBlockEnd);
|
|
7855
|
+
margin-inline-start: var(--pf-v6-c-card__header-toggle--MarginInlineStart);
|
|
7856
|
+
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
7857
|
+
}
|
|
7858
|
+
|
|
7859
|
+
.pf-v6-c-card__header-toggle-icon {
|
|
7860
|
+
display: inline-block;
|
|
7641
7861
|
transition: var(--pf-v6-c-card__header-toggle-icon--Transition);
|
|
7642
7862
|
}
|
|
7643
7863
|
|
|
@@ -7777,226 +7997,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7777
7997
|
color: var(--pf-v6-c-card__footer--Color);
|
|
7778
7998
|
}
|
|
7779
7999
|
|
|
7780
|
-
:where(:root, .pf-v6-c-calendar-month) {
|
|
7781
|
-
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7782
|
-
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7783
|
-
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7784
|
-
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7785
|
-
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7786
|
-
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
7787
|
-
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7788
|
-
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
7789
|
-
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
7790
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
7791
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
7792
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7793
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7794
|
-
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7795
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7796
|
-
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
7797
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
7798
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
7799
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
7800
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
7801
|
-
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7802
|
-
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7803
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7804
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7805
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7806
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
7807
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
7808
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7809
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
7810
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
7811
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7812
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
7813
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7814
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
7815
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
7816
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7817
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7818
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7819
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7820
|
-
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
7821
|
-
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
7822
|
-
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
7823
|
-
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
7824
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
7825
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7826
|
-
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7827
|
-
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7828
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7829
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
7830
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
7831
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7832
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7833
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7834
|
-
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
7835
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7836
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7837
|
-
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
7838
|
-
}
|
|
7839
|
-
|
|
7840
|
-
.pf-v6-c-calendar-month {
|
|
7841
|
-
display: inline-flex;
|
|
7842
|
-
flex-direction: column;
|
|
7843
|
-
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
7844
|
-
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
7845
|
-
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
7846
|
-
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
7847
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
7848
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
7849
|
-
}
|
|
7850
|
-
|
|
7851
|
-
.pf-v6-c-calendar-month__header {
|
|
7852
|
-
display: flex;
|
|
7853
|
-
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
7854
|
-
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
7855
|
-
}
|
|
7856
|
-
|
|
7857
|
-
.pf-v6-c-calendar-month__header-nav-control {
|
|
7858
|
-
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
7859
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
7860
|
-
}
|
|
7861
|
-
|
|
7862
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
7863
|
-
scale: -1 1;
|
|
7864
|
-
}
|
|
7865
|
-
|
|
7866
|
-
.pf-v6-c-calendar-month__header-month {
|
|
7867
|
-
flex-grow: 1;
|
|
7868
|
-
}
|
|
7869
|
-
|
|
7870
|
-
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
7871
|
-
width: 100%;
|
|
7872
|
-
}
|
|
7873
|
-
|
|
7874
|
-
.pf-v6-c-calendar-month__header-year {
|
|
7875
|
-
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
7876
|
-
}
|
|
7877
|
-
|
|
7878
|
-
.pf-v6-c-calendar-month__calendar {
|
|
7879
|
-
table-layout: fixed;
|
|
7880
|
-
}
|
|
7881
|
-
|
|
7882
|
-
.pf-v6-c-calendar-month__days {
|
|
7883
|
-
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
7884
|
-
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
7885
|
-
}
|
|
7886
|
-
|
|
7887
|
-
.pf-v6-c-calendar-month__day {
|
|
7888
|
-
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
7889
|
-
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
7890
|
-
text-align: center;
|
|
7891
|
-
}
|
|
7892
|
-
|
|
7893
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
7894
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
7895
|
-
}
|
|
7896
|
-
|
|
7897
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
7898
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7899
|
-
position: relative;
|
|
7900
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7901
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7902
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
7903
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
7904
|
-
text-align: center;
|
|
7905
|
-
}
|
|
7906
|
-
|
|
7907
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
7908
|
-
position: absolute;
|
|
7909
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
7910
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
7911
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
7912
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
7913
|
-
content: "";
|
|
7914
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
7915
|
-
}
|
|
7916
|
-
|
|
7917
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
7918
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
7919
|
-
}
|
|
7920
|
-
|
|
7921
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
7922
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
7923
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
7924
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
7925
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
7926
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
7927
|
-
}
|
|
7928
|
-
|
|
7929
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
7930
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
7931
|
-
}
|
|
7932
|
-
|
|
7933
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
7934
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
7935
|
-
}
|
|
7936
|
-
|
|
7937
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
7938
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
7939
|
-
}
|
|
7940
|
-
|
|
7941
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
7942
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
7943
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
7944
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
7945
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
7946
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
7947
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
7948
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
7949
|
-
}
|
|
7950
|
-
|
|
7951
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
7952
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7953
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7954
|
-
}
|
|
7955
|
-
|
|
7956
|
-
.pf-v6-c-calendar-month__date {
|
|
7957
|
-
position: relative;
|
|
7958
|
-
display: inline-flex;
|
|
7959
|
-
align-items: center;
|
|
7960
|
-
justify-content: center;
|
|
7961
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
7962
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
7963
|
-
line-height: 1;
|
|
7964
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
7965
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
7966
|
-
border: 0;
|
|
7967
|
-
}
|
|
7968
|
-
|
|
7969
|
-
.pf-v6-c-calendar-month__date::after {
|
|
7970
|
-
position: absolute;
|
|
7971
|
-
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7972
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7973
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7974
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7975
|
-
content: "";
|
|
7976
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
7977
|
-
}
|
|
7978
|
-
|
|
7979
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
7980
|
-
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
7981
|
-
}
|
|
7982
|
-
|
|
7983
|
-
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
7984
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
7985
|
-
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
7986
|
-
}
|
|
7987
|
-
|
|
7988
|
-
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
7989
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
7990
|
-
outline: 0;
|
|
7991
|
-
}
|
|
7992
|
-
|
|
7993
|
-
.pf-v6-c-calendar-month__date:disabled {
|
|
7994
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
7995
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
7996
|
-
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7997
|
-
pointer-events: none;
|
|
7998
|
-
}
|
|
7999
|
-
|
|
8000
8000
|
:where(:root, .pf-v6-c-clipboard-copy) {
|
|
8001
8001
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
8002
8002
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -10895,154 +10895,6 @@ ul) {
|
|
|
10895
10895
|
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
10896
10896
|
}
|
|
10897
10897
|
|
|
10898
|
-
:where(:root, .pf-v6-c-expandable-section) {
|
|
10899
|
-
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10900
|
-
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10901
|
-
--pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10902
|
-
--pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10903
|
-
--pf-v6-c-expandable-section__toggle--BackgroundColor: transparent;
|
|
10904
|
-
--pf-v6-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
|
|
10905
|
-
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
10906
|
-
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10907
|
-
--pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
10908
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
10909
|
-
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
10910
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10911
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
10912
|
-
--pf-v6-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
|
|
10913
|
-
--pf-v6-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
|
|
10914
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
|
|
10915
|
-
--pf-v6-c-expandable-section__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10916
|
-
--pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10917
|
-
--pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10918
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10919
|
-
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
10920
|
-
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
10921
|
-
--pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10922
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
10923
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10924
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
10925
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10926
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
10927
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10928
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10929
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--Width: 100%;
|
|
10930
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
10931
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
10932
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
10933
|
-
--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10934
|
-
--pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
10935
|
-
--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10936
|
-
--pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
|
|
10937
|
-
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base: calc(var(--pf-v6-c-expandable-section__toggle--ColumnGap) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
10938
|
-
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart));
|
|
10939
|
-
--pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart));
|
|
10940
|
-
--pf-v6-c-expandable-section--m-truncate--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10941
|
-
--pf-v6-c-expandable-section--m-truncate--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10942
|
-
--pf-v6-c-expandable-section--m-truncate--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10943
|
-
--pf-v6-c-expandable-section--m-truncate--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10944
|
-
--pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10945
|
-
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
10946
|
-
}
|
|
10947
|
-
|
|
10948
|
-
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
10949
|
-
--pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section--m-expanded__toggle-text--Color);
|
|
10950
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
10951
|
-
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
10952
|
-
--pf-v6-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
10953
|
-
--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius);
|
|
10954
|
-
}
|
|
10955
|
-
|
|
10956
|
-
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
10957
|
-
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
10958
|
-
}
|
|
10959
|
-
|
|
10960
|
-
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
10961
|
-
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart);
|
|
10962
|
-
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd);
|
|
10963
|
-
--pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd);
|
|
10964
|
-
--pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart);
|
|
10965
|
-
--pf-v6-c-expandable-section__toggle--hover--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor);
|
|
10966
|
-
--pf-v6-c-expandable-section__toggle--active--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor);
|
|
10967
|
-
--pf-v6-c-expandable-section__toggle--focus--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor);
|
|
10968
|
-
--pf-v6-c-expandable-section__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius);
|
|
10969
|
-
--pf-v6-c-expandable-section__toggle--Width: var(--pf-v6-c-expandable-section--m-display-lg__toggle--Width);
|
|
10970
|
-
--pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd);
|
|
10971
|
-
--pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd);
|
|
10972
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart);
|
|
10973
|
-
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart);
|
|
10974
|
-
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
10975
|
-
border: solid 1px var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
10976
|
-
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
10977
|
-
}
|
|
10978
|
-
|
|
10979
|
-
.pf-v6-c-expandable-section.pf-m-indented {
|
|
10980
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
10981
|
-
}
|
|
10982
|
-
|
|
10983
|
-
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
10984
|
-
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: 0;
|
|
10985
|
-
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: 0;
|
|
10986
|
-
--pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd);
|
|
10987
|
-
--pf-v6-c-expandable-section__toggle--PaddingInlineStart: 0;
|
|
10988
|
-
--pf-v6-c-expandable-section__content--PaddingBlockStart: 0;
|
|
10989
|
-
--pf-v6-c-expandable-section__content--PaddingInlineEnd: 0;
|
|
10990
|
-
--pf-v6-c-expandable-section__content--PaddingBlockEnd: 0;
|
|
10991
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
10992
|
-
}
|
|
10993
|
-
|
|
10994
|
-
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
10995
|
-
display: -webkit-box;
|
|
10996
|
-
-webkit-box-orient: vertical;
|
|
10997
|
-
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
10998
|
-
overflow: hidden;
|
|
10999
|
-
}
|
|
11000
|
-
|
|
11001
|
-
.pf-v6-c-expandable-section__toggle {
|
|
11002
|
-
display: flex;
|
|
11003
|
-
column-gap: var(--pf-v6-c-expandable-section__toggle--ColumnGap);
|
|
11004
|
-
width: var(--pf-v6-c-expandable-section__toggle--Width, initial);
|
|
11005
|
-
padding-block-start: var(--pf-v6-c-expandable-section__toggle--PaddingBlockStart);
|
|
11006
|
-
padding-block-end: var(--pf-v6-c-expandable-section__toggle--PaddingBlockEnd);
|
|
11007
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart);
|
|
11008
|
-
padding-inline-end: var(--pf-v6-c-expandable-section__toggle--PaddingInlineEnd);
|
|
11009
|
-
background-color: var(--pf-v6-c-expandable-section__toggle--BackgroundColor);
|
|
11010
|
-
border: none;
|
|
11011
|
-
border-radius: var(--pf-v6-c-expandable-section__toggle--BorderRadius, 0);
|
|
11012
|
-
}
|
|
11013
|
-
|
|
11014
|
-
.pf-v6-c-expandable-section__toggle:is(:hover, :focus) {
|
|
11015
|
-
--pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section__toggle-text--hover--Color);
|
|
11016
|
-
--pf-v6-c-expandable-section__toggle--BackgroundColor: var(--pf-v6-c-expandable-section__toggle--hover--BackgroundColor, initial);
|
|
11017
|
-
}
|
|
11018
|
-
|
|
11019
|
-
.pf-v6-c-expandable-section__toggle-icon {
|
|
11020
|
-
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
11021
|
-
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
11022
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
11023
|
-
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
11024
|
-
}
|
|
11025
|
-
|
|
11026
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
11027
|
-
scale: -1 1;
|
|
11028
|
-
}
|
|
11029
|
-
|
|
11030
|
-
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
11031
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
11032
|
-
}
|
|
11033
|
-
|
|
11034
|
-
.pf-v6-c-expandable-section__toggle-text {
|
|
11035
|
-
color: var(--pf-v6-c-expandable-section__toggle-text--Color);
|
|
11036
|
-
}
|
|
11037
|
-
|
|
11038
|
-
.pf-v6-c-expandable-section__content {
|
|
11039
|
-
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
11040
|
-
padding-block-start: var(--pf-v6-c-expandable-section__content--PaddingBlockStart);
|
|
11041
|
-
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd);
|
|
11042
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
11043
|
-
padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
|
|
11044
|
-
}
|
|
11045
|
-
|
|
11046
10898
|
:where(:root, .pf-v6-c-empty-state) {
|
|
11047
10899
|
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
11048
10900
|
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -11192,6 +11044,154 @@ ul) {
|
|
|
11192
11044
|
justify-content: center;
|
|
11193
11045
|
}
|
|
11194
11046
|
|
|
11047
|
+
:where(:root, .pf-v6-c-expandable-section) {
|
|
11048
|
+
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11049
|
+
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11050
|
+
--pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11051
|
+
--pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11052
|
+
--pf-v6-c-expandable-section__toggle--BackgroundColor: transparent;
|
|
11053
|
+
--pf-v6-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
|
|
11054
|
+
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
11055
|
+
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11056
|
+
--pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
11057
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
11058
|
+
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
11059
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
11060
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
11061
|
+
--pf-v6-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
|
|
11062
|
+
--pf-v6-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
|
|
11063
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
|
|
11064
|
+
--pf-v6-c-expandable-section__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11065
|
+
--pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11066
|
+
--pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11067
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11068
|
+
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
11069
|
+
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
11070
|
+
--pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11071
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
11072
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11073
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11074
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11075
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11076
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
11077
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11078
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--Width: 100%;
|
|
11079
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
11080
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
11081
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
11082
|
+
--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11083
|
+
--pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11084
|
+
--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
11085
|
+
--pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
|
|
11086
|
+
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base: calc(var(--pf-v6-c-expandable-section__toggle--ColumnGap) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
11087
|
+
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart));
|
|
11088
|
+
--pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart));
|
|
11089
|
+
--pf-v6-c-expandable-section--m-truncate--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11090
|
+
--pf-v6-c-expandable-section--m-truncate--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11091
|
+
--pf-v6-c-expandable-section--m-truncate--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11092
|
+
--pf-v6-c-expandable-section--m-truncate--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11093
|
+
--pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11094
|
+
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
11095
|
+
}
|
|
11096
|
+
|
|
11097
|
+
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
11098
|
+
--pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section--m-expanded__toggle-text--Color);
|
|
11099
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
11100
|
+
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
11101
|
+
--pf-v6-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
11102
|
+
--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius);
|
|
11103
|
+
}
|
|
11104
|
+
|
|
11105
|
+
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
11106
|
+
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
11107
|
+
}
|
|
11108
|
+
|
|
11109
|
+
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
11110
|
+
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart);
|
|
11111
|
+
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd);
|
|
11112
|
+
--pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd);
|
|
11113
|
+
--pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart);
|
|
11114
|
+
--pf-v6-c-expandable-section__toggle--hover--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor);
|
|
11115
|
+
--pf-v6-c-expandable-section__toggle--active--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor);
|
|
11116
|
+
--pf-v6-c-expandable-section__toggle--focus--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor);
|
|
11117
|
+
--pf-v6-c-expandable-section__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius);
|
|
11118
|
+
--pf-v6-c-expandable-section__toggle--Width: var(--pf-v6-c-expandable-section--m-display-lg__toggle--Width);
|
|
11119
|
+
--pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd);
|
|
11120
|
+
--pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd);
|
|
11121
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart);
|
|
11122
|
+
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart);
|
|
11123
|
+
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
11124
|
+
border: solid 1px var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
11125
|
+
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
11126
|
+
}
|
|
11127
|
+
|
|
11128
|
+
.pf-v6-c-expandable-section.pf-m-indented {
|
|
11129
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
11130
|
+
}
|
|
11131
|
+
|
|
11132
|
+
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
11133
|
+
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: 0;
|
|
11134
|
+
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: 0;
|
|
11135
|
+
--pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd);
|
|
11136
|
+
--pf-v6-c-expandable-section__toggle--PaddingInlineStart: 0;
|
|
11137
|
+
--pf-v6-c-expandable-section__content--PaddingBlockStart: 0;
|
|
11138
|
+
--pf-v6-c-expandable-section__content--PaddingInlineEnd: 0;
|
|
11139
|
+
--pf-v6-c-expandable-section__content--PaddingBlockEnd: 0;
|
|
11140
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
11141
|
+
}
|
|
11142
|
+
|
|
11143
|
+
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
11144
|
+
display: -webkit-box;
|
|
11145
|
+
-webkit-box-orient: vertical;
|
|
11146
|
+
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
11147
|
+
overflow: hidden;
|
|
11148
|
+
}
|
|
11149
|
+
|
|
11150
|
+
.pf-v6-c-expandable-section__toggle {
|
|
11151
|
+
display: flex;
|
|
11152
|
+
column-gap: var(--pf-v6-c-expandable-section__toggle--ColumnGap);
|
|
11153
|
+
width: var(--pf-v6-c-expandable-section__toggle--Width, initial);
|
|
11154
|
+
padding-block-start: var(--pf-v6-c-expandable-section__toggle--PaddingBlockStart);
|
|
11155
|
+
padding-block-end: var(--pf-v6-c-expandable-section__toggle--PaddingBlockEnd);
|
|
11156
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart);
|
|
11157
|
+
padding-inline-end: var(--pf-v6-c-expandable-section__toggle--PaddingInlineEnd);
|
|
11158
|
+
background-color: var(--pf-v6-c-expandable-section__toggle--BackgroundColor);
|
|
11159
|
+
border: none;
|
|
11160
|
+
border-radius: var(--pf-v6-c-expandable-section__toggle--BorderRadius, 0);
|
|
11161
|
+
}
|
|
11162
|
+
|
|
11163
|
+
.pf-v6-c-expandable-section__toggle:is(:hover, :focus) {
|
|
11164
|
+
--pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section__toggle-text--hover--Color);
|
|
11165
|
+
--pf-v6-c-expandable-section__toggle--BackgroundColor: var(--pf-v6-c-expandable-section__toggle--hover--BackgroundColor, initial);
|
|
11166
|
+
}
|
|
11167
|
+
|
|
11168
|
+
.pf-v6-c-expandable-section__toggle-icon {
|
|
11169
|
+
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
11170
|
+
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
11171
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
11172
|
+
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
11173
|
+
}
|
|
11174
|
+
|
|
11175
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
11176
|
+
scale: -1 1;
|
|
11177
|
+
}
|
|
11178
|
+
|
|
11179
|
+
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
11180
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
11181
|
+
}
|
|
11182
|
+
|
|
11183
|
+
.pf-v6-c-expandable-section__toggle-text {
|
|
11184
|
+
color: var(--pf-v6-c-expandable-section__toggle-text--Color);
|
|
11185
|
+
}
|
|
11186
|
+
|
|
11187
|
+
.pf-v6-c-expandable-section__content {
|
|
11188
|
+
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
11189
|
+
padding-block-start: var(--pf-v6-c-expandable-section__content--PaddingBlockStart);
|
|
11190
|
+
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd);
|
|
11191
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
11192
|
+
padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
|
|
11193
|
+
}
|
|
11194
|
+
|
|
11195
11195
|
:where(:root, .pf-v6-c-file-upload) {
|
|
11196
11196
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
11197
11197
|
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -11252,85 +11252,6 @@ ul) {
|
|
|
11252
11252
|
transform: translate(-50%, -50%);
|
|
11253
11253
|
}
|
|
11254
11254
|
|
|
11255
|
-
:where(:root, .pf-v6-c-hint) {
|
|
11256
|
-
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
11257
|
-
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
11258
|
-
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11259
|
-
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11260
|
-
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
11261
|
-
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11262
|
-
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
11263
|
-
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
11264
|
-
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11265
|
-
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
11266
|
-
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11267
|
-
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11268
|
-
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
11269
|
-
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
11270
|
-
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
11271
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11272
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11273
|
-
}
|
|
11274
|
-
|
|
11275
|
-
.pf-v6-c-hint {
|
|
11276
|
-
display: grid;
|
|
11277
|
-
grid-template-columns: 1fr auto;
|
|
11278
|
-
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
11279
|
-
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
11280
|
-
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
11281
|
-
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
11282
|
-
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
11283
|
-
color: var(--pf-v6-c-hint--Color);
|
|
11284
|
-
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
11285
|
-
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
11286
|
-
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
11287
|
-
}
|
|
11288
|
-
|
|
11289
|
-
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11290
|
-
text-align: start;
|
|
11291
|
-
white-space: normal;
|
|
11292
|
-
}
|
|
11293
|
-
|
|
11294
|
-
.pf-v6-c-hint__actions {
|
|
11295
|
-
display: inline-grid;
|
|
11296
|
-
grid-row: 1;
|
|
11297
|
-
grid-column: 2;
|
|
11298
|
-
grid-auto-flow: column;
|
|
11299
|
-
align-self: start;
|
|
11300
|
-
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
11301
|
-
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
11302
|
-
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
11303
|
-
text-align: end;
|
|
11304
|
-
}
|
|
11305
|
-
|
|
11306
|
-
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
11307
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
11308
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
11309
|
-
}
|
|
11310
|
-
|
|
11311
|
-
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
11312
|
-
grid-column: 1;
|
|
11313
|
-
}
|
|
11314
|
-
|
|
11315
|
-
.pf-v6-c-hint__title {
|
|
11316
|
-
align-self: center;
|
|
11317
|
-
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
11318
|
-
}
|
|
11319
|
-
|
|
11320
|
-
.pf-v6-c-hint__body {
|
|
11321
|
-
grid-column: 1/-1;
|
|
11322
|
-
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
11323
|
-
}
|
|
11324
|
-
|
|
11325
|
-
.pf-v6-c-hint__footer {
|
|
11326
|
-
grid-column: 1/-1;
|
|
11327
|
-
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
11328
|
-
}
|
|
11329
|
-
|
|
11330
|
-
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
11331
|
-
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
11332
|
-
}
|
|
11333
|
-
|
|
11334
11255
|
:where(:root, .pf-v6-c-helper-text) {
|
|
11335
11256
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
11336
11257
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -11409,6 +11330,85 @@ ul) {
|
|
|
11409
11330
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
11410
11331
|
}
|
|
11411
11332
|
|
|
11333
|
+
:where(:root, .pf-v6-c-hint) {
|
|
11334
|
+
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
11335
|
+
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
11336
|
+
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11337
|
+
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11338
|
+
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
11339
|
+
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11340
|
+
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
11341
|
+
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
11342
|
+
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11343
|
+
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
11344
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11345
|
+
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11346
|
+
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
11347
|
+
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
11348
|
+
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
11349
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11350
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11351
|
+
}
|
|
11352
|
+
|
|
11353
|
+
.pf-v6-c-hint {
|
|
11354
|
+
display: grid;
|
|
11355
|
+
grid-template-columns: 1fr auto;
|
|
11356
|
+
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
11357
|
+
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
11358
|
+
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
11359
|
+
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
11360
|
+
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
11361
|
+
color: var(--pf-v6-c-hint--Color);
|
|
11362
|
+
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
11363
|
+
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
11364
|
+
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
11365
|
+
}
|
|
11366
|
+
|
|
11367
|
+
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11368
|
+
text-align: start;
|
|
11369
|
+
white-space: normal;
|
|
11370
|
+
}
|
|
11371
|
+
|
|
11372
|
+
.pf-v6-c-hint__actions {
|
|
11373
|
+
display: inline-grid;
|
|
11374
|
+
grid-row: 1;
|
|
11375
|
+
grid-column: 2;
|
|
11376
|
+
grid-auto-flow: column;
|
|
11377
|
+
align-self: start;
|
|
11378
|
+
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
11379
|
+
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
11380
|
+
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
11381
|
+
text-align: end;
|
|
11382
|
+
}
|
|
11383
|
+
|
|
11384
|
+
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
11385
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
11386
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
11387
|
+
}
|
|
11388
|
+
|
|
11389
|
+
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
11390
|
+
grid-column: 1;
|
|
11391
|
+
}
|
|
11392
|
+
|
|
11393
|
+
.pf-v6-c-hint__title {
|
|
11394
|
+
align-self: center;
|
|
11395
|
+
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
11396
|
+
}
|
|
11397
|
+
|
|
11398
|
+
.pf-v6-c-hint__body {
|
|
11399
|
+
grid-column: 1/-1;
|
|
11400
|
+
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
11401
|
+
}
|
|
11402
|
+
|
|
11403
|
+
.pf-v6-c-hint__footer {
|
|
11404
|
+
grid-column: 1/-1;
|
|
11405
|
+
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
11406
|
+
}
|
|
11407
|
+
|
|
11408
|
+
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
11409
|
+
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
11410
|
+
}
|
|
11411
|
+
|
|
11412
11412
|
:where(:root, .pf-v6-c-icon) {
|
|
11413
11413
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
11414
11414
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -13038,110 +13038,370 @@ input.pf-v6-c-label__content {
|
|
|
13038
13038
|
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
13039
13039
|
}
|
|
13040
13040
|
|
|
13041
|
-
.pf-v6-c-label-group__close {
|
|
13042
|
-
display: flex;
|
|
13043
|
-
align-self: flex-start;
|
|
13041
|
+
.pf-v6-c-label-group__close {
|
|
13042
|
+
display: flex;
|
|
13043
|
+
align-self: flex-start;
|
|
13044
|
+
}
|
|
13045
|
+
|
|
13046
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
13047
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
13048
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
13049
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
13050
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
13051
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
13052
|
+
}
|
|
13053
|
+
|
|
13054
|
+
.pf-v6-c-label-group__textarea {
|
|
13055
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
13056
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
13057
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
13058
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
13059
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
13060
|
+
white-space: nowrap;
|
|
13061
|
+
resize: none;
|
|
13062
|
+
border: 0;
|
|
13063
|
+
-ms-overflow-style: none;
|
|
13064
|
+
scrollbar-width: none;
|
|
13065
|
+
}
|
|
13066
|
+
|
|
13067
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
13068
|
+
display: none;
|
|
13069
|
+
}
|
|
13070
|
+
|
|
13071
|
+
:where(:root, .pf-v6-c-list) {
|
|
13072
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
13073
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
13074
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
13075
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
13076
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
13077
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
13078
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
13079
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
13080
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
13081
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13082
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13083
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
13084
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
13085
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13086
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13087
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
13088
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
13089
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
13090
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
13091
|
+
}
|
|
13092
|
+
|
|
13093
|
+
.pf-v6-c-list {
|
|
13094
|
+
display: flex;
|
|
13095
|
+
flex-direction: column;
|
|
13096
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
13097
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
13098
|
+
}
|
|
13099
|
+
|
|
13100
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
13101
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
13102
|
+
}
|
|
13103
|
+
|
|
13104
|
+
ul.pf-v6-c-list {
|
|
13105
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
13106
|
+
}
|
|
13107
|
+
|
|
13108
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
13109
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
13110
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
13111
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
13112
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
13113
|
+
}
|
|
13114
|
+
|
|
13115
|
+
.pf-v6-c-list.pf-m-plain {
|
|
13116
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
13117
|
+
list-style: none;
|
|
13118
|
+
}
|
|
13119
|
+
|
|
13120
|
+
.pf-v6-c-list.pf-m-inline {
|
|
13121
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
13122
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
13123
|
+
flex-direction: row;
|
|
13124
|
+
flex-wrap: wrap;
|
|
13125
|
+
list-style: none;
|
|
13126
|
+
}
|
|
13127
|
+
|
|
13128
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
13129
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
13130
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
13131
|
+
}
|
|
13132
|
+
|
|
13133
|
+
.pf-v6-c-list__item {
|
|
13134
|
+
display: flex;
|
|
13135
|
+
}
|
|
13136
|
+
|
|
13137
|
+
.pf-v6-c-list__item-icon {
|
|
13138
|
+
flex-shrink: 0;
|
|
13139
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
13140
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
13141
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
13142
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
13143
|
+
line-height: 1;
|
|
13144
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
13145
|
+
}
|
|
13146
|
+
|
|
13147
|
+
:where(:root, .pf-v6-c-login) {
|
|
13148
|
+
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
13149
|
+
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13150
|
+
--pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
|
|
13151
|
+
--pf-v6-c-login__container--MaxWidth: 31.25rem;
|
|
13152
|
+
--pf-v6-c-login__container--xl--MaxWidth: none;
|
|
13153
|
+
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
13154
|
+
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
13155
|
+
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
13156
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
13157
|
+
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13158
|
+
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13159
|
+
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
13160
|
+
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
13161
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13162
|
+
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
13163
|
+
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13164
|
+
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13165
|
+
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
13166
|
+
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
13167
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
13168
|
+
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
13169
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
13170
|
+
--pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
13171
|
+
--pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
13172
|
+
--pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
|
|
13173
|
+
--pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
|
|
13174
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13175
|
+
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
13176
|
+
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13177
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
13178
|
+
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
13179
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
13180
|
+
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
13181
|
+
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
13182
|
+
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
13183
|
+
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
13184
|
+
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13185
|
+
--pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
13186
|
+
--pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
13187
|
+
--pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
13188
|
+
--pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
|
|
13189
|
+
--pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
|
|
13190
|
+
--pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
13191
|
+
--pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13192
|
+
--pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13193
|
+
--pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13194
|
+
--pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13195
|
+
--pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13196
|
+
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13197
|
+
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13198
|
+
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13199
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13200
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
13201
|
+
}
|
|
13202
|
+
|
|
13203
|
+
@media (min-width: 75rem) {
|
|
13204
|
+
:where(:root, .pf-v6-c-login) {
|
|
13205
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
13206
|
+
}
|
|
13207
|
+
}
|
|
13208
|
+
@media (min-width: 36rem) {
|
|
13209
|
+
:where(:root, .pf-v6-c-login) {
|
|
13210
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
13211
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
13212
|
+
}
|
|
13213
|
+
}
|
|
13214
|
+
@media (min-width: 75rem) {
|
|
13215
|
+
:where(:root, .pf-v6-c-login) {
|
|
13216
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
13217
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
13218
|
+
}
|
|
13219
|
+
}
|
|
13220
|
+
@media (min-width: 75rem) {
|
|
13221
|
+
:where(:root, .pf-v6-c-login) {
|
|
13222
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
13223
|
+
}
|
|
13224
|
+
}
|
|
13225
|
+
@media (min-width: 48rem) {
|
|
13226
|
+
:where(:root, .pf-v6-c-login) {
|
|
13227
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
13228
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
13229
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
13230
|
+
}
|
|
13231
|
+
}
|
|
13232
|
+
@media (min-width: 48rem) {
|
|
13233
|
+
:where(:root, .pf-v6-c-login) {
|
|
13234
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
13235
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
13236
|
+
}
|
|
13237
|
+
}
|
|
13238
|
+
@media (min-width: 36rem) {
|
|
13239
|
+
:where(:root, .pf-v6-c-login) {
|
|
13240
|
+
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
13241
|
+
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
13242
|
+
}
|
|
13243
|
+
}
|
|
13244
|
+
@media (min-width: 75rem) {
|
|
13245
|
+
:where(:root, .pf-v6-c-login) {
|
|
13246
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
13247
|
+
}
|
|
13248
|
+
}
|
|
13249
|
+
.pf-v6-c-login {
|
|
13250
|
+
display: flex;
|
|
13251
|
+
justify-content: center;
|
|
13252
|
+
min-height: 100vh;
|
|
13253
|
+
padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
|
|
13254
|
+
padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
|
|
13255
|
+
}
|
|
13256
|
+
|
|
13257
|
+
@media (min-width: 36rem) {
|
|
13258
|
+
.pf-v6-c-login {
|
|
13259
|
+
align-items: center;
|
|
13260
|
+
}
|
|
13261
|
+
}
|
|
13262
|
+
.pf-v6-c-login__container {
|
|
13263
|
+
width: 100%;
|
|
13264
|
+
max-width: var(--pf-v6-c-login__container--MaxWidth);
|
|
13265
|
+
}
|
|
13266
|
+
|
|
13267
|
+
@media (min-width: 75rem) {
|
|
13268
|
+
.pf-v6-c-login__container {
|
|
13269
|
+
display: grid;
|
|
13270
|
+
grid-template-areas: "main header" "main footer" "main .";
|
|
13271
|
+
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
13272
|
+
grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
13273
|
+
justify-content: center;
|
|
13274
|
+
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
13275
|
+
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
13276
|
+
}
|
|
13277
|
+
}
|
|
13278
|
+
.pf-v6-c-login__header {
|
|
13279
|
+
grid-area: header;
|
|
13280
|
+
padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
|
|
13281
|
+
padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
|
|
13282
|
+
}
|
|
13283
|
+
|
|
13284
|
+
@media (min-width: 75rem) {
|
|
13285
|
+
.pf-v6-c-login__header {
|
|
13286
|
+
margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
|
|
13287
|
+
}
|
|
13288
|
+
}
|
|
13289
|
+
.pf-v6-c-login__header .pf-v6-c-brand {
|
|
13290
|
+
margin-block-end: var(--pf-v6-c-login__header--c-brand--MarginBlockEnd);
|
|
13291
|
+
}
|
|
13292
|
+
|
|
13293
|
+
.pf-v6-c-login__main {
|
|
13294
|
+
grid-area: main;
|
|
13295
|
+
align-self: start;
|
|
13296
|
+
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
13297
|
+
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
13298
|
+
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
13299
|
+
}
|
|
13300
|
+
|
|
13301
|
+
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
13302
|
+
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
13303
|
+
}
|
|
13304
|
+
|
|
13305
|
+
.pf-v6-c-login__main > :last-child:not(.pf-v6-c-login__main-footer) {
|
|
13306
|
+
padding-block-end: var(--pf-v6-c-login__main-footer--PaddingBlockEnd);
|
|
13307
|
+
}
|
|
13308
|
+
|
|
13309
|
+
.pf-v6-c-login__main-header {
|
|
13310
|
+
display: grid;
|
|
13311
|
+
grid-template-columns: 100%;
|
|
13312
|
+
row-gap: var(--pf-v6-c-login__main-header--RowGap);
|
|
13313
|
+
column-gap: var(--pf-v6-c-login__main-header--ColumnGap);
|
|
13314
|
+
align-items: center;
|
|
13315
|
+
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
13316
|
+
padding-block-end: var(--pf-v6-c-login__main-header--PaddingBlockEnd);
|
|
13317
|
+
padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
|
|
13318
|
+
padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
|
|
13319
|
+
}
|
|
13320
|
+
|
|
13321
|
+
@media (min-width: 48rem) {
|
|
13322
|
+
.pf-v6-c-login__main-header {
|
|
13323
|
+
grid-template-columns: 1fr auto;
|
|
13324
|
+
}
|
|
13044
13325
|
}
|
|
13045
|
-
|
|
13046
|
-
.pf-v6-c-
|
|
13047
|
-
|
|
13048
|
-
|
|
13049
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
13050
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
13051
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
13326
|
+
.pf-v6-c-login__main-header-utilities,
|
|
13327
|
+
.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
|
|
13328
|
+
grid-row: auto;
|
|
13329
|
+
grid-column: auto;
|
|
13052
13330
|
}
|
|
13053
13331
|
|
|
13054
|
-
|
|
13055
|
-
|
|
13056
|
-
|
|
13057
|
-
|
|
13058
|
-
|
|
13059
|
-
|
|
13060
|
-
white-space: nowrap;
|
|
13061
|
-
resize: none;
|
|
13062
|
-
border: 0;
|
|
13063
|
-
-ms-overflow-style: none;
|
|
13064
|
-
scrollbar-width: none;
|
|
13332
|
+
@media (min-width: 48rem) {
|
|
13333
|
+
.pf-v6-c-login__main-header-utilities,
|
|
13334
|
+
.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
|
|
13335
|
+
grid-row: 1;
|
|
13336
|
+
grid-column: 2/3;
|
|
13337
|
+
}
|
|
13065
13338
|
}
|
|
13066
|
-
|
|
13067
|
-
|
|
13068
|
-
|
|
13339
|
+
.pf-v6-c-login__main-header-desc {
|
|
13340
|
+
grid-column: 1/-1;
|
|
13341
|
+
margin-block-end: var(--pf-v6-c-login__main-header-desc--MarginBlockEnd);
|
|
13342
|
+
font-size: var(--pf-v6-c-login__main-header-desc--FontSize);
|
|
13069
13343
|
}
|
|
13070
13344
|
|
|
13071
|
-
|
|
13072
|
-
|
|
13073
|
-
|
|
13074
|
-
|
|
13075
|
-
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
13076
|
-
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
13077
|
-
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
13078
|
-
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
13079
|
-
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
13080
|
-
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
13081
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13082
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13083
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
13084
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
13085
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13086
|
-
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13087
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
13088
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
13089
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
13090
|
-
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
13345
|
+
.pf-v6-c-login__main-body {
|
|
13346
|
+
padding-block-end: var(--pf-v6-c-login__main-body--PaddingBlockEnd);
|
|
13347
|
+
padding-inline-start: var(--pf-v6-c-login__main-body--PaddingInlineStart);
|
|
13348
|
+
padding-inline-end: var(--pf-v6-c-login__main-body--PaddingInlineEnd);
|
|
13091
13349
|
}
|
|
13092
13350
|
|
|
13093
|
-
.pf-v6-c-
|
|
13351
|
+
.pf-v6-c-login__main-footer {
|
|
13094
13352
|
display: flex;
|
|
13095
|
-
flex-
|
|
13096
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
13097
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
13353
|
+
flex-wrap: wrap;
|
|
13098
13354
|
}
|
|
13099
13355
|
|
|
13100
|
-
.pf-v6-c-
|
|
13101
|
-
|
|
13356
|
+
.pf-v6-c-login__main-footer .pf-v6-c-title {
|
|
13357
|
+
margin-block-end: var(--pf-v6-c-login__main-footer--c-title--MarginBlockEnd);
|
|
13358
|
+
text-align: center;
|
|
13102
13359
|
}
|
|
13103
13360
|
|
|
13104
|
-
|
|
13105
|
-
|
|
13361
|
+
.pf-v6-c-login__main-footer > * {
|
|
13362
|
+
flex-basis: 100%;
|
|
13106
13363
|
}
|
|
13107
13364
|
|
|
13108
|
-
.pf-v6-c-
|
|
13109
|
-
|
|
13110
|
-
|
|
13111
|
-
|
|
13112
|
-
|
|
13365
|
+
.pf-v6-c-login__main-footer-links {
|
|
13366
|
+
display: flex;
|
|
13367
|
+
flex-wrap: wrap;
|
|
13368
|
+
gap: var(--pf-v6-c-login__main-footer-links--Gap);
|
|
13369
|
+
justify-content: center;
|
|
13370
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-links--PaddingBlockStart);
|
|
13371
|
+
padding-block-end: var(--pf-v6-c-login__main-footer-links--PaddingBlockEnd);
|
|
13372
|
+
padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
|
|
13373
|
+
padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
|
|
13113
13374
|
}
|
|
13114
13375
|
|
|
13115
|
-
.pf-v6-c-
|
|
13116
|
-
--pf-v6-c-
|
|
13117
|
-
list-style: none;
|
|
13376
|
+
.pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
|
|
13377
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
|
|
13118
13378
|
}
|
|
13119
13379
|
|
|
13120
|
-
.pf-v6-c-
|
|
13121
|
-
|
|
13122
|
-
|
|
13123
|
-
|
|
13124
|
-
|
|
13125
|
-
|
|
13380
|
+
.pf-v6-c-login__main-footer-band {
|
|
13381
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
|
|
13382
|
+
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
13383
|
+
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
13384
|
+
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
13385
|
+
text-align: center;
|
|
13386
|
+
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
13126
13387
|
}
|
|
13127
13388
|
|
|
13128
|
-
.pf-v6-c-
|
|
13129
|
-
padding-block-start: var(--pf-v6-c-
|
|
13130
|
-
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
13389
|
+
.pf-v6-c-login__main-footer-band > * + * {
|
|
13390
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
13131
13391
|
}
|
|
13132
13392
|
|
|
13133
|
-
.pf-v6-c-
|
|
13134
|
-
|
|
13393
|
+
.pf-v6-c-login__footer {
|
|
13394
|
+
grid-area: footer;
|
|
13395
|
+
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
13396
|
+
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
13135
13397
|
}
|
|
13136
13398
|
|
|
13137
|
-
.pf-v6-c-
|
|
13138
|
-
|
|
13139
|
-
|
|
13140
|
-
|
|
13141
|
-
|
|
13142
|
-
|
|
13143
|
-
line-height: 1;
|
|
13144
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
13399
|
+
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
13400
|
+
color: unset;
|
|
13401
|
+
}
|
|
13402
|
+
|
|
13403
|
+
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
13404
|
+
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
13145
13405
|
}
|
|
13146
13406
|
|
|
13147
13407
|
:where(:root, .pf-v6-c-masthead) {
|
|
@@ -13361,164 +13621,44 @@ ul.pf-v6-c-list {
|
|
|
13361
13621
|
}
|
|
13362
13622
|
|
|
13363
13623
|
.pf-v6-c-masthead__toggle {
|
|
13364
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-masthead__toggle--Size);
|
|
13365
|
-
}
|
|
13366
|
-
|
|
13367
|
-
.pf-v6-c-masthead__expandable-content {
|
|
13368
|
-
row-gap: var(--pf-v6-c-masthead__expandable-content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
13369
|
-
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
13370
|
-
}
|
|
13371
|
-
|
|
13372
|
-
.pf-v6-c-masthead.pf-m-display-stack {
|
|
13373
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13374
|
-
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13375
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
13376
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
13377
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
13378
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
13379
|
-
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
13380
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
13381
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
13382
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
13383
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13384
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13385
|
-
}
|
|
13386
|
-
|
|
13387
|
-
.pf-v6-c-masthead.pf-m-display-inline {
|
|
13388
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13389
|
-
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13390
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
13391
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
13392
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
13393
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
13394
|
-
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
13395
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
13396
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
13397
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
13398
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
13399
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
13400
|
-
}
|
|
13401
|
-
|
|
13402
|
-
.pf-v6-c-masthead.pf-m-inset-none {
|
|
13403
|
-
padding-inline-start: 0;
|
|
13404
|
-
padding-inline-end: 0;
|
|
13405
|
-
}
|
|
13406
|
-
|
|
13407
|
-
.pf-v6-c-masthead.pf-m-inset-sm {
|
|
13408
|
-
padding-inline-start: var(--pf-t--global--spacer--sm);
|
|
13409
|
-
padding-inline-end: var(--pf-t--global--spacer--sm);
|
|
13410
|
-
}
|
|
13411
|
-
|
|
13412
|
-
.pf-v6-c-masthead.pf-m-inset-md {
|
|
13413
|
-
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
13414
|
-
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
13415
|
-
}
|
|
13416
|
-
|
|
13417
|
-
.pf-v6-c-masthead.pf-m-inset-lg {
|
|
13418
|
-
padding-inline-start: var(--pf-t--global--spacer--lg);
|
|
13419
|
-
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
13420
|
-
}
|
|
13421
|
-
|
|
13422
|
-
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
13423
|
-
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
13424
|
-
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
13425
|
-
}
|
|
13426
|
-
|
|
13427
|
-
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
13428
|
-
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
13429
|
-
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13430
|
-
}
|
|
13431
|
-
|
|
13432
|
-
@media (min-width: 36rem) {
|
|
13433
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
|
13434
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13435
|
-
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13436
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
13437
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
13438
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
13439
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
13440
|
-
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
13441
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
13442
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
13443
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
13444
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13445
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13446
|
-
}
|
|
13447
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
|
13448
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13449
|
-
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13450
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
13451
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
13452
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
13453
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
13454
|
-
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
13455
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
13456
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
13457
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
13458
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
13459
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
13460
|
-
}
|
|
13461
|
-
}
|
|
13462
|
-
.pf-v6-c-masthead.pf-m-inset-none {
|
|
13463
|
-
padding-inline-start: 0;
|
|
13464
|
-
padding-inline-end: 0;
|
|
13465
|
-
}
|
|
13466
|
-
|
|
13467
|
-
.pf-v6-c-masthead.pf-m-inset-sm {
|
|
13468
|
-
padding-inline-start: var(--pf-t--global--spacer--sm);
|
|
13469
|
-
padding-inline-end: var(--pf-t--global--spacer--sm);
|
|
13470
|
-
}
|
|
13471
|
-
|
|
13472
|
-
.pf-v6-c-masthead.pf-m-inset-md {
|
|
13473
|
-
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
13474
|
-
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
13475
|
-
}
|
|
13476
|
-
|
|
13477
|
-
.pf-v6-c-masthead.pf-m-inset-lg {
|
|
13478
|
-
padding-inline-start: var(--pf-t--global--spacer--lg);
|
|
13479
|
-
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
13624
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-masthead__toggle--Size);
|
|
13480
13625
|
}
|
|
13481
13626
|
|
|
13482
|
-
.pf-v6-c-
|
|
13483
|
-
|
|
13484
|
-
|
|
13627
|
+
.pf-v6-c-masthead__expandable-content {
|
|
13628
|
+
row-gap: var(--pf-v6-c-masthead__expandable-content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
13629
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
13485
13630
|
}
|
|
13486
13631
|
|
|
13487
|
-
.pf-v6-c-masthead.pf-m-
|
|
13488
|
-
|
|
13489
|
-
|
|
13632
|
+
.pf-v6-c-masthead.pf-m-display-stack {
|
|
13633
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13634
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13635
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
13636
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
13637
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
13638
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
13639
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
13640
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
13641
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
13642
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
13643
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13644
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13490
13645
|
}
|
|
13491
13646
|
|
|
13492
|
-
|
|
13493
|
-
|
|
13494
|
-
|
|
13495
|
-
|
|
13496
|
-
|
|
13497
|
-
|
|
13498
|
-
|
|
13499
|
-
|
|
13500
|
-
|
|
13501
|
-
|
|
13502
|
-
|
|
13503
|
-
|
|
13504
|
-
|
|
13505
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13506
|
-
}
|
|
13507
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
|
13508
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13509
|
-
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13510
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
13511
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
13512
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
13513
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
13514
|
-
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
13515
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
13516
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
13517
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
13518
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
13519
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
13520
|
-
}
|
|
13647
|
+
.pf-v6-c-masthead.pf-m-display-inline {
|
|
13648
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13649
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13650
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
13651
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
13652
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
13653
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
13654
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
13655
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
13656
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
13657
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
13658
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
13659
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
13521
13660
|
}
|
|
13661
|
+
|
|
13522
13662
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
13523
13663
|
padding-inline-start: 0;
|
|
13524
13664
|
padding-inline-end: 0;
|
|
@@ -13549,8 +13689,8 @@ ul.pf-v6-c-list {
|
|
|
13549
13689
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13550
13690
|
}
|
|
13551
13691
|
|
|
13552
|
-
@media (min-width:
|
|
13553
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
13692
|
+
@media (min-width: 36rem) {
|
|
13693
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
|
13554
13694
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13555
13695
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13556
13696
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -13564,7 +13704,7 @@ ul.pf-v6-c-list {
|
|
|
13564
13704
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13565
13705
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13566
13706
|
}
|
|
13567
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
13707
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
|
13568
13708
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13569
13709
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13570
13710
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -13609,8 +13749,8 @@ ul.pf-v6-c-list {
|
|
|
13609
13749
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13610
13750
|
}
|
|
13611
13751
|
|
|
13612
|
-
@media (min-width:
|
|
13613
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
13752
|
+
@media (min-width: 48rem) {
|
|
13753
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-md {
|
|
13614
13754
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13615
13755
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13616
13756
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -13624,7 +13764,7 @@ ul.pf-v6-c-list {
|
|
|
13624
13764
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13625
13765
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13626
13766
|
}
|
|
13627
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
13767
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
|
13628
13768
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13629
13769
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13630
13770
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -13669,8 +13809,8 @@ ul.pf-v6-c-list {
|
|
|
13669
13809
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13670
13810
|
}
|
|
13671
13811
|
|
|
13672
|
-
@media (min-width:
|
|
13673
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
13812
|
+
@media (min-width: 62rem) {
|
|
13813
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-lg {
|
|
13674
13814
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13675
13815
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13676
13816
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -13684,7 +13824,7 @@ ul.pf-v6-c-list {
|
|
|
13684
13824
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13685
13825
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13686
13826
|
}
|
|
13687
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
13827
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-lg {
|
|
13688
13828
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13689
13829
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13690
13830
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -13719,274 +13859,134 @@ ul.pf-v6-c-list {
|
|
|
13719
13859
|
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
13720
13860
|
}
|
|
13721
13861
|
|
|
13722
|
-
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
13723
|
-
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
13724
|
-
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
13725
|
-
}
|
|
13726
|
-
|
|
13727
|
-
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
13728
|
-
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
13729
|
-
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13730
|
-
}
|
|
13731
|
-
|
|
13732
|
-
:where(:root, .pf-v6-c-login) {
|
|
13733
|
-
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
13734
|
-
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13735
|
-
--pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
|
|
13736
|
-
--pf-v6-c-login__container--MaxWidth: 31.25rem;
|
|
13737
|
-
--pf-v6-c-login__container--xl--MaxWidth: none;
|
|
13738
|
-
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
13739
|
-
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
13740
|
-
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
13741
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
13742
|
-
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13743
|
-
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13744
|
-
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
13745
|
-
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
13746
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13747
|
-
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
13748
|
-
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13749
|
-
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13750
|
-
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
13751
|
-
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
13752
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
13753
|
-
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
13754
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
13755
|
-
--pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
13756
|
-
--pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
13757
|
-
--pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
|
|
13758
|
-
--pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
|
|
13759
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13760
|
-
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
13761
|
-
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13762
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
13763
|
-
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
13764
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
13765
|
-
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
13766
|
-
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
13767
|
-
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
13768
|
-
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
13769
|
-
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13770
|
-
--pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
13771
|
-
--pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
13772
|
-
--pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
13773
|
-
--pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
|
|
13774
|
-
--pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
|
|
13775
|
-
--pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
13776
|
-
--pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13777
|
-
--pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13778
|
-
--pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13779
|
-
--pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13780
|
-
--pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13781
|
-
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13782
|
-
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13783
|
-
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13784
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13785
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
13786
|
-
}
|
|
13787
|
-
|
|
13788
|
-
@media (min-width: 75rem) {
|
|
13789
|
-
:where(:root, .pf-v6-c-login) {
|
|
13790
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
13791
|
-
}
|
|
13792
|
-
}
|
|
13793
|
-
@media (min-width: 36rem) {
|
|
13794
|
-
:where(:root, .pf-v6-c-login) {
|
|
13795
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
13796
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
13797
|
-
}
|
|
13798
|
-
}
|
|
13799
|
-
@media (min-width: 75rem) {
|
|
13800
|
-
:where(:root, .pf-v6-c-login) {
|
|
13801
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
13802
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
13803
|
-
}
|
|
13804
|
-
}
|
|
13805
|
-
@media (min-width: 75rem) {
|
|
13806
|
-
:where(:root, .pf-v6-c-login) {
|
|
13807
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
13808
|
-
}
|
|
13809
|
-
}
|
|
13810
|
-
@media (min-width: 48rem) {
|
|
13811
|
-
:where(:root, .pf-v6-c-login) {
|
|
13812
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
13813
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
13814
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
13815
|
-
}
|
|
13816
|
-
}
|
|
13817
|
-
@media (min-width: 48rem) {
|
|
13818
|
-
:where(:root, .pf-v6-c-login) {
|
|
13819
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
13820
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
13821
|
-
}
|
|
13822
|
-
}
|
|
13823
|
-
@media (min-width: 36rem) {
|
|
13824
|
-
:where(:root, .pf-v6-c-login) {
|
|
13825
|
-
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
13826
|
-
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
13827
|
-
}
|
|
13828
|
-
}
|
|
13829
|
-
@media (min-width: 75rem) {
|
|
13830
|
-
:where(:root, .pf-v6-c-login) {
|
|
13831
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
13832
|
-
}
|
|
13833
|
-
}
|
|
13834
|
-
.pf-v6-c-login {
|
|
13835
|
-
display: flex;
|
|
13836
|
-
justify-content: center;
|
|
13837
|
-
min-height: 100vh;
|
|
13838
|
-
padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
|
|
13839
|
-
padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
|
|
13840
|
-
}
|
|
13841
|
-
|
|
13842
|
-
@media (min-width: 36rem) {
|
|
13843
|
-
.pf-v6-c-login {
|
|
13844
|
-
align-items: center;
|
|
13845
|
-
}
|
|
13846
|
-
}
|
|
13847
|
-
.pf-v6-c-login__container {
|
|
13848
|
-
width: 100%;
|
|
13849
|
-
max-width: var(--pf-v6-c-login__container--MaxWidth);
|
|
13850
|
-
}
|
|
13851
|
-
|
|
13852
|
-
@media (min-width: 75rem) {
|
|
13853
|
-
.pf-v6-c-login__container {
|
|
13854
|
-
display: grid;
|
|
13855
|
-
grid-template-areas: "main header" "main footer" "main .";
|
|
13856
|
-
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
13857
|
-
grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
13858
|
-
justify-content: center;
|
|
13859
|
-
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
13860
|
-
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
13861
|
-
}
|
|
13862
|
-
}
|
|
13863
|
-
.pf-v6-c-login__header {
|
|
13864
|
-
grid-area: header;
|
|
13865
|
-
padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
|
|
13866
|
-
padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
|
|
13867
|
-
}
|
|
13868
|
-
|
|
13869
|
-
@media (min-width: 75rem) {
|
|
13870
|
-
.pf-v6-c-login__header {
|
|
13871
|
-
margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
|
|
13872
|
-
}
|
|
13873
|
-
}
|
|
13874
|
-
.pf-v6-c-login__header .pf-v6-c-brand {
|
|
13875
|
-
margin-block-end: var(--pf-v6-c-login__header--c-brand--MarginBlockEnd);
|
|
13876
|
-
}
|
|
13877
|
-
|
|
13878
|
-
.pf-v6-c-login__main {
|
|
13879
|
-
grid-area: main;
|
|
13880
|
-
align-self: start;
|
|
13881
|
-
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
13882
|
-
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
13883
|
-
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
13884
|
-
}
|
|
13885
|
-
|
|
13886
|
-
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
13887
|
-
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
13888
|
-
}
|
|
13889
|
-
|
|
13890
|
-
.pf-v6-c-login__main > :last-child:not(.pf-v6-c-login__main-footer) {
|
|
13891
|
-
padding-block-end: var(--pf-v6-c-login__main-footer--PaddingBlockEnd);
|
|
13892
|
-
}
|
|
13893
|
-
|
|
13894
|
-
.pf-v6-c-login__main-header {
|
|
13895
|
-
display: grid;
|
|
13896
|
-
grid-template-columns: 100%;
|
|
13897
|
-
row-gap: var(--pf-v6-c-login__main-header--RowGap);
|
|
13898
|
-
column-gap: var(--pf-v6-c-login__main-header--ColumnGap);
|
|
13899
|
-
align-items: center;
|
|
13900
|
-
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
13901
|
-
padding-block-end: var(--pf-v6-c-login__main-header--PaddingBlockEnd);
|
|
13902
|
-
padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
|
|
13903
|
-
padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
|
|
13862
|
+
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
13863
|
+
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
13864
|
+
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
13904
13865
|
}
|
|
13905
13866
|
|
|
13906
|
-
|
|
13907
|
-
|
|
13908
|
-
|
|
13909
|
-
}
|
|
13910
|
-
}
|
|
13911
|
-
.pf-v6-c-login__main-header-utilities,
|
|
13912
|
-
.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
|
|
13913
|
-
grid-row: auto;
|
|
13914
|
-
grid-column: auto;
|
|
13867
|
+
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
13868
|
+
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
13869
|
+
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13915
13870
|
}
|
|
13916
13871
|
|
|
13917
|
-
@media (min-width:
|
|
13918
|
-
.pf-v6-c-
|
|
13919
|
-
|
|
13920
|
-
|
|
13921
|
-
|
|
13872
|
+
@media (min-width: 75rem) {
|
|
13873
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-xl {
|
|
13874
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13875
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13876
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
13877
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
13878
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
13879
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
13880
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
13881
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
13882
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
13883
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
13884
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13885
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13886
|
+
}
|
|
13887
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-xl {
|
|
13888
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13889
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13890
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
13891
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
13892
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
13893
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
13894
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
13895
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
13896
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
13897
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
13898
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
13899
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
13922
13900
|
}
|
|
13923
13901
|
}
|
|
13924
|
-
.pf-v6-c-
|
|
13925
|
-
|
|
13926
|
-
|
|
13927
|
-
font-size: var(--pf-v6-c-login__main-header-desc--FontSize);
|
|
13902
|
+
.pf-v6-c-masthead.pf-m-inset-none {
|
|
13903
|
+
padding-inline-start: 0;
|
|
13904
|
+
padding-inline-end: 0;
|
|
13928
13905
|
}
|
|
13929
13906
|
|
|
13930
|
-
.pf-v6-c-
|
|
13931
|
-
padding-
|
|
13932
|
-
padding-inline-
|
|
13933
|
-
padding-inline-end: var(--pf-v6-c-login__main-body--PaddingInlineEnd);
|
|
13907
|
+
.pf-v6-c-masthead.pf-m-inset-sm {
|
|
13908
|
+
padding-inline-start: var(--pf-t--global--spacer--sm);
|
|
13909
|
+
padding-inline-end: var(--pf-t--global--spacer--sm);
|
|
13934
13910
|
}
|
|
13935
13911
|
|
|
13936
|
-
.pf-v6-c-
|
|
13937
|
-
|
|
13938
|
-
|
|
13912
|
+
.pf-v6-c-masthead.pf-m-inset-md {
|
|
13913
|
+
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
13914
|
+
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
13939
13915
|
}
|
|
13940
13916
|
|
|
13941
|
-
.pf-v6-c-
|
|
13942
|
-
|
|
13943
|
-
|
|
13917
|
+
.pf-v6-c-masthead.pf-m-inset-lg {
|
|
13918
|
+
padding-inline-start: var(--pf-t--global--spacer--lg);
|
|
13919
|
+
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
13944
13920
|
}
|
|
13945
13921
|
|
|
13946
|
-
.pf-v6-c-
|
|
13947
|
-
|
|
13922
|
+
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
13923
|
+
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
13924
|
+
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
13948
13925
|
}
|
|
13949
13926
|
|
|
13950
|
-
.pf-v6-c-
|
|
13951
|
-
|
|
13952
|
-
|
|
13953
|
-
gap: var(--pf-v6-c-login__main-footer-links--Gap);
|
|
13954
|
-
justify-content: center;
|
|
13955
|
-
padding-block-start: var(--pf-v6-c-login__main-footer-links--PaddingBlockStart);
|
|
13956
|
-
padding-block-end: var(--pf-v6-c-login__main-footer-links--PaddingBlockEnd);
|
|
13957
|
-
padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
|
|
13958
|
-
padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
|
|
13927
|
+
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
13928
|
+
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
13929
|
+
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13959
13930
|
}
|
|
13960
13931
|
|
|
13961
|
-
|
|
13962
|
-
|
|
13932
|
+
@media (min-width: 90.625rem) {
|
|
13933
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-2xl {
|
|
13934
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
13935
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
13936
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
13937
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
13938
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
13939
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
13940
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
13941
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
13942
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
13943
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
13944
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
13945
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
13946
|
+
}
|
|
13947
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
|
13948
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
13949
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
13950
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
13951
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
13952
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
13953
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
13954
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
13955
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
13956
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
13957
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
13958
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
13959
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
13960
|
+
}
|
|
13961
|
+
}
|
|
13962
|
+
.pf-v6-c-masthead.pf-m-inset-none {
|
|
13963
|
+
padding-inline-start: 0;
|
|
13964
|
+
padding-inline-end: 0;
|
|
13963
13965
|
}
|
|
13964
13966
|
|
|
13965
|
-
.pf-v6-c-
|
|
13966
|
-
padding-
|
|
13967
|
-
padding-
|
|
13968
|
-
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
13969
|
-
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
13970
|
-
text-align: center;
|
|
13971
|
-
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
13967
|
+
.pf-v6-c-masthead.pf-m-inset-sm {
|
|
13968
|
+
padding-inline-start: var(--pf-t--global--spacer--sm);
|
|
13969
|
+
padding-inline-end: var(--pf-t--global--spacer--sm);
|
|
13972
13970
|
}
|
|
13973
13971
|
|
|
13974
|
-
.pf-v6-c-
|
|
13975
|
-
padding-
|
|
13972
|
+
.pf-v6-c-masthead.pf-m-inset-md {
|
|
13973
|
+
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
13974
|
+
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
13976
13975
|
}
|
|
13977
13976
|
|
|
13978
|
-
.pf-v6-c-
|
|
13979
|
-
|
|
13980
|
-
padding-inline-
|
|
13981
|
-
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
13977
|
+
.pf-v6-c-masthead.pf-m-inset-lg {
|
|
13978
|
+
padding-inline-start: var(--pf-t--global--spacer--lg);
|
|
13979
|
+
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
13982
13980
|
}
|
|
13983
13981
|
|
|
13984
|
-
.pf-v6-c-
|
|
13985
|
-
|
|
13982
|
+
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
13983
|
+
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
13984
|
+
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
13986
13985
|
}
|
|
13987
13986
|
|
|
13988
|
-
.pf-v6-c-
|
|
13989
|
-
padding-
|
|
13987
|
+
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
13988
|
+
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
13989
|
+
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
13990
13990
|
}
|
|
13991
13991
|
|
|
13992
13992
|
:where(:root, .pf-v6-c-menu) {
|
|
@@ -16861,101 +16861,15 @@ ul.pf-v6-c-list {
|
|
|
16861
16861
|
}
|
|
16862
16862
|
|
|
16863
16863
|
.pf-v6-c-progress__indicator {
|
|
16864
|
-
position: absolute;
|
|
16865
|
-
height: var(--pf-v6-c-progress__indicator--Height);
|
|
16866
|
-
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
16867
|
-
}
|
|
16868
|
-
|
|
16869
|
-
.pf-v6-c-progress__helper-text {
|
|
16870
|
-
grid-row: 3/4;
|
|
16871
|
-
grid-column: 1/3;
|
|
16872
|
-
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
16873
|
-
}
|
|
16874
|
-
|
|
16875
|
-
:where(:root, .pf-v6-c-radio) {
|
|
16876
|
-
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
16877
|
-
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
16878
|
-
--pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
16879
|
-
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
16880
|
-
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
16881
|
-
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
16882
|
-
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16883
|
-
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16884
|
-
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16885
|
-
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
16886
|
-
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
16887
|
-
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
16888
|
-
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
16889
|
-
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
16890
|
-
}
|
|
16891
|
-
|
|
16892
|
-
.pf-v6-c-radio {
|
|
16893
|
-
display: grid;
|
|
16894
|
-
grid-template-columns: auto 1fr;
|
|
16895
|
-
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
16896
|
-
align-items: baseline;
|
|
16897
|
-
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16898
|
-
}
|
|
16899
|
-
|
|
16900
|
-
.pf-v6-c-radio.pf-m-standalone {
|
|
16901
|
-
display: inline-grid;
|
|
16902
|
-
grid-template-columns: auto;
|
|
16903
|
-
height: var(--pf-v6-c-check--Height);
|
|
16904
|
-
}
|
|
16905
|
-
|
|
16906
|
-
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
16907
|
-
align-self: center;
|
|
16908
|
-
transform: none;
|
|
16909
|
-
}
|
|
16910
|
-
|
|
16911
|
-
.pf-v6-c-radio__input {
|
|
16912
|
-
align-self: start;
|
|
16913
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
16914
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
16915
|
-
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
16916
|
-
}
|
|
16917
|
-
|
|
16918
|
-
.pf-v6-c-radio__input:first-child {
|
|
16919
|
-
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
16920
|
-
}
|
|
16921
|
-
|
|
16922
|
-
.pf-v6-c-radio__input:last-child {
|
|
16923
|
-
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
16924
|
-
}
|
|
16925
|
-
|
|
16926
|
-
.pf-v6-c-radio__label {
|
|
16927
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
16928
|
-
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
16929
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
16930
|
-
color: var(--pf-v6-c-radio__label--Color);
|
|
16931
|
-
}
|
|
16932
|
-
|
|
16933
|
-
.pf-v6-c-radio__description {
|
|
16934
|
-
grid-column: 2;
|
|
16935
|
-
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
16936
|
-
color: var(--pf-v6-c-radio__description--Color);
|
|
16937
|
-
}
|
|
16938
|
-
|
|
16939
|
-
.pf-v6-c-radio__body {
|
|
16940
|
-
grid-column: 2;
|
|
16941
|
-
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
16942
|
-
}
|
|
16943
|
-
|
|
16944
|
-
.pf-v6-c-radio__label,
|
|
16945
|
-
.pf-v6-c-radio__input {
|
|
16946
|
-
justify-self: start;
|
|
16947
|
-
}
|
|
16948
|
-
|
|
16949
|
-
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16950
|
-
.pf-v6-c-radio__input {
|
|
16951
|
-
cursor: pointer;
|
|
16864
|
+
position: absolute;
|
|
16865
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
16866
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
16952
16867
|
}
|
|
16953
16868
|
|
|
16954
|
-
.pf-v6-c-
|
|
16955
|
-
|
|
16956
|
-
|
|
16957
|
-
|
|
16958
|
-
cursor: not-allowed;
|
|
16869
|
+
.pf-v6-c-progress__helper-text {
|
|
16870
|
+
grid-row: 3/4;
|
|
16871
|
+
grid-column: 1/3;
|
|
16872
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
16959
16873
|
}
|
|
16960
16874
|
|
|
16961
16875
|
:where(:root, .pf-v6-c-progress-stepper) {
|
|
@@ -17806,6 +17720,165 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17806
17720
|
display: flex;
|
|
17807
17721
|
}
|
|
17808
17722
|
|
|
17723
|
+
:where(:root, .pf-v6-c-radio) {
|
|
17724
|
+
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
17725
|
+
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
17726
|
+
--pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
17727
|
+
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
17728
|
+
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
17729
|
+
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
17730
|
+
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17731
|
+
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
17732
|
+
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17733
|
+
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
17734
|
+
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
17735
|
+
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
17736
|
+
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
17737
|
+
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
17738
|
+
}
|
|
17739
|
+
|
|
17740
|
+
.pf-v6-c-radio {
|
|
17741
|
+
display: grid;
|
|
17742
|
+
grid-template-columns: auto 1fr;
|
|
17743
|
+
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
17744
|
+
align-items: baseline;
|
|
17745
|
+
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
17746
|
+
}
|
|
17747
|
+
|
|
17748
|
+
.pf-v6-c-radio.pf-m-standalone {
|
|
17749
|
+
display: inline-grid;
|
|
17750
|
+
grid-template-columns: auto;
|
|
17751
|
+
height: var(--pf-v6-c-check--Height);
|
|
17752
|
+
}
|
|
17753
|
+
|
|
17754
|
+
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
17755
|
+
align-self: center;
|
|
17756
|
+
transform: none;
|
|
17757
|
+
}
|
|
17758
|
+
|
|
17759
|
+
.pf-v6-c-radio__input {
|
|
17760
|
+
align-self: start;
|
|
17761
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
17762
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
17763
|
+
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
17764
|
+
}
|
|
17765
|
+
|
|
17766
|
+
.pf-v6-c-radio__input:first-child {
|
|
17767
|
+
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
17768
|
+
}
|
|
17769
|
+
|
|
17770
|
+
.pf-v6-c-radio__input:last-child {
|
|
17771
|
+
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
17772
|
+
}
|
|
17773
|
+
|
|
17774
|
+
.pf-v6-c-radio__label {
|
|
17775
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
17776
|
+
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
17777
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
17778
|
+
color: var(--pf-v6-c-radio__label--Color);
|
|
17779
|
+
}
|
|
17780
|
+
|
|
17781
|
+
.pf-v6-c-radio__description {
|
|
17782
|
+
grid-column: 2;
|
|
17783
|
+
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
17784
|
+
color: var(--pf-v6-c-radio__description--Color);
|
|
17785
|
+
}
|
|
17786
|
+
|
|
17787
|
+
.pf-v6-c-radio__body {
|
|
17788
|
+
grid-column: 2;
|
|
17789
|
+
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
17790
|
+
}
|
|
17791
|
+
|
|
17792
|
+
.pf-v6-c-radio__label,
|
|
17793
|
+
.pf-v6-c-radio__input {
|
|
17794
|
+
justify-self: start;
|
|
17795
|
+
}
|
|
17796
|
+
|
|
17797
|
+
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17798
|
+
.pf-v6-c-radio__input {
|
|
17799
|
+
cursor: pointer;
|
|
17800
|
+
}
|
|
17801
|
+
|
|
17802
|
+
.pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
|
|
17803
|
+
.pf-v6-c-radio__input:disabled,
|
|
17804
|
+
.pf-v6-c-radio__input.pf-m-disabled {
|
|
17805
|
+
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
17806
|
+
cursor: not-allowed;
|
|
17807
|
+
}
|
|
17808
|
+
|
|
17809
|
+
:where(:root, .pf-v6-c-simple-list) {
|
|
17810
|
+
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
17811
|
+
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17812
|
+
--pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
17813
|
+
--pf-v6-c-simple-list__item-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17814
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17815
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
17816
|
+
--pf-v6-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17817
|
+
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
17818
|
+
--pf-v6-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17819
|
+
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
17820
|
+
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17821
|
+
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
17822
|
+
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
17823
|
+
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
17824
|
+
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
17825
|
+
--pf-v6-c-simple-list__title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
17826
|
+
--pf-v6-c-simple-list__title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17827
|
+
--pf-v6-c-simple-list__title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17828
|
+
--pf-v6-c-simple-list__title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17829
|
+
--pf-v6-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17830
|
+
--pf-v6-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
|
|
17831
|
+
--pf-v6-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
17832
|
+
--pf-v6-c-simple-list__section--section--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
17833
|
+
}
|
|
17834
|
+
|
|
17835
|
+
.pf-v6-c-simple-list__item-link {
|
|
17836
|
+
display: block;
|
|
17837
|
+
width: 100%;
|
|
17838
|
+
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
17839
|
+
padding-block-end: var(--pf-v6-c-simple-list__item-link--PaddingBlockEnd);
|
|
17840
|
+
padding-inline-start: var(--pf-v6-c-simple-list__item-link--PaddingInlineStart);
|
|
17841
|
+
padding-inline-end: var(--pf-v6-c-simple-list__item-link--PaddingInlineEnd);
|
|
17842
|
+
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
|
17843
|
+
color: var(--pf-v6-c-simple-list__item-link--Color);
|
|
17844
|
+
text-align: start;
|
|
17845
|
+
text-decoration: none;
|
|
17846
|
+
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
|
17847
|
+
border: none;
|
|
17848
|
+
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
17849
|
+
}
|
|
17850
|
+
|
|
17851
|
+
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
17852
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
17853
|
+
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
17854
|
+
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
17855
|
+
}
|
|
17856
|
+
|
|
17857
|
+
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
17858
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
17859
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
17860
|
+
text-decoration: none;
|
|
17861
|
+
}
|
|
17862
|
+
|
|
17863
|
+
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
17864
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
17865
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
17866
|
+
}
|
|
17867
|
+
|
|
17868
|
+
.pf-v6-c-simple-list__title {
|
|
17869
|
+
padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
|
|
17870
|
+
padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
|
|
17871
|
+
padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
|
|
17872
|
+
padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
|
|
17873
|
+
font-size: var(--pf-v6-c-simple-list__title--FontSize);
|
|
17874
|
+
font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
|
|
17875
|
+
color: var(--pf-v6-c-simple-list__title--Color);
|
|
17876
|
+
}
|
|
17877
|
+
|
|
17878
|
+
.pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
|
|
17879
|
+
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
17880
|
+
}
|
|
17881
|
+
|
|
17809
17882
|
:where(:root, .pf-v6-c-skeleton) {
|
|
17810
17883
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
17811
17884
|
--pf-v6-c-skeleton--Width: auto;
|
|
@@ -17999,94 +18072,21 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17999
18072
|
transform: translateX(100%);
|
|
18000
18073
|
}
|
|
18001
18074
|
}
|
|
18002
|
-
:where(:root, .pf-v6-c-skip-to-content) {
|
|
18003
|
-
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
18004
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
18005
|
-
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
18006
|
-
}
|
|
18007
|
-
|
|
18008
|
-
.pf-v6-c-skip-to-content {
|
|
18009
|
-
position: absolute;
|
|
18010
|
-
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
18011
|
-
inset-inline-start: -300%;
|
|
18012
|
-
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
18013
|
-
}
|
|
18014
|
-
|
|
18015
|
-
.pf-v6-c-skip-to-content:focus-within {
|
|
18016
|
-
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
18017
|
-
}
|
|
18018
|
-
|
|
18019
|
-
:where(:root, .pf-v6-c-simple-list) {
|
|
18020
|
-
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
18021
|
-
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18022
|
-
--pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
18023
|
-
--pf-v6-c-simple-list__item-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18024
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18025
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
18026
|
-
--pf-v6-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18027
|
-
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
18028
|
-
--pf-v6-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
18029
|
-
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
18030
|
-
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18031
|
-
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
18032
|
-
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
18033
|
-
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
18034
|
-
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
18035
|
-
--pf-v6-c-simple-list__title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
18036
|
-
--pf-v6-c-simple-list__title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18037
|
-
--pf-v6-c-simple-list__title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18038
|
-
--pf-v6-c-simple-list__title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18039
|
-
--pf-v6-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
18040
|
-
--pf-v6-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
|
|
18041
|
-
--pf-v6-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
18042
|
-
--pf-v6-c-simple-list__section--section--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18043
|
-
}
|
|
18044
|
-
|
|
18045
|
-
.pf-v6-c-simple-list__item-link {
|
|
18046
|
-
display: block;
|
|
18047
|
-
width: 100%;
|
|
18048
|
-
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
18049
|
-
padding-block-end: var(--pf-v6-c-simple-list__item-link--PaddingBlockEnd);
|
|
18050
|
-
padding-inline-start: var(--pf-v6-c-simple-list__item-link--PaddingInlineStart);
|
|
18051
|
-
padding-inline-end: var(--pf-v6-c-simple-list__item-link--PaddingInlineEnd);
|
|
18052
|
-
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
|
18053
|
-
color: var(--pf-v6-c-simple-list__item-link--Color);
|
|
18054
|
-
text-align: start;
|
|
18055
|
-
text-decoration: none;
|
|
18056
|
-
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
|
18057
|
-
border: none;
|
|
18058
|
-
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
18059
|
-
}
|
|
18060
|
-
|
|
18061
|
-
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
18062
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
18063
|
-
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
18064
|
-
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
18065
|
-
}
|
|
18066
|
-
|
|
18067
|
-
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
18068
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
18069
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
18070
|
-
text-decoration: none;
|
|
18071
|
-
}
|
|
18072
|
-
|
|
18073
|
-
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
18074
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
18075
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
18076
|
-
}
|
|
18077
|
-
|
|
18078
|
-
.pf-v6-c-simple-list__title {
|
|
18079
|
-
padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
|
|
18080
|
-
padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
|
|
18081
|
-
padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
|
|
18082
|
-
padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
|
|
18083
|
-
font-size: var(--pf-v6-c-simple-list__title--FontSize);
|
|
18084
|
-
font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
|
|
18085
|
-
color: var(--pf-v6-c-simple-list__title--Color);
|
|
18086
|
-
}
|
|
18075
|
+
:where(:root, .pf-v6-c-skip-to-content) {
|
|
18076
|
+
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
18077
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
18078
|
+
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
18079
|
+
}
|
|
18087
18080
|
|
|
18088
|
-
.pf-v6-c-
|
|
18089
|
-
|
|
18081
|
+
.pf-v6-c-skip-to-content {
|
|
18082
|
+
position: absolute;
|
|
18083
|
+
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
18084
|
+
inset-inline-start: -300%;
|
|
18085
|
+
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
18086
|
+
}
|
|
18087
|
+
|
|
18088
|
+
.pf-v6-c-skip-to-content:focus-within {
|
|
18089
|
+
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
18090
18090
|
}
|
|
18091
18091
|
|
|
18092
18092
|
:where(:root, .pf-v6-c-slider) {
|
|
@@ -19634,6 +19634,123 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19634
19634
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
19635
19635
|
}
|
|
19636
19636
|
|
|
19637
|
+
:where(:root, .pf-v6-c-title) {
|
|
19638
|
+
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19639
|
+
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19640
|
+
--pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
19641
|
+
--pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19642
|
+
--pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19643
|
+
--pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
|
|
19644
|
+
--pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19645
|
+
--pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19646
|
+
--pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
19647
|
+
--pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19648
|
+
--pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19649
|
+
--pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
19650
|
+
--pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19651
|
+
--pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19652
|
+
--pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
19653
|
+
--pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19654
|
+
--pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19655
|
+
--pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
19656
|
+
--pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19657
|
+
--pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19658
|
+
--pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
19659
|
+
--pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19660
|
+
--pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19661
|
+
--pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
19662
|
+
--pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19663
|
+
--pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19664
|
+
--pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
19665
|
+
--pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19666
|
+
--pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19667
|
+
--pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
19668
|
+
--pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19669
|
+
--pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19670
|
+
--pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
19671
|
+
--pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19672
|
+
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19673
|
+
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
19674
|
+
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19675
|
+
}
|
|
19676
|
+
|
|
19677
|
+
.pf-v6-c-title {
|
|
19678
|
+
font-family: var(--pf-v6-c-title--FontFamily);
|
|
19679
|
+
word-break: break-word;
|
|
19680
|
+
}
|
|
19681
|
+
|
|
19682
|
+
.pf-v6-c-title.pf-m-4xl {
|
|
19683
|
+
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
19684
|
+
font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
|
|
19685
|
+
line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
|
|
19686
|
+
}
|
|
19687
|
+
|
|
19688
|
+
.pf-v6-c-title.pf-m-3xl {
|
|
19689
|
+
font-size: var(--pf-v6-c-title--m-3xl--FontSize);
|
|
19690
|
+
font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
|
|
19691
|
+
line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
|
|
19692
|
+
}
|
|
19693
|
+
|
|
19694
|
+
.pf-v6-c-title.pf-m-2xl {
|
|
19695
|
+
font-size: var(--pf-v6-c-title--m-2xl--FontSize);
|
|
19696
|
+
font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
|
|
19697
|
+
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
19698
|
+
}
|
|
19699
|
+
|
|
19700
|
+
.pf-v6-c-title.pf-m-xl {
|
|
19701
|
+
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
19702
|
+
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
19703
|
+
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
19704
|
+
}
|
|
19705
|
+
|
|
19706
|
+
.pf-v6-c-title.pf-m-lg {
|
|
19707
|
+
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
19708
|
+
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
19709
|
+
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
19710
|
+
}
|
|
19711
|
+
|
|
19712
|
+
.pf-v6-c-title.pf-m-md {
|
|
19713
|
+
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
19714
|
+
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
19715
|
+
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
19716
|
+
}
|
|
19717
|
+
|
|
19718
|
+
.pf-v6-c-title.pf-m-h1 {
|
|
19719
|
+
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
19720
|
+
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
19721
|
+
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
19722
|
+
}
|
|
19723
|
+
|
|
19724
|
+
.pf-v6-c-title.pf-m-h2 {
|
|
19725
|
+
font-size: var(--pf-v6-c-title--m-h2--FontSize);
|
|
19726
|
+
font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
|
|
19727
|
+
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
19728
|
+
}
|
|
19729
|
+
|
|
19730
|
+
.pf-v6-c-title.pf-m-h3 {
|
|
19731
|
+
font-size: var(--pf-v6-c-title--m-h3--FontSize);
|
|
19732
|
+
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
19733
|
+
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
19734
|
+
}
|
|
19735
|
+
|
|
19736
|
+
.pf-v6-c-title.pf-m-h4 {
|
|
19737
|
+
font-size: var(--pf-v6-c-title--m-h4--FontSize);
|
|
19738
|
+
font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
|
|
19739
|
+
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
19740
|
+
}
|
|
19741
|
+
|
|
19742
|
+
.pf-v6-c-title.pf-m-h5 {
|
|
19743
|
+
font-size: var(--pf-v6-c-title--m-h5--FontSize);
|
|
19744
|
+
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
19745
|
+
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
19746
|
+
}
|
|
19747
|
+
|
|
19748
|
+
.pf-v6-c-title.pf-m-h6 {
|
|
19749
|
+
font-size: var(--pf-v6-c-title--m-h6--FontSize);
|
|
19750
|
+
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
19751
|
+
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19752
|
+
}
|
|
19753
|
+
|
|
19637
19754
|
:where(:root, .pf-v6-c-toggle-group) {
|
|
19638
19755
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19639
19756
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21741,48 +21858,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21741
21858
|
display: inline-flex;
|
|
21742
21859
|
}
|
|
21743
21860
|
}
|
|
21744
|
-
:where(:root, .pf-v6-c-number-input) {
|
|
21745
|
-
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21746
|
-
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
21747
|
-
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
21748
|
-
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
21749
|
-
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
21750
|
-
--pf-v6-c-number-input--c-form-control--Width:
|
|
21751
|
-
calc(
|
|
21752
|
-
calc(
|
|
21753
|
-
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
21754
|
-
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
21755
|
-
);
|
|
21756
|
-
}
|
|
21757
|
-
|
|
21758
|
-
.pf-v6-c-number-input {
|
|
21759
|
-
display: inline-flex;
|
|
21760
|
-
align-items: center;
|
|
21761
|
-
}
|
|
21762
|
-
|
|
21763
|
-
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
21764
|
-
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
21765
|
-
}
|
|
21766
|
-
|
|
21767
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
21768
|
-
text-align: end;
|
|
21769
|
-
appearance: textfield;
|
|
21770
|
-
}
|
|
21771
|
-
|
|
21772
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
21773
|
-
margin: 0;
|
|
21774
|
-
appearance: none;
|
|
21775
|
-
}
|
|
21776
|
-
|
|
21777
|
-
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
21778
|
-
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
21779
|
-
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
21780
|
-
}
|
|
21781
|
-
|
|
21782
|
-
.pf-v6-c-number-input__icon {
|
|
21783
|
-
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
21784
|
-
}
|
|
21785
|
-
|
|
21786
21861
|
:where(:root, .pf-v6-c-tree-view) {
|
|
21787
21862
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
21788
21863
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -22276,121 +22351,46 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22276
22351
|
--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
22277
22352
|
}
|
|
22278
22353
|
|
|
22279
|
-
:where(:root, .pf-v6-c-
|
|
22280
|
-
--pf-v6-c-
|
|
22281
|
-
--pf-v6-c-
|
|
22282
|
-
--pf-v6-c-
|
|
22283
|
-
--pf-v6-c-
|
|
22284
|
-
--pf-v6-c-
|
|
22285
|
-
--pf-v6-c-
|
|
22286
|
-
|
|
22287
|
-
|
|
22288
|
-
|
|
22289
|
-
|
|
22290
|
-
|
|
22291
|
-
--pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
22292
|
-
--pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22293
|
-
--pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22294
|
-
--pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
22295
|
-
--pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22296
|
-
--pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22297
|
-
--pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
22298
|
-
--pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22299
|
-
--pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22300
|
-
--pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
22301
|
-
--pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22302
|
-
--pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22303
|
-
--pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
22304
|
-
--pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22305
|
-
--pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22306
|
-
--pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
22307
|
-
--pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22308
|
-
--pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22309
|
-
--pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
22310
|
-
--pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22311
|
-
--pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22312
|
-
--pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
22313
|
-
--pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22314
|
-
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22315
|
-
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
22316
|
-
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22317
|
-
}
|
|
22318
|
-
|
|
22319
|
-
.pf-v6-c-title {
|
|
22320
|
-
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22321
|
-
word-break: break-word;
|
|
22322
|
-
}
|
|
22323
|
-
|
|
22324
|
-
.pf-v6-c-title.pf-m-4xl {
|
|
22325
|
-
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
22326
|
-
font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
|
|
22327
|
-
line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
|
|
22328
|
-
}
|
|
22329
|
-
|
|
22330
|
-
.pf-v6-c-title.pf-m-3xl {
|
|
22331
|
-
font-size: var(--pf-v6-c-title--m-3xl--FontSize);
|
|
22332
|
-
font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
|
|
22333
|
-
line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
|
|
22334
|
-
}
|
|
22335
|
-
|
|
22336
|
-
.pf-v6-c-title.pf-m-2xl {
|
|
22337
|
-
font-size: var(--pf-v6-c-title--m-2xl--FontSize);
|
|
22338
|
-
font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
|
|
22339
|
-
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
22340
|
-
}
|
|
22341
|
-
|
|
22342
|
-
.pf-v6-c-title.pf-m-xl {
|
|
22343
|
-
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
22344
|
-
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
22345
|
-
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
22346
|
-
}
|
|
22347
|
-
|
|
22348
|
-
.pf-v6-c-title.pf-m-lg {
|
|
22349
|
-
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
22350
|
-
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
22351
|
-
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
22352
|
-
}
|
|
22353
|
-
|
|
22354
|
-
.pf-v6-c-title.pf-m-md {
|
|
22355
|
-
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
22356
|
-
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
22357
|
-
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
22358
|
-
}
|
|
22359
|
-
|
|
22360
|
-
.pf-v6-c-title.pf-m-h1 {
|
|
22361
|
-
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
22362
|
-
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
22363
|
-
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
22354
|
+
:where(:root, .pf-v6-c-number-input) {
|
|
22355
|
+
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
22356
|
+
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
22357
|
+
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
22358
|
+
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
22359
|
+
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
22360
|
+
--pf-v6-c-number-input--c-form-control--Width:
|
|
22361
|
+
calc(
|
|
22362
|
+
calc(
|
|
22363
|
+
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
22364
|
+
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
22365
|
+
);
|
|
22364
22366
|
}
|
|
22365
22367
|
|
|
22366
|
-
.pf-v6-c-
|
|
22367
|
-
|
|
22368
|
-
|
|
22369
|
-
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
22368
|
+
.pf-v6-c-number-input {
|
|
22369
|
+
display: inline-flex;
|
|
22370
|
+
align-items: center;
|
|
22370
22371
|
}
|
|
22371
22372
|
|
|
22372
|
-
.pf-v6-c-
|
|
22373
|
-
|
|
22374
|
-
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
22375
|
-
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
22373
|
+
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
22374
|
+
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
22376
22375
|
}
|
|
22377
22376
|
|
|
22378
|
-
.pf-v6-c-
|
|
22379
|
-
|
|
22380
|
-
|
|
22381
|
-
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
22377
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
22378
|
+
text-align: end;
|
|
22379
|
+
appearance: textfield;
|
|
22382
22380
|
}
|
|
22383
22381
|
|
|
22384
|
-
.pf-v6-c-
|
|
22385
|
-
|
|
22386
|
-
|
|
22387
|
-
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
22382
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
22383
|
+
margin: 0;
|
|
22384
|
+
appearance: none;
|
|
22388
22385
|
}
|
|
22389
22386
|
|
|
22390
|
-
.pf-v6-c-
|
|
22391
|
-
|
|
22392
|
-
|
|
22393
|
-
|
|
22387
|
+
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
22388
|
+
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
22389
|
+
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
22390
|
+
}
|
|
22391
|
+
|
|
22392
|
+
.pf-v6-c-number-input__icon {
|
|
22393
|
+
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
22394
22394
|
}
|
|
22395
22395
|
|
|
22396
22396
|
:where(:root, .pf-v6-c-wizard) {
|
|
@@ -23182,6 +23182,19 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23182
23182
|
direction: rtl;
|
|
23183
23183
|
}
|
|
23184
23184
|
}
|
|
23185
|
+
:where(:root, .pf-v6-l-bullseye) {
|
|
23186
|
+
--pf-v6-l-bullseye--Padding: 0;
|
|
23187
|
+
}
|
|
23188
|
+
|
|
23189
|
+
.pf-v6-l-bullseye {
|
|
23190
|
+
display: flex;
|
|
23191
|
+
align-items: center;
|
|
23192
|
+
justify-content: center;
|
|
23193
|
+
height: 100%;
|
|
23194
|
+
padding: var(--pf-v6-l-bullseye--Padding);
|
|
23195
|
+
margin: 0;
|
|
23196
|
+
}
|
|
23197
|
+
|
|
23185
23198
|
:where(:root, .pf-v6-l-flex) {
|
|
23186
23199
|
--pf-v6-l-flex--Display: flex;
|
|
23187
23200
|
--pf-v6-l-flex--FlexWrap: wrap;
|
|
@@ -25678,19 +25691,100 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25678
25691
|
--pf-v6-l-flex--spacer--column: 0;
|
|
25679
25692
|
}
|
|
25680
25693
|
}
|
|
25681
|
-
:where(:root, .pf-v6-l-
|
|
25682
|
-
--pf-v6-l-
|
|
25694
|
+
:where(:root, .pf-v6-l-gallery) {
|
|
25695
|
+
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
25696
|
+
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
25697
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
25698
|
+
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
|
|
25699
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
25700
|
+
--pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
|
|
25701
|
+
--pf-v6-l-gallery--GridTemplateRows: auto;
|
|
25683
25702
|
}
|
|
25684
25703
|
|
|
25685
|
-
.pf-v6-l-
|
|
25704
|
+
.pf-v6-l-gallery {
|
|
25705
|
+
display: grid;
|
|
25706
|
+
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
25707
|
+
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
25708
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
25709
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
25710
|
+
}
|
|
25711
|
+
|
|
25712
|
+
.pf-v6-l-gallery.pf-m-gutter {
|
|
25713
|
+
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
25714
|
+
}
|
|
25715
|
+
|
|
25716
|
+
@media (min-width: 36rem) {
|
|
25717
|
+
.pf-v6-l-gallery {
|
|
25718
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
25719
|
+
}
|
|
25720
|
+
}
|
|
25721
|
+
@media (min-width: 48rem) {
|
|
25722
|
+
.pf-v6-l-gallery {
|
|
25723
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
|
|
25724
|
+
}
|
|
25725
|
+
}
|
|
25726
|
+
@media (min-width: 62rem) {
|
|
25727
|
+
.pf-v6-l-gallery {
|
|
25728
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
|
|
25729
|
+
}
|
|
25730
|
+
}
|
|
25731
|
+
@media (min-width: 75rem) {
|
|
25732
|
+
.pf-v6-l-gallery {
|
|
25733
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
|
|
25734
|
+
}
|
|
25735
|
+
}
|
|
25736
|
+
@media (min-width: 90.625rem) {
|
|
25737
|
+
.pf-v6-l-gallery {
|
|
25738
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
|
|
25739
|
+
}
|
|
25740
|
+
}
|
|
25741
|
+
@media (min-width: 36rem) {
|
|
25742
|
+
.pf-v6-l-gallery {
|
|
25743
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
25744
|
+
}
|
|
25745
|
+
}
|
|
25746
|
+
@media (min-width: 48rem) {
|
|
25747
|
+
.pf-v6-l-gallery {
|
|
25748
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
|
|
25749
|
+
}
|
|
25750
|
+
}
|
|
25751
|
+
@media (min-width: 62rem) {
|
|
25752
|
+
.pf-v6-l-gallery {
|
|
25753
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
25754
|
+
}
|
|
25755
|
+
}
|
|
25756
|
+
@media (min-width: 75rem) {
|
|
25757
|
+
.pf-v6-l-gallery {
|
|
25758
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
|
|
25759
|
+
}
|
|
25760
|
+
}
|
|
25761
|
+
@media (min-width: 90.625rem) {
|
|
25762
|
+
.pf-v6-l-gallery {
|
|
25763
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
25764
|
+
}
|
|
25765
|
+
}
|
|
25766
|
+
:where(:root, .pf-v6-l-split) {
|
|
25767
|
+
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
25768
|
+
}
|
|
25769
|
+
|
|
25770
|
+
.pf-v6-l-split {
|
|
25686
25771
|
display: flex;
|
|
25687
|
-
|
|
25688
|
-
justify-content: center;
|
|
25689
|
-
height: 100%;
|
|
25690
|
-
padding: var(--pf-v6-l-bullseye--Padding);
|
|
25772
|
+
padding: 0;
|
|
25691
25773
|
margin: 0;
|
|
25692
25774
|
}
|
|
25693
25775
|
|
|
25776
|
+
.pf-v6-l-split.pf-m-wrap {
|
|
25777
|
+
flex-wrap: wrap;
|
|
25778
|
+
}
|
|
25779
|
+
|
|
25780
|
+
.pf-v6-l-split__item.pf-m-fill {
|
|
25781
|
+
flex-grow: 1;
|
|
25782
|
+
}
|
|
25783
|
+
|
|
25784
|
+
.pf-v6-l-split.pf-m-gutter {
|
|
25785
|
+
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
25786
|
+
}
|
|
25787
|
+
|
|
25694
25788
|
:where(:root, .pf-v6-l-grid) {
|
|
25695
25789
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
25696
25790
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -26678,100 +26772,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26678
26772
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
26679
26773
|
}
|
|
26680
26774
|
|
|
26681
|
-
:where(:root, .pf-v6-l-gallery) {
|
|
26682
|
-
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
26683
|
-
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
26684
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
26685
|
-
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26686
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
26687
|
-
--pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26688
|
-
--pf-v6-l-gallery--GridTemplateRows: auto;
|
|
26689
|
-
}
|
|
26690
|
-
|
|
26691
|
-
.pf-v6-l-gallery {
|
|
26692
|
-
display: grid;
|
|
26693
|
-
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
26694
|
-
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
26695
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
26696
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
26697
|
-
}
|
|
26698
|
-
|
|
26699
|
-
.pf-v6-l-gallery.pf-m-gutter {
|
|
26700
|
-
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
26701
|
-
}
|
|
26702
|
-
|
|
26703
|
-
@media (min-width: 36rem) {
|
|
26704
|
-
.pf-v6-l-gallery {
|
|
26705
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
26706
|
-
}
|
|
26707
|
-
}
|
|
26708
|
-
@media (min-width: 48rem) {
|
|
26709
|
-
.pf-v6-l-gallery {
|
|
26710
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
|
|
26711
|
-
}
|
|
26712
|
-
}
|
|
26713
|
-
@media (min-width: 62rem) {
|
|
26714
|
-
.pf-v6-l-gallery {
|
|
26715
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
|
|
26716
|
-
}
|
|
26717
|
-
}
|
|
26718
|
-
@media (min-width: 75rem) {
|
|
26719
|
-
.pf-v6-l-gallery {
|
|
26720
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
|
|
26721
|
-
}
|
|
26722
|
-
}
|
|
26723
|
-
@media (min-width: 90.625rem) {
|
|
26724
|
-
.pf-v6-l-gallery {
|
|
26725
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
|
|
26726
|
-
}
|
|
26727
|
-
}
|
|
26728
|
-
@media (min-width: 36rem) {
|
|
26729
|
-
.pf-v6-l-gallery {
|
|
26730
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
26731
|
-
}
|
|
26732
|
-
}
|
|
26733
|
-
@media (min-width: 48rem) {
|
|
26734
|
-
.pf-v6-l-gallery {
|
|
26735
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
|
|
26736
|
-
}
|
|
26737
|
-
}
|
|
26738
|
-
@media (min-width: 62rem) {
|
|
26739
|
-
.pf-v6-l-gallery {
|
|
26740
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
26741
|
-
}
|
|
26742
|
-
}
|
|
26743
|
-
@media (min-width: 75rem) {
|
|
26744
|
-
.pf-v6-l-gallery {
|
|
26745
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
|
|
26746
|
-
}
|
|
26747
|
-
}
|
|
26748
|
-
@media (min-width: 90.625rem) {
|
|
26749
|
-
.pf-v6-l-gallery {
|
|
26750
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
26751
|
-
}
|
|
26752
|
-
}
|
|
26753
|
-
:where(:root, .pf-v6-l-split) {
|
|
26754
|
-
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
26755
|
-
}
|
|
26756
|
-
|
|
26757
|
-
.pf-v6-l-split {
|
|
26758
|
-
display: flex;
|
|
26759
|
-
padding: 0;
|
|
26760
|
-
margin: 0;
|
|
26761
|
-
}
|
|
26762
|
-
|
|
26763
|
-
.pf-v6-l-split.pf-m-wrap {
|
|
26764
|
-
flex-wrap: wrap;
|
|
26765
|
-
}
|
|
26766
|
-
|
|
26767
|
-
.pf-v6-l-split__item.pf-m-fill {
|
|
26768
|
-
flex-grow: 1;
|
|
26769
|
-
}
|
|
26770
|
-
|
|
26771
|
-
.pf-v6-l-split.pf-m-gutter {
|
|
26772
|
-
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
26773
|
-
}
|
|
26774
|
-
|
|
26775
26775
|
:where(:root, .pf-v6-l-level) {
|
|
26776
26776
|
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
26777
26777
|
}
|