@patternfly/react-table 4.61.16 → 4.61.17
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 +8 -0
- package/dist/umd/react-table.css +738 -738
- package/dist/umd/react-table.js +2 -1
- package/dist/umd/react-table.min.css +730 -730
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +6 -6
package/dist/umd/react-table.css
CHANGED
|
@@ -6996,6 +6996,23 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
6996
6996
|
transform: rotate(720deg);
|
|
6997
6997
|
}
|
|
6998
6998
|
}
|
|
6999
|
+
.pf-c-backdrop {
|
|
7000
|
+
--pf-c-backdrop--Position: fixed;
|
|
7001
|
+
--pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
|
|
7002
|
+
--pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
|
|
7003
|
+
position: var(--pf-c-backdrop--Position);
|
|
7004
|
+
top: 0;
|
|
7005
|
+
left: 0;
|
|
7006
|
+
z-index: var(--pf-c-backdrop--ZIndex);
|
|
7007
|
+
width: 100%;
|
|
7008
|
+
height: 100%;
|
|
7009
|
+
background-color: var(--pf-c-backdrop--BackgroundColor);
|
|
7010
|
+
}
|
|
7011
|
+
|
|
7012
|
+
.pf-c-backdrop__open {
|
|
7013
|
+
overflow: hidden;
|
|
7014
|
+
}
|
|
7015
|
+
|
|
6999
7016
|
.pf-c-accordion {
|
|
7000
7017
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
7001
7018
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -7234,23 +7251,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7234
7251
|
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
7235
7252
|
}
|
|
7236
7253
|
|
|
7237
|
-
.pf-c-backdrop {
|
|
7238
|
-
--pf-c-backdrop--Position: fixed;
|
|
7239
|
-
--pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
|
|
7240
|
-
--pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
|
|
7241
|
-
position: var(--pf-c-backdrop--Position);
|
|
7242
|
-
top: 0;
|
|
7243
|
-
left: 0;
|
|
7244
|
-
z-index: var(--pf-c-backdrop--ZIndex);
|
|
7245
|
-
width: 100%;
|
|
7246
|
-
height: 100%;
|
|
7247
|
-
background-color: var(--pf-c-backdrop--BackgroundColor);
|
|
7248
|
-
}
|
|
7249
|
-
|
|
7250
|
-
.pf-c-backdrop__open {
|
|
7251
|
-
overflow: hidden;
|
|
7252
|
-
}
|
|
7253
|
-
|
|
7254
7254
|
.pf-c-action-list {
|
|
7255
7255
|
--pf-c-action-list--m-icon--spacer: 0;
|
|
7256
7256
|
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
@@ -7500,6 +7500,153 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7500
7500
|
--pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
|
|
7501
7501
|
}
|
|
7502
7502
|
|
|
7503
|
+
.pf-u-screen-reader {
|
|
7504
|
+
position: fixed;
|
|
7505
|
+
top: 0;
|
|
7506
|
+
left: 0;
|
|
7507
|
+
overflow: hidden;
|
|
7508
|
+
clip: rect(0, 0, 0, 0);
|
|
7509
|
+
white-space: nowrap;
|
|
7510
|
+
border: 0;
|
|
7511
|
+
}
|
|
7512
|
+
|
|
7513
|
+
.pf-u-visible {
|
|
7514
|
+
position: static;
|
|
7515
|
+
overflow: visible;
|
|
7516
|
+
clip: auto;
|
|
7517
|
+
white-space: normal;
|
|
7518
|
+
border: inherit;
|
|
7519
|
+
}
|
|
7520
|
+
|
|
7521
|
+
.pf-u-hidden {
|
|
7522
|
+
display: none !important;
|
|
7523
|
+
}
|
|
7524
|
+
|
|
7525
|
+
@media screen and (min-width: 576px) {
|
|
7526
|
+
.pf-u-screen-reader-on-sm {
|
|
7527
|
+
position: fixed;
|
|
7528
|
+
top: 0;
|
|
7529
|
+
left: 0;
|
|
7530
|
+
overflow: hidden;
|
|
7531
|
+
clip: rect(0, 0, 0, 0);
|
|
7532
|
+
white-space: nowrap;
|
|
7533
|
+
border: 0;
|
|
7534
|
+
}
|
|
7535
|
+
}
|
|
7536
|
+
@media screen and (min-width: 576px) {
|
|
7537
|
+
.pf-u-visible-on-sm {
|
|
7538
|
+
position: static;
|
|
7539
|
+
overflow: visible;
|
|
7540
|
+
clip: auto;
|
|
7541
|
+
white-space: normal;
|
|
7542
|
+
border: inherit;
|
|
7543
|
+
}
|
|
7544
|
+
}
|
|
7545
|
+
@media screen and (min-width: 576px) {
|
|
7546
|
+
.pf-u-hidden-on-sm {
|
|
7547
|
+
display: none !important;
|
|
7548
|
+
}
|
|
7549
|
+
}
|
|
7550
|
+
@media screen and (min-width: 768px) {
|
|
7551
|
+
.pf-u-screen-reader-on-md {
|
|
7552
|
+
position: fixed;
|
|
7553
|
+
top: 0;
|
|
7554
|
+
left: 0;
|
|
7555
|
+
overflow: hidden;
|
|
7556
|
+
clip: rect(0, 0, 0, 0);
|
|
7557
|
+
white-space: nowrap;
|
|
7558
|
+
border: 0;
|
|
7559
|
+
}
|
|
7560
|
+
}
|
|
7561
|
+
@media screen and (min-width: 768px) {
|
|
7562
|
+
.pf-u-visible-on-md {
|
|
7563
|
+
position: static;
|
|
7564
|
+
overflow: visible;
|
|
7565
|
+
clip: auto;
|
|
7566
|
+
white-space: normal;
|
|
7567
|
+
border: inherit;
|
|
7568
|
+
}
|
|
7569
|
+
}
|
|
7570
|
+
@media screen and (min-width: 768px) {
|
|
7571
|
+
.pf-u-hidden-on-md {
|
|
7572
|
+
display: none !important;
|
|
7573
|
+
}
|
|
7574
|
+
}
|
|
7575
|
+
@media screen and (min-width: 992px) {
|
|
7576
|
+
.pf-u-screen-reader-on-lg {
|
|
7577
|
+
position: fixed;
|
|
7578
|
+
top: 0;
|
|
7579
|
+
left: 0;
|
|
7580
|
+
overflow: hidden;
|
|
7581
|
+
clip: rect(0, 0, 0, 0);
|
|
7582
|
+
white-space: nowrap;
|
|
7583
|
+
border: 0;
|
|
7584
|
+
}
|
|
7585
|
+
}
|
|
7586
|
+
@media screen and (min-width: 992px) {
|
|
7587
|
+
.pf-u-visible-on-lg {
|
|
7588
|
+
position: static;
|
|
7589
|
+
overflow: visible;
|
|
7590
|
+
clip: auto;
|
|
7591
|
+
white-space: normal;
|
|
7592
|
+
border: inherit;
|
|
7593
|
+
}
|
|
7594
|
+
}
|
|
7595
|
+
@media screen and (min-width: 992px) {
|
|
7596
|
+
.pf-u-hidden-on-lg {
|
|
7597
|
+
display: none !important;
|
|
7598
|
+
}
|
|
7599
|
+
}
|
|
7600
|
+
@media screen and (min-width: 1200px) {
|
|
7601
|
+
.pf-u-screen-reader-on-xl {
|
|
7602
|
+
position: fixed;
|
|
7603
|
+
top: 0;
|
|
7604
|
+
left: 0;
|
|
7605
|
+
overflow: hidden;
|
|
7606
|
+
clip: rect(0, 0, 0, 0);
|
|
7607
|
+
white-space: nowrap;
|
|
7608
|
+
border: 0;
|
|
7609
|
+
}
|
|
7610
|
+
}
|
|
7611
|
+
@media screen and (min-width: 1200px) {
|
|
7612
|
+
.pf-u-visible-on-xl {
|
|
7613
|
+
position: static;
|
|
7614
|
+
overflow: visible;
|
|
7615
|
+
clip: auto;
|
|
7616
|
+
white-space: normal;
|
|
7617
|
+
border: inherit;
|
|
7618
|
+
}
|
|
7619
|
+
}
|
|
7620
|
+
@media screen and (min-width: 1200px) {
|
|
7621
|
+
.pf-u-hidden-on-xl {
|
|
7622
|
+
display: none !important;
|
|
7623
|
+
}
|
|
7624
|
+
}
|
|
7625
|
+
@media screen and (min-width: 1450px) {
|
|
7626
|
+
.pf-u-screen-reader-on-2xl {
|
|
7627
|
+
position: fixed;
|
|
7628
|
+
top: 0;
|
|
7629
|
+
left: 0;
|
|
7630
|
+
overflow: hidden;
|
|
7631
|
+
clip: rect(0, 0, 0, 0);
|
|
7632
|
+
white-space: nowrap;
|
|
7633
|
+
border: 0;
|
|
7634
|
+
}
|
|
7635
|
+
}
|
|
7636
|
+
@media screen and (min-width: 1450px) {
|
|
7637
|
+
.pf-u-visible-on-2xl {
|
|
7638
|
+
position: static;
|
|
7639
|
+
overflow: visible;
|
|
7640
|
+
clip: auto;
|
|
7641
|
+
white-space: normal;
|
|
7642
|
+
border: inherit;
|
|
7643
|
+
}
|
|
7644
|
+
}
|
|
7645
|
+
@media screen and (min-width: 1450px) {
|
|
7646
|
+
.pf-u-hidden-on-2xl {
|
|
7647
|
+
display: none !important;
|
|
7648
|
+
}
|
|
7649
|
+
}
|
|
7503
7650
|
.pf-c-app-launcher {
|
|
7504
7651
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
7505
7652
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -7729,198 +7876,51 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7729
7876
|
color: var(--pf-c-app-launcher__group-title--Color);
|
|
7730
7877
|
}
|
|
7731
7878
|
|
|
7732
|
-
.pf-
|
|
7733
|
-
|
|
7734
|
-
|
|
7735
|
-
|
|
7736
|
-
|
|
7737
|
-
|
|
7738
|
-
|
|
7739
|
-
|
|
7879
|
+
.pf-c-avatar {
|
|
7880
|
+
--pf-c-avatar--BorderColor: transparent;
|
|
7881
|
+
--pf-c-avatar--BorderWidth: 0;
|
|
7882
|
+
--pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7883
|
+
--pf-c-avatar--Width: 2.25rem;
|
|
7884
|
+
--pf-c-avatar--Height: 2.25rem;
|
|
7885
|
+
--pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
|
|
7886
|
+
--pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7887
|
+
--pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
|
|
7888
|
+
--pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7889
|
+
width: var(--pf-c-avatar--Width);
|
|
7890
|
+
height: var(--pf-c-avatar--Height);
|
|
7891
|
+
border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
|
|
7892
|
+
border-radius: var(--pf-c-avatar--BorderRadius);
|
|
7740
7893
|
}
|
|
7741
7894
|
|
|
7742
|
-
.pf-
|
|
7743
|
-
|
|
7744
|
-
|
|
7745
|
-
clip: auto;
|
|
7746
|
-
white-space: normal;
|
|
7747
|
-
border: inherit;
|
|
7895
|
+
.pf-c-avatar.pf-m-light {
|
|
7896
|
+
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
|
|
7897
|
+
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
|
|
7748
7898
|
}
|
|
7749
7899
|
|
|
7750
|
-
.pf-
|
|
7751
|
-
|
|
7900
|
+
.pf-c-avatar.pf-m-dark {
|
|
7901
|
+
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
|
|
7902
|
+
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
|
|
7752
7903
|
}
|
|
7753
7904
|
|
|
7754
|
-
|
|
7755
|
-
|
|
7756
|
-
|
|
7757
|
-
|
|
7758
|
-
|
|
7759
|
-
|
|
7760
|
-
|
|
7761
|
-
|
|
7762
|
-
|
|
7763
|
-
|
|
7905
|
+
.pf-c-back-to-top {
|
|
7906
|
+
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
7907
|
+
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
7908
|
+
--pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
|
|
7909
|
+
--pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
7910
|
+
--pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7911
|
+
--pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
7912
|
+
--pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
7913
|
+
--pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
7914
|
+
--pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
7915
|
+
--pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
|
|
7916
|
+
position: absolute;
|
|
7917
|
+
right: var(--pf-c-back-to-top--Right);
|
|
7918
|
+
bottom: var(--pf-c-back-to-top--Bottom);
|
|
7764
7919
|
}
|
|
7765
|
-
|
|
7766
|
-
|
|
7767
|
-
|
|
7768
|
-
|
|
7769
|
-
clip: auto;
|
|
7770
|
-
white-space: normal;
|
|
7771
|
-
border: inherit;
|
|
7772
|
-
}
|
|
7773
|
-
}
|
|
7774
|
-
@media screen and (min-width: 576px) {
|
|
7775
|
-
.pf-u-hidden-on-sm {
|
|
7776
|
-
display: none !important;
|
|
7777
|
-
}
|
|
7778
|
-
}
|
|
7779
|
-
@media screen and (min-width: 768px) {
|
|
7780
|
-
.pf-u-screen-reader-on-md {
|
|
7781
|
-
position: fixed;
|
|
7782
|
-
top: 0;
|
|
7783
|
-
left: 0;
|
|
7784
|
-
overflow: hidden;
|
|
7785
|
-
clip: rect(0, 0, 0, 0);
|
|
7786
|
-
white-space: nowrap;
|
|
7787
|
-
border: 0;
|
|
7788
|
-
}
|
|
7789
|
-
}
|
|
7790
|
-
@media screen and (min-width: 768px) {
|
|
7791
|
-
.pf-u-visible-on-md {
|
|
7792
|
-
position: static;
|
|
7793
|
-
overflow: visible;
|
|
7794
|
-
clip: auto;
|
|
7795
|
-
white-space: normal;
|
|
7796
|
-
border: inherit;
|
|
7797
|
-
}
|
|
7798
|
-
}
|
|
7799
|
-
@media screen and (min-width: 768px) {
|
|
7800
|
-
.pf-u-hidden-on-md {
|
|
7801
|
-
display: none !important;
|
|
7802
|
-
}
|
|
7803
|
-
}
|
|
7804
|
-
@media screen and (min-width: 992px) {
|
|
7805
|
-
.pf-u-screen-reader-on-lg {
|
|
7806
|
-
position: fixed;
|
|
7807
|
-
top: 0;
|
|
7808
|
-
left: 0;
|
|
7809
|
-
overflow: hidden;
|
|
7810
|
-
clip: rect(0, 0, 0, 0);
|
|
7811
|
-
white-space: nowrap;
|
|
7812
|
-
border: 0;
|
|
7813
|
-
}
|
|
7814
|
-
}
|
|
7815
|
-
@media screen and (min-width: 992px) {
|
|
7816
|
-
.pf-u-visible-on-lg {
|
|
7817
|
-
position: static;
|
|
7818
|
-
overflow: visible;
|
|
7819
|
-
clip: auto;
|
|
7820
|
-
white-space: normal;
|
|
7821
|
-
border: inherit;
|
|
7822
|
-
}
|
|
7823
|
-
}
|
|
7824
|
-
@media screen and (min-width: 992px) {
|
|
7825
|
-
.pf-u-hidden-on-lg {
|
|
7826
|
-
display: none !important;
|
|
7827
|
-
}
|
|
7828
|
-
}
|
|
7829
|
-
@media screen and (min-width: 1200px) {
|
|
7830
|
-
.pf-u-screen-reader-on-xl {
|
|
7831
|
-
position: fixed;
|
|
7832
|
-
top: 0;
|
|
7833
|
-
left: 0;
|
|
7834
|
-
overflow: hidden;
|
|
7835
|
-
clip: rect(0, 0, 0, 0);
|
|
7836
|
-
white-space: nowrap;
|
|
7837
|
-
border: 0;
|
|
7838
|
-
}
|
|
7839
|
-
}
|
|
7840
|
-
@media screen and (min-width: 1200px) {
|
|
7841
|
-
.pf-u-visible-on-xl {
|
|
7842
|
-
position: static;
|
|
7843
|
-
overflow: visible;
|
|
7844
|
-
clip: auto;
|
|
7845
|
-
white-space: normal;
|
|
7846
|
-
border: inherit;
|
|
7847
|
-
}
|
|
7848
|
-
}
|
|
7849
|
-
@media screen and (min-width: 1200px) {
|
|
7850
|
-
.pf-u-hidden-on-xl {
|
|
7851
|
-
display: none !important;
|
|
7852
|
-
}
|
|
7853
|
-
}
|
|
7854
|
-
@media screen and (min-width: 1450px) {
|
|
7855
|
-
.pf-u-screen-reader-on-2xl {
|
|
7856
|
-
position: fixed;
|
|
7857
|
-
top: 0;
|
|
7858
|
-
left: 0;
|
|
7859
|
-
overflow: hidden;
|
|
7860
|
-
clip: rect(0, 0, 0, 0);
|
|
7861
|
-
white-space: nowrap;
|
|
7862
|
-
border: 0;
|
|
7863
|
-
}
|
|
7864
|
-
}
|
|
7865
|
-
@media screen and (min-width: 1450px) {
|
|
7866
|
-
.pf-u-visible-on-2xl {
|
|
7867
|
-
position: static;
|
|
7868
|
-
overflow: visible;
|
|
7869
|
-
clip: auto;
|
|
7870
|
-
white-space: normal;
|
|
7871
|
-
border: inherit;
|
|
7872
|
-
}
|
|
7873
|
-
}
|
|
7874
|
-
@media screen and (min-width: 1450px) {
|
|
7875
|
-
.pf-u-hidden-on-2xl {
|
|
7876
|
-
display: none !important;
|
|
7877
|
-
}
|
|
7878
|
-
}
|
|
7879
|
-
.pf-c-avatar {
|
|
7880
|
-
--pf-c-avatar--BorderColor: transparent;
|
|
7881
|
-
--pf-c-avatar--BorderWidth: 0;
|
|
7882
|
-
--pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7883
|
-
--pf-c-avatar--Width: 2.25rem;
|
|
7884
|
-
--pf-c-avatar--Height: 2.25rem;
|
|
7885
|
-
--pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
|
|
7886
|
-
--pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7887
|
-
--pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
|
|
7888
|
-
--pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7889
|
-
width: var(--pf-c-avatar--Width);
|
|
7890
|
-
height: var(--pf-c-avatar--Height);
|
|
7891
|
-
border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
|
|
7892
|
-
border-radius: var(--pf-c-avatar--BorderRadius);
|
|
7893
|
-
}
|
|
7894
|
-
|
|
7895
|
-
.pf-c-avatar.pf-m-light {
|
|
7896
|
-
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
|
|
7897
|
-
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
|
|
7898
|
-
}
|
|
7899
|
-
|
|
7900
|
-
.pf-c-avatar.pf-m-dark {
|
|
7901
|
-
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
|
|
7902
|
-
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
|
|
7903
|
-
}
|
|
7904
|
-
|
|
7905
|
-
.pf-c-back-to-top {
|
|
7906
|
-
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
7907
|
-
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
7908
|
-
--pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
|
|
7909
|
-
--pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
7910
|
-
--pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7911
|
-
--pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
7912
|
-
--pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
7913
|
-
--pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
7914
|
-
--pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
7915
|
-
--pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
|
|
7916
|
-
position: absolute;
|
|
7917
|
-
right: var(--pf-c-back-to-top--Right);
|
|
7918
|
-
bottom: var(--pf-c-back-to-top--Bottom);
|
|
7919
|
-
}
|
|
7920
|
-
|
|
7921
|
-
@media (min-width: 768px) {
|
|
7922
|
-
.pf-c-back-to-top {
|
|
7923
|
-
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
|
|
7920
|
+
|
|
7921
|
+
@media (min-width: 768px) {
|
|
7922
|
+
.pf-c-back-to-top {
|
|
7923
|
+
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
|
|
7924
7924
|
}
|
|
7925
7925
|
}
|
|
7926
7926
|
.pf-c-back-to-top.pf-m-hidden {
|
|
@@ -19055,198 +19055,6 @@ ul.pf-c-list {
|
|
|
19055
19055
|
flex: 1 0 auto;
|
|
19056
19056
|
}
|
|
19057
19057
|
|
|
19058
|
-
.pf-c-popover {
|
|
19059
|
-
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
19060
|
-
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
19061
|
-
--pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
19062
|
-
--pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19063
|
-
--pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
19064
|
-
--pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
19065
|
-
--pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
19066
|
-
--pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
19067
|
-
--pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
19068
|
-
--pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
|
|
19069
|
-
--pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
|
|
19070
|
-
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
|
|
19071
|
-
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
|
|
19072
|
-
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
|
|
19073
|
-
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19074
|
-
--pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
|
|
19075
|
-
--pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
|
|
19076
|
-
--pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
|
|
19077
|
-
--pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
19078
|
-
--pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
|
|
19079
|
-
--pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
|
|
19080
|
-
--pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19081
|
-
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19082
|
-
--pf-c-popover__arrow--m-top--TranslateX: -50%;
|
|
19083
|
-
--pf-c-popover__arrow--m-top--TranslateY: 50%;
|
|
19084
|
-
--pf-c-popover__arrow--m-top--Rotate: 45deg;
|
|
19085
|
-
--pf-c-popover__arrow--m-right--TranslateX: -50%;
|
|
19086
|
-
--pf-c-popover__arrow--m-right--TranslateY: -50%;
|
|
19087
|
-
--pf-c-popover__arrow--m-right--Rotate: 45deg;
|
|
19088
|
-
--pf-c-popover__arrow--m-bottom--TranslateX: -50%;
|
|
19089
|
-
--pf-c-popover__arrow--m-bottom--TranslateY: -50%;
|
|
19090
|
-
--pf-c-popover__arrow--m-bottom--Rotate: 45deg;
|
|
19091
|
-
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
19092
|
-
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
19093
|
-
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
19094
|
-
--pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
|
|
19095
|
-
--pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
19096
|
-
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
19097
|
-
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
19098
|
-
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19099
|
-
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19100
|
-
--pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
|
|
19101
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
19102
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
19103
|
-
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
19104
|
-
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
19105
|
-
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
19106
|
-
position: relative;
|
|
19107
|
-
min-width: var(--pf-c-popover--MinWidth);
|
|
19108
|
-
max-width: var(--pf-c-popover--MaxWidth);
|
|
19109
|
-
font-size: var(--pf-c-popover--FontSize);
|
|
19110
|
-
box-shadow: var(--pf-c-popover--BoxShadow);
|
|
19111
|
-
}
|
|
19112
|
-
|
|
19113
|
-
.pf-c-popover.pf-m-no-padding {
|
|
19114
|
-
--pf-c-popover__content--PaddingTop: 0px;
|
|
19115
|
-
--pf-c-popover__content--PaddingRight: 0px;
|
|
19116
|
-
--pf-c-popover__content--PaddingBottom: 0px;
|
|
19117
|
-
--pf-c-popover__content--PaddingLeft: 0px;
|
|
19118
|
-
}
|
|
19119
|
-
|
|
19120
|
-
.pf-c-popover.pf-m-width-auto {
|
|
19121
|
-
--pf-c-popover--MinWidth: auto;
|
|
19122
|
-
--pf-c-popover--MaxWidth: none;
|
|
19123
|
-
}
|
|
19124
|
-
|
|
19125
|
-
.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
|
|
19126
|
-
bottom: 0;
|
|
19127
|
-
left: 50%;
|
|
19128
|
-
transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
|
|
19129
|
-
}
|
|
19130
|
-
|
|
19131
|
-
.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19132
|
-
top: 0;
|
|
19133
|
-
left: 50%;
|
|
19134
|
-
transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
|
|
19135
|
-
}
|
|
19136
|
-
|
|
19137
|
-
.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
|
|
19138
|
-
top: 50%;
|
|
19139
|
-
right: 0;
|
|
19140
|
-
transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
|
|
19141
|
-
}
|
|
19142
|
-
|
|
19143
|
-
.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19144
|
-
top: 50%;
|
|
19145
|
-
left: 0;
|
|
19146
|
-
transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
|
|
19147
|
-
}
|
|
19148
|
-
|
|
19149
|
-
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
|
|
19150
|
-
top: var(--pf-c-popover__arrow--Height);
|
|
19151
|
-
}
|
|
19152
|
-
|
|
19153
|
-
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19154
|
-
top: auto;
|
|
19155
|
-
bottom: 0;
|
|
19156
|
-
}
|
|
19157
|
-
|
|
19158
|
-
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
|
|
19159
|
-
left: var(--pf-c-popover__arrow--Width);
|
|
19160
|
-
}
|
|
19161
|
-
|
|
19162
|
-
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19163
|
-
right: 0;
|
|
19164
|
-
left: auto;
|
|
19165
|
-
}
|
|
19166
|
-
|
|
19167
|
-
.pf-c-popover.pf-m-danger {
|
|
19168
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
|
|
19169
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
|
|
19170
|
-
}
|
|
19171
|
-
|
|
19172
|
-
.pf-c-popover.pf-m-warning {
|
|
19173
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
|
|
19174
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
|
|
19175
|
-
}
|
|
19176
|
-
|
|
19177
|
-
.pf-c-popover.pf-m-success {
|
|
19178
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
|
|
19179
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
|
|
19180
|
-
}
|
|
19181
|
-
|
|
19182
|
-
.pf-c-popover.pf-m-default {
|
|
19183
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
|
|
19184
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
|
|
19185
|
-
}
|
|
19186
|
-
|
|
19187
|
-
.pf-c-popover.pf-m-info {
|
|
19188
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
|
|
19189
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
|
|
19190
|
-
}
|
|
19191
|
-
|
|
19192
|
-
.pf-c-popover__content {
|
|
19193
|
-
position: relative;
|
|
19194
|
-
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
19195
|
-
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
19196
|
-
}
|
|
19197
|
-
|
|
19198
|
-
.pf-c-popover__content > .pf-c-title {
|
|
19199
|
-
margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
|
|
19200
|
-
}
|
|
19201
|
-
|
|
19202
|
-
.pf-c-popover__content > .pf-c-button {
|
|
19203
|
-
position: absolute;
|
|
19204
|
-
top: var(--pf-c-popover--c-button--Top);
|
|
19205
|
-
right: var(--pf-c-popover--c-button--Right);
|
|
19206
|
-
}
|
|
19207
|
-
|
|
19208
|
-
.pf-c-popover__content > .pf-c-button + * {
|
|
19209
|
-
padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
|
|
19210
|
-
}
|
|
19211
|
-
|
|
19212
|
-
.pf-c-popover__arrow {
|
|
19213
|
-
position: absolute;
|
|
19214
|
-
width: var(--pf-c-popover__arrow--Width);
|
|
19215
|
-
height: var(--pf-c-popover__arrow--Height);
|
|
19216
|
-
pointer-events: none;
|
|
19217
|
-
background-color: var(--pf-c-popover__arrow--BackgroundColor);
|
|
19218
|
-
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
19219
|
-
}
|
|
19220
|
-
|
|
19221
|
-
.pf-c-popover__title {
|
|
19222
|
-
flex: 0 0 auto;
|
|
19223
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
19224
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
19225
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
19226
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
19227
|
-
}
|
|
19228
|
-
|
|
19229
|
-
.pf-c-popover__title.pf-m-icon {
|
|
19230
|
-
display: flex;
|
|
19231
|
-
}
|
|
19232
|
-
|
|
19233
|
-
.pf-c-popover__title-icon {
|
|
19234
|
-
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
19235
|
-
color: var(--pf-c-popover__title-icon--Color);
|
|
19236
|
-
}
|
|
19237
|
-
|
|
19238
|
-
.pf-c-popover__title-text {
|
|
19239
|
-
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
19240
|
-
}
|
|
19241
|
-
|
|
19242
|
-
.pf-c-popover__body {
|
|
19243
|
-
word-wrap: break-word;
|
|
19244
|
-
}
|
|
19245
|
-
|
|
19246
|
-
.pf-c-popover__footer {
|
|
19247
|
-
margin-top: var(--pf-c-popover__footer--MarginTop);
|
|
19248
|
-
}
|
|
19249
|
-
|
|
19250
19058
|
.pf-c-pagination {
|
|
19251
19059
|
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
19252
19060
|
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
@@ -19598,109 +19406,301 @@ ul.pf-c-list {
|
|
|
19598
19406
|
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19599
19407
|
}
|
|
19600
19408
|
}
|
|
19601
|
-
.pf-c-
|
|
19602
|
-
--pf-c-
|
|
19603
|
-
--pf-c-
|
|
19604
|
-
--pf-c-
|
|
19605
|
-
--pf-c-
|
|
19606
|
-
--pf-c-
|
|
19607
|
-
--pf-c-
|
|
19608
|
-
--pf-c-
|
|
19609
|
-
--pf-c-
|
|
19610
|
-
--pf-c-
|
|
19611
|
-
--pf-c-
|
|
19612
|
-
--pf-c-
|
|
19613
|
-
--pf-c-
|
|
19614
|
-
--pf-c-
|
|
19615
|
-
--pf-c-
|
|
19616
|
-
--pf-c-
|
|
19617
|
-
--pf-c-
|
|
19618
|
-
--pf-c-
|
|
19619
|
-
--pf-c-
|
|
19620
|
-
--pf-c-
|
|
19621
|
-
--pf-c-
|
|
19622
|
-
--pf-c-
|
|
19623
|
-
--pf-c-
|
|
19624
|
-
--pf-c-
|
|
19625
|
-
--pf-c-
|
|
19626
|
-
--pf-c-
|
|
19627
|
-
--pf-c-
|
|
19628
|
-
|
|
19629
|
-
|
|
19630
|
-
|
|
19631
|
-
|
|
19632
|
-
|
|
19409
|
+
.pf-c-popover {
|
|
19410
|
+
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
19411
|
+
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
19412
|
+
--pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
19413
|
+
--pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19414
|
+
--pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
19415
|
+
--pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
19416
|
+
--pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
19417
|
+
--pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
19418
|
+
--pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
19419
|
+
--pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
|
|
19420
|
+
--pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
|
|
19421
|
+
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
|
|
19422
|
+
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
|
|
19423
|
+
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
|
|
19424
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19425
|
+
--pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
|
|
19426
|
+
--pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
|
|
19427
|
+
--pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
|
|
19428
|
+
--pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
19429
|
+
--pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
|
|
19430
|
+
--pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
|
|
19431
|
+
--pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19432
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19433
|
+
--pf-c-popover__arrow--m-top--TranslateX: -50%;
|
|
19434
|
+
--pf-c-popover__arrow--m-top--TranslateY: 50%;
|
|
19435
|
+
--pf-c-popover__arrow--m-top--Rotate: 45deg;
|
|
19436
|
+
--pf-c-popover__arrow--m-right--TranslateX: -50%;
|
|
19437
|
+
--pf-c-popover__arrow--m-right--TranslateY: -50%;
|
|
19438
|
+
--pf-c-popover__arrow--m-right--Rotate: 45deg;
|
|
19439
|
+
--pf-c-popover__arrow--m-bottom--TranslateX: -50%;
|
|
19440
|
+
--pf-c-popover__arrow--m-bottom--TranslateY: -50%;
|
|
19441
|
+
--pf-c-popover__arrow--m-bottom--Rotate: 45deg;
|
|
19442
|
+
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
19443
|
+
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
19444
|
+
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
19445
|
+
--pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
|
|
19446
|
+
--pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
19447
|
+
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
19448
|
+
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
19449
|
+
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19450
|
+
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19451
|
+
--pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
|
|
19452
|
+
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
19453
|
+
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
19454
|
+
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
19455
|
+
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
19456
|
+
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
19457
|
+
position: relative;
|
|
19458
|
+
min-width: var(--pf-c-popover--MinWidth);
|
|
19459
|
+
max-width: var(--pf-c-popover--MaxWidth);
|
|
19460
|
+
font-size: var(--pf-c-popover--FontSize);
|
|
19461
|
+
box-shadow: var(--pf-c-popover--BoxShadow);
|
|
19633
19462
|
}
|
|
19634
19463
|
|
|
19635
|
-
.pf-c-
|
|
19636
|
-
--pf-c-
|
|
19464
|
+
.pf-c-popover.pf-m-no-padding {
|
|
19465
|
+
--pf-c-popover__content--PaddingTop: 0px;
|
|
19466
|
+
--pf-c-popover__content--PaddingRight: 0px;
|
|
19467
|
+
--pf-c-popover__content--PaddingBottom: 0px;
|
|
19468
|
+
--pf-c-popover__content--PaddingLeft: 0px;
|
|
19637
19469
|
}
|
|
19638
19470
|
|
|
19639
|
-
.pf-c-
|
|
19640
|
-
|
|
19471
|
+
.pf-c-popover.pf-m-width-auto {
|
|
19472
|
+
--pf-c-popover--MinWidth: auto;
|
|
19473
|
+
--pf-c-popover--MaxWidth: none;
|
|
19641
19474
|
}
|
|
19642
19475
|
|
|
19643
|
-
.pf-c-
|
|
19644
|
-
|
|
19476
|
+
.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
|
|
19477
|
+
bottom: 0;
|
|
19478
|
+
left: 50%;
|
|
19479
|
+
transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
|
|
19645
19480
|
}
|
|
19646
19481
|
|
|
19647
|
-
.pf-c-
|
|
19648
|
-
|
|
19482
|
+
.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19483
|
+
top: 0;
|
|
19484
|
+
left: 50%;
|
|
19485
|
+
transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
|
|
19649
19486
|
}
|
|
19650
19487
|
|
|
19651
|
-
.pf-c-
|
|
19652
|
-
|
|
19653
|
-
|
|
19654
|
-
|
|
19655
|
-
min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
|
|
19488
|
+
.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
|
|
19489
|
+
top: 50%;
|
|
19490
|
+
right: 0;
|
|
19491
|
+
transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
|
|
19656
19492
|
}
|
|
19657
19493
|
|
|
19658
|
-
.pf-c-
|
|
19659
|
-
|
|
19660
|
-
|
|
19661
|
-
|
|
19494
|
+
.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19495
|
+
top: 50%;
|
|
19496
|
+
left: 0;
|
|
19497
|
+
transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
|
|
19662
19498
|
}
|
|
19663
19499
|
|
|
19664
|
-
.pf-c-
|
|
19665
|
-
|
|
19500
|
+
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
|
|
19501
|
+
top: var(--pf-c-popover__arrow--Height);
|
|
19666
19502
|
}
|
|
19667
19503
|
|
|
19668
|
-
.pf-c-
|
|
19669
|
-
|
|
19670
|
-
|
|
19671
|
-
align-self: center;
|
|
19504
|
+
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19505
|
+
top: auto;
|
|
19506
|
+
bottom: 0;
|
|
19672
19507
|
}
|
|
19673
19508
|
|
|
19674
|
-
.pf-c-
|
|
19675
|
-
|
|
19676
|
-
font-size: var(--pf-c-progress--m-outside__measure--FontSize);
|
|
19509
|
+
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
|
|
19510
|
+
left: var(--pf-c-popover__arrow--Width);
|
|
19677
19511
|
}
|
|
19678
19512
|
|
|
19679
|
-
.pf-c-
|
|
19680
|
-
|
|
19681
|
-
|
|
19513
|
+
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19514
|
+
right: 0;
|
|
19515
|
+
left: auto;
|
|
19682
19516
|
}
|
|
19683
19517
|
|
|
19684
|
-
.pf-c-
|
|
19685
|
-
|
|
19686
|
-
|
|
19518
|
+
.pf-c-popover.pf-m-danger {
|
|
19519
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
|
|
19520
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
|
|
19687
19521
|
}
|
|
19688
19522
|
|
|
19689
|
-
.pf-c-
|
|
19690
|
-
|
|
19523
|
+
.pf-c-popover.pf-m-warning {
|
|
19524
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
|
|
19525
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
|
|
19691
19526
|
}
|
|
19692
19527
|
|
|
19693
|
-
.pf-c-
|
|
19694
|
-
|
|
19695
|
-
|
|
19528
|
+
.pf-c-popover.pf-m-success {
|
|
19529
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
|
|
19530
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
|
|
19696
19531
|
}
|
|
19697
19532
|
|
|
19698
|
-
.pf-c-
|
|
19699
|
-
|
|
19700
|
-
|
|
19533
|
+
.pf-c-popover.pf-m-default {
|
|
19534
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
|
|
19535
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
|
|
19701
19536
|
}
|
|
19702
19537
|
|
|
19703
|
-
.pf-c-
|
|
19538
|
+
.pf-c-popover.pf-m-info {
|
|
19539
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
|
|
19540
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
|
|
19541
|
+
}
|
|
19542
|
+
|
|
19543
|
+
.pf-c-popover__content {
|
|
19544
|
+
position: relative;
|
|
19545
|
+
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
19546
|
+
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
19547
|
+
}
|
|
19548
|
+
|
|
19549
|
+
.pf-c-popover__content > .pf-c-title {
|
|
19550
|
+
margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
|
|
19551
|
+
}
|
|
19552
|
+
|
|
19553
|
+
.pf-c-popover__content > .pf-c-button {
|
|
19554
|
+
position: absolute;
|
|
19555
|
+
top: var(--pf-c-popover--c-button--Top);
|
|
19556
|
+
right: var(--pf-c-popover--c-button--Right);
|
|
19557
|
+
}
|
|
19558
|
+
|
|
19559
|
+
.pf-c-popover__content > .pf-c-button + * {
|
|
19560
|
+
padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
|
|
19561
|
+
}
|
|
19562
|
+
|
|
19563
|
+
.pf-c-popover__arrow {
|
|
19564
|
+
position: absolute;
|
|
19565
|
+
width: var(--pf-c-popover__arrow--Width);
|
|
19566
|
+
height: var(--pf-c-popover__arrow--Height);
|
|
19567
|
+
pointer-events: none;
|
|
19568
|
+
background-color: var(--pf-c-popover__arrow--BackgroundColor);
|
|
19569
|
+
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
19570
|
+
}
|
|
19571
|
+
|
|
19572
|
+
.pf-c-popover__title {
|
|
19573
|
+
flex: 0 0 auto;
|
|
19574
|
+
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
19575
|
+
font-family: var(--pf-c-popover__title--FontFamily);
|
|
19576
|
+
font-size: var(--pf-c-popover__title--FontSize);
|
|
19577
|
+
line-height: var(--pf-c-popover__title--LineHeight);
|
|
19578
|
+
}
|
|
19579
|
+
|
|
19580
|
+
.pf-c-popover__title.pf-m-icon {
|
|
19581
|
+
display: flex;
|
|
19582
|
+
}
|
|
19583
|
+
|
|
19584
|
+
.pf-c-popover__title-icon {
|
|
19585
|
+
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
19586
|
+
color: var(--pf-c-popover__title-icon--Color);
|
|
19587
|
+
}
|
|
19588
|
+
|
|
19589
|
+
.pf-c-popover__title-text {
|
|
19590
|
+
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
19591
|
+
}
|
|
19592
|
+
|
|
19593
|
+
.pf-c-popover__body {
|
|
19594
|
+
word-wrap: break-word;
|
|
19595
|
+
}
|
|
19596
|
+
|
|
19597
|
+
.pf-c-popover__footer {
|
|
19598
|
+
margin-top: var(--pf-c-popover__footer--MarginTop);
|
|
19599
|
+
}
|
|
19600
|
+
|
|
19601
|
+
.pf-c-progress {
|
|
19602
|
+
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
19603
|
+
--pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
|
|
19604
|
+
--pf-c-progress__bar--Height: var(--pf-global--spacer--md);
|
|
19605
|
+
--pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
19606
|
+
--pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
19607
|
+
--pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
|
|
19608
|
+
--pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
19609
|
+
--pf-c-progress__bar--before--Opacity: .2;
|
|
19610
|
+
--pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
|
|
19611
|
+
--pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
|
|
19612
|
+
--pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
|
|
19613
|
+
--pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
|
|
19614
|
+
--pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
|
|
19615
|
+
--pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
|
|
19616
|
+
--pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
|
|
19617
|
+
--pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
|
|
19618
|
+
--pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
|
|
19619
|
+
--pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
|
|
19620
|
+
--pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
|
|
19621
|
+
--pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
|
|
19622
|
+
--pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
19623
|
+
--pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
19624
|
+
--pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
|
|
19625
|
+
--pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
|
|
19626
|
+
--pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
19627
|
+
--pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
|
|
19628
|
+
display: grid;
|
|
19629
|
+
align-items: end;
|
|
19630
|
+
grid-gap: var(--pf-c-progress--GridGap);
|
|
19631
|
+
grid-template-columns: auto auto;
|
|
19632
|
+
grid-template-rows: 1fr auto;
|
|
19633
|
+
}
|
|
19634
|
+
|
|
19635
|
+
.pf-c-progress.pf-m-sm {
|
|
19636
|
+
--pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
|
|
19637
|
+
}
|
|
19638
|
+
|
|
19639
|
+
.pf-c-progress.pf-m-sm .pf-c-progress__description {
|
|
19640
|
+
font-size: var(--pf-c-progress--m-sm__description--FontSize);
|
|
19641
|
+
}
|
|
19642
|
+
|
|
19643
|
+
.pf-c-progress.pf-m-sm .pf-c-progress__measure {
|
|
19644
|
+
font-size: var(--pf-c-progress--m-sm__measure--FontSize);
|
|
19645
|
+
}
|
|
19646
|
+
|
|
19647
|
+
.pf-c-progress.pf-m-lg {
|
|
19648
|
+
--pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
|
|
19649
|
+
}
|
|
19650
|
+
|
|
19651
|
+
.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
|
|
19652
|
+
display: flex;
|
|
19653
|
+
align-items: center;
|
|
19654
|
+
justify-content: center;
|
|
19655
|
+
min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
|
|
19656
|
+
}
|
|
19657
|
+
|
|
19658
|
+
.pf-c-progress.pf-m-inside .pf-c-progress__measure {
|
|
19659
|
+
font-size: var(--pf-c-progress--m-inside__measure--FontSize);
|
|
19660
|
+
color: var(--pf-c-progress--m-inside__measure--Color);
|
|
19661
|
+
text-align: center;
|
|
19662
|
+
}
|
|
19663
|
+
|
|
19664
|
+
.pf-c-progress.pf-m-outside .pf-c-progress__description {
|
|
19665
|
+
grid-column: 1/3;
|
|
19666
|
+
}
|
|
19667
|
+
|
|
19668
|
+
.pf-c-progress.pf-m-outside .pf-c-progress__status {
|
|
19669
|
+
grid-column: 2/3;
|
|
19670
|
+
grid-row: 2/3;
|
|
19671
|
+
align-self: center;
|
|
19672
|
+
}
|
|
19673
|
+
|
|
19674
|
+
.pf-c-progress.pf-m-outside .pf-c-progress__measure {
|
|
19675
|
+
display: inline-block;
|
|
19676
|
+
font-size: var(--pf-c-progress--m-outside__measure--FontSize);
|
|
19677
|
+
}
|
|
19678
|
+
|
|
19679
|
+
.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
|
|
19680
|
+
min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
|
|
19681
|
+
text-align: left;
|
|
19682
|
+
}
|
|
19683
|
+
|
|
19684
|
+
.pf-c-progress.pf-m-outside .pf-c-progress__bar,
|
|
19685
|
+
.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
|
|
19686
|
+
grid-column: 1/2;
|
|
19687
|
+
}
|
|
19688
|
+
|
|
19689
|
+
.pf-c-progress.pf-m-singleline {
|
|
19690
|
+
grid-template-rows: 1fr;
|
|
19691
|
+
}
|
|
19692
|
+
|
|
19693
|
+
.pf-c-progress.pf-m-singleline .pf-c-progress__description {
|
|
19694
|
+
display: none;
|
|
19695
|
+
visibility: hidden;
|
|
19696
|
+
}
|
|
19697
|
+
|
|
19698
|
+
.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
|
|
19699
|
+
grid-row: 1/2;
|
|
19700
|
+
grid-column: 1/2;
|
|
19701
|
+
}
|
|
19702
|
+
|
|
19703
|
+
.pf-c-progress.pf-m-singleline .pf-c-progress__status {
|
|
19704
19704
|
grid-row: 1/2;
|
|
19705
19705
|
grid-column: 2/3;
|
|
19706
19706
|
}
|
|
@@ -21201,159 +21201,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21201
21201
|
left: var(--pf-c-skip-to-content--focus--Left);
|
|
21202
21202
|
}
|
|
21203
21203
|
|
|
21204
|
-
.pf-c-switch {
|
|
21205
|
-
--pf-c-switch--FontSize: var(--pf-global--FontSize--md);
|
|
21206
|
-
--pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
|
|
21207
|
-
--pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
|
|
21208
|
-
--pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
|
|
21209
|
-
--pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
|
|
21210
|
-
--pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
|
|
21211
|
-
--pf-c-switch__toggle-icon--Offset: 0.125rem;
|
|
21212
|
-
--pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
|
|
21213
|
-
--pf-c-switch--Height: auto;
|
|
21214
|
-
--pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
|
|
21215
|
-
--pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
|
|
21216
|
-
--pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
|
|
21217
|
-
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
|
|
21218
|
-
--pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
|
|
21219
|
-
--pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--Color--dark-200);
|
|
21220
|
-
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
21221
|
-
--pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
|
|
21222
|
-
--pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
|
|
21223
|
-
--pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
|
|
21224
|
-
--pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
|
|
21225
|
-
--pf-c-switch__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
21226
|
-
--pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
|
|
21227
|
-
--pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
|
|
21228
|
-
--pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
|
|
21229
|
-
--pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
|
|
21230
|
-
--pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
|
|
21231
|
-
--pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
21232
|
-
--pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
21233
|
-
--pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
21234
|
-
--pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
21235
|
-
--pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
|
|
21236
|
-
--pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
|
|
21237
|
-
position: relative;
|
|
21238
|
-
display: inline-grid;
|
|
21239
|
-
grid-template-columns: auto;
|
|
21240
|
-
grid-auto-columns: 1fr;
|
|
21241
|
-
column-gap: var(--pf-c-switch--ColumnGap);
|
|
21242
|
-
height: var(--pf-c-switch--Height);
|
|
21243
|
-
font-size: var(--pf-c-switch--FontSize);
|
|
21244
|
-
line-height: var(--pf-c-switch--LineHeight);
|
|
21245
|
-
vertical-align: middle;
|
|
21246
|
-
cursor: pointer;
|
|
21247
|
-
}
|
|
21248
|
-
|
|
21249
|
-
.pf-c-switch.pf-m-reverse .pf-c-switch__label,
|
|
21250
|
-
.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
|
|
21251
|
-
grid-row: 1;
|
|
21252
|
-
}
|
|
21253
|
-
|
|
21254
|
-
.pf-c-switch.pf-m-reverse .pf-c-switch__label {
|
|
21255
|
-
grid-column: 1;
|
|
21256
|
-
}
|
|
21257
|
-
|
|
21258
|
-
.pf-c-switch__input {
|
|
21259
|
-
position: absolute;
|
|
21260
|
-
cursor: pointer;
|
|
21261
|
-
opacity: 0;
|
|
21262
|
-
}
|
|
21263
|
-
|
|
21264
|
-
.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
|
|
21265
|
-
outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
|
|
21266
|
-
outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
|
|
21267
|
-
}
|
|
21268
|
-
|
|
21269
|
-
.pf-c-switch__input:checked ~ .pf-c-switch__label {
|
|
21270
|
-
color: var(--pf-c-switch__input--checked__label--Color);
|
|
21271
|
-
}
|
|
21272
|
-
|
|
21273
|
-
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
|
|
21274
|
-
background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
|
|
21275
|
-
}
|
|
21276
|
-
|
|
21277
|
-
.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
|
|
21278
|
-
transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
|
|
21279
|
-
}
|
|
21280
|
-
|
|
21281
|
-
.pf-c-switch__input:checked ~ .pf-m-off {
|
|
21282
|
-
display: none;
|
|
21283
|
-
}
|
|
21284
|
-
|
|
21285
|
-
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
|
|
21286
|
-
color: var(--pf-c-switch__input--not-checked__label--Color);
|
|
21287
|
-
}
|
|
21288
|
-
|
|
21289
|
-
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
|
|
21290
|
-
display: none;
|
|
21291
|
-
visibility: hidden;
|
|
21292
|
-
}
|
|
21293
|
-
|
|
21294
|
-
.pf-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
21295
|
-
display: none;
|
|
21296
|
-
}
|
|
21297
|
-
|
|
21298
|
-
.pf-c-switch__input:disabled {
|
|
21299
|
-
cursor: not-allowed;
|
|
21300
|
-
}
|
|
21301
|
-
|
|
21302
|
-
.pf-c-switch__input:disabled ~ .pf-c-switch__label {
|
|
21303
|
-
color: var(--pf-c-switch__input--disabled__label--Color);
|
|
21304
|
-
cursor: not-allowed;
|
|
21305
|
-
}
|
|
21306
|
-
|
|
21307
|
-
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
|
|
21308
|
-
cursor: not-allowed;
|
|
21309
|
-
background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
|
|
21310
|
-
}
|
|
21311
|
-
|
|
21312
|
-
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
|
|
21313
|
-
background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
21314
|
-
}
|
|
21315
|
-
|
|
21316
|
-
.pf-c-switch__toggle {
|
|
21317
|
-
position: relative;
|
|
21318
|
-
display: inline-block;
|
|
21319
|
-
width: var(--pf-c-switch__toggle--Width);
|
|
21320
|
-
height: var(--pf-c-switch__toggle--Height);
|
|
21321
|
-
background-color: var(--pf-c-switch__toggle--BackgroundColor);
|
|
21322
|
-
border-radius: var(--pf-c-switch__toggle--BorderRadius);
|
|
21323
|
-
}
|
|
21324
|
-
|
|
21325
|
-
.pf-c-switch__toggle::before {
|
|
21326
|
-
position: absolute;
|
|
21327
|
-
top: var(--pf-c-switch__toggle--before--Top);
|
|
21328
|
-
left: var(--pf-c-switch__toggle--before--Left);
|
|
21329
|
-
display: block;
|
|
21330
|
-
width: var(--pf-c-switch__toggle--before--Width);
|
|
21331
|
-
height: var(--pf-c-switch__toggle--before--Height);
|
|
21332
|
-
content: "";
|
|
21333
|
-
background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
|
|
21334
|
-
border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
|
|
21335
|
-
box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
|
|
21336
|
-
transition: var(--pf-c-switch__toggle--before--Transition);
|
|
21337
|
-
}
|
|
21338
|
-
|
|
21339
|
-
.pf-c-switch__toggle-icon {
|
|
21340
|
-
position: absolute;
|
|
21341
|
-
top: 0;
|
|
21342
|
-
bottom: 0;
|
|
21343
|
-
left: var(--pf-c-switch__toggle-icon--Left);
|
|
21344
|
-
display: flex;
|
|
21345
|
-
align-items: center;
|
|
21346
|
-
font-size: var(--pf-c-switch__toggle-icon--FontSize);
|
|
21347
|
-
color: var(--pf-c-switch__toggle-icon--Color);
|
|
21348
|
-
}
|
|
21349
|
-
|
|
21350
|
-
.pf-c-switch__label {
|
|
21351
|
-
display: inline-block;
|
|
21352
|
-
grid-column: 2;
|
|
21353
|
-
color: var(--pf-c-switch__label--Color);
|
|
21354
|
-
vertical-align: top;
|
|
21355
|
-
}
|
|
21356
|
-
|
|
21357
21204
|
.pf-c-slider {
|
|
21358
21205
|
--pf-c-slider--value: 0;
|
|
21359
21206
|
--pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
|
|
@@ -21513,64 +21360,217 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21513
21360
|
transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
|
|
21514
21361
|
}
|
|
21515
21362
|
|
|
21516
|
-
.pf-c-slider__thumb::before {
|
|
21517
|
-
position: absolute;
|
|
21518
|
-
top: 50%;
|
|
21519
|
-
left: 50%;
|
|
21520
|
-
width: var(--pf-c-slider__thumb--before--Width);
|
|
21521
|
-
height: var(--pf-c-slider__thumb--before--Height);
|
|
21522
|
-
content: "";
|
|
21523
|
-
border-radius: var(--pf-c-slider__thumb--before--BorderRadius);
|
|
21524
|
-
transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY));
|
|
21363
|
+
.pf-c-slider__thumb::before {
|
|
21364
|
+
position: absolute;
|
|
21365
|
+
top: 50%;
|
|
21366
|
+
left: 50%;
|
|
21367
|
+
width: var(--pf-c-slider__thumb--before--Width);
|
|
21368
|
+
height: var(--pf-c-slider__thumb--before--Height);
|
|
21369
|
+
content: "";
|
|
21370
|
+
border-radius: var(--pf-c-slider__thumb--before--BorderRadius);
|
|
21371
|
+
transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY));
|
|
21372
|
+
}
|
|
21373
|
+
|
|
21374
|
+
.pf-c-slider__thumb:hover {
|
|
21375
|
+
--pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--hover--BoxShadow);
|
|
21376
|
+
}
|
|
21377
|
+
|
|
21378
|
+
.pf-c-slider__thumb:focus {
|
|
21379
|
+
--pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--focus--BoxShadow);
|
|
21380
|
+
outline: 0;
|
|
21381
|
+
}
|
|
21382
|
+
|
|
21383
|
+
.pf-c-slider__thumb:active {
|
|
21384
|
+
--pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--active--BoxShadow);
|
|
21385
|
+
}
|
|
21386
|
+
|
|
21387
|
+
.pf-c-slider__value {
|
|
21388
|
+
margin-left: var(--pf-c-slider__value--MarginLeft);
|
|
21389
|
+
}
|
|
21390
|
+
|
|
21391
|
+
.pf-c-slider__value.pf-m-floating {
|
|
21392
|
+
--pf-c-slider__value--MarginLeft: 0;
|
|
21393
|
+
position: absolute;
|
|
21394
|
+
top: 0;
|
|
21395
|
+
left: var(--pf-c-slider__value--m-floating--Left);
|
|
21396
|
+
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
21397
|
+
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
21398
|
+
}
|
|
21399
|
+
|
|
21400
|
+
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
21401
|
+
align-items: center;
|
|
21402
|
+
}
|
|
21403
|
+
|
|
21404
|
+
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
21405
|
+
position: absolute;
|
|
21406
|
+
left: 100%;
|
|
21407
|
+
}
|
|
21408
|
+
|
|
21409
|
+
.pf-c-slider__value .pf-c-form-control {
|
|
21410
|
+
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
21411
|
+
}
|
|
21412
|
+
|
|
21413
|
+
.pf-c-slider__actions {
|
|
21414
|
+
display: flex;
|
|
21415
|
+
margin-right: var(--pf-c-slider__actions--MarginRight);
|
|
21416
|
+
}
|
|
21417
|
+
|
|
21418
|
+
.pf-c-slider__main ~ .pf-c-slider__actions {
|
|
21419
|
+
--pf-c-slider__actions--MarginRight: 0;
|
|
21420
|
+
margin-left: var(--pf-c-slider__main--actions--MarginLeft);
|
|
21421
|
+
}
|
|
21422
|
+
|
|
21423
|
+
.pf-c-switch {
|
|
21424
|
+
--pf-c-switch--FontSize: var(--pf-global--FontSize--md);
|
|
21425
|
+
--pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
|
|
21426
|
+
--pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
|
|
21427
|
+
--pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
|
|
21428
|
+
--pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
|
|
21429
|
+
--pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
|
|
21430
|
+
--pf-c-switch__toggle-icon--Offset: 0.125rem;
|
|
21431
|
+
--pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
|
|
21432
|
+
--pf-c-switch--Height: auto;
|
|
21433
|
+
--pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
|
|
21434
|
+
--pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
|
|
21435
|
+
--pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
|
|
21436
|
+
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
|
|
21437
|
+
--pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
|
|
21438
|
+
--pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--Color--dark-200);
|
|
21439
|
+
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
21440
|
+
--pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
|
|
21441
|
+
--pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
|
|
21442
|
+
--pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
|
|
21443
|
+
--pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
|
|
21444
|
+
--pf-c-switch__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
21445
|
+
--pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
|
|
21446
|
+
--pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
|
|
21447
|
+
--pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
|
|
21448
|
+
--pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
|
|
21449
|
+
--pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
|
|
21450
|
+
--pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
21451
|
+
--pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
21452
|
+
--pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
21453
|
+
--pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
21454
|
+
--pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
|
|
21455
|
+
--pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
|
|
21456
|
+
position: relative;
|
|
21457
|
+
display: inline-grid;
|
|
21458
|
+
grid-template-columns: auto;
|
|
21459
|
+
grid-auto-columns: 1fr;
|
|
21460
|
+
column-gap: var(--pf-c-switch--ColumnGap);
|
|
21461
|
+
height: var(--pf-c-switch--Height);
|
|
21462
|
+
font-size: var(--pf-c-switch--FontSize);
|
|
21463
|
+
line-height: var(--pf-c-switch--LineHeight);
|
|
21464
|
+
vertical-align: middle;
|
|
21465
|
+
cursor: pointer;
|
|
21466
|
+
}
|
|
21467
|
+
|
|
21468
|
+
.pf-c-switch.pf-m-reverse .pf-c-switch__label,
|
|
21469
|
+
.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
|
|
21470
|
+
grid-row: 1;
|
|
21471
|
+
}
|
|
21472
|
+
|
|
21473
|
+
.pf-c-switch.pf-m-reverse .pf-c-switch__label {
|
|
21474
|
+
grid-column: 1;
|
|
21475
|
+
}
|
|
21476
|
+
|
|
21477
|
+
.pf-c-switch__input {
|
|
21478
|
+
position: absolute;
|
|
21479
|
+
cursor: pointer;
|
|
21480
|
+
opacity: 0;
|
|
21481
|
+
}
|
|
21482
|
+
|
|
21483
|
+
.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
|
|
21484
|
+
outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
|
|
21485
|
+
outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
|
|
21486
|
+
}
|
|
21487
|
+
|
|
21488
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__label {
|
|
21489
|
+
color: var(--pf-c-switch__input--checked__label--Color);
|
|
21490
|
+
}
|
|
21491
|
+
|
|
21492
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
|
|
21493
|
+
background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
|
|
21494
|
+
}
|
|
21495
|
+
|
|
21496
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
|
|
21497
|
+
transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
|
|
21525
21498
|
}
|
|
21526
21499
|
|
|
21527
|
-
.pf-c-
|
|
21528
|
-
|
|
21500
|
+
.pf-c-switch__input:checked ~ .pf-m-off {
|
|
21501
|
+
display: none;
|
|
21529
21502
|
}
|
|
21530
21503
|
|
|
21531
|
-
.pf-c-
|
|
21532
|
-
|
|
21533
|
-
outline: 0;
|
|
21504
|
+
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
|
|
21505
|
+
color: var(--pf-c-switch__input--not-checked__label--Color);
|
|
21534
21506
|
}
|
|
21535
21507
|
|
|
21536
|
-
.pf-c-
|
|
21537
|
-
|
|
21508
|
+
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
|
|
21509
|
+
display: none;
|
|
21510
|
+
visibility: hidden;
|
|
21538
21511
|
}
|
|
21539
21512
|
|
|
21540
|
-
.pf-c-
|
|
21541
|
-
|
|
21513
|
+
.pf-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
21514
|
+
display: none;
|
|
21542
21515
|
}
|
|
21543
21516
|
|
|
21544
|
-
.pf-c-
|
|
21545
|
-
|
|
21546
|
-
position: absolute;
|
|
21547
|
-
top: 0;
|
|
21548
|
-
left: var(--pf-c-slider__value--m-floating--Left);
|
|
21549
|
-
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
21550
|
-
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
21517
|
+
.pf-c-switch__input:disabled {
|
|
21518
|
+
cursor: not-allowed;
|
|
21551
21519
|
}
|
|
21552
21520
|
|
|
21553
|
-
.pf-c-
|
|
21554
|
-
|
|
21521
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__label {
|
|
21522
|
+
color: var(--pf-c-switch__input--disabled__label--Color);
|
|
21523
|
+
cursor: not-allowed;
|
|
21555
21524
|
}
|
|
21556
21525
|
|
|
21557
|
-
.pf-c-
|
|
21558
|
-
|
|
21559
|
-
|
|
21526
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
|
|
21527
|
+
cursor: not-allowed;
|
|
21528
|
+
background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
|
|
21560
21529
|
}
|
|
21561
21530
|
|
|
21562
|
-
.pf-c-
|
|
21563
|
-
|
|
21531
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
|
|
21532
|
+
background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
21564
21533
|
}
|
|
21565
21534
|
|
|
21566
|
-
.pf-c-
|
|
21535
|
+
.pf-c-switch__toggle {
|
|
21536
|
+
position: relative;
|
|
21537
|
+
display: inline-block;
|
|
21538
|
+
width: var(--pf-c-switch__toggle--Width);
|
|
21539
|
+
height: var(--pf-c-switch__toggle--Height);
|
|
21540
|
+
background-color: var(--pf-c-switch__toggle--BackgroundColor);
|
|
21541
|
+
border-radius: var(--pf-c-switch__toggle--BorderRadius);
|
|
21542
|
+
}
|
|
21543
|
+
|
|
21544
|
+
.pf-c-switch__toggle::before {
|
|
21545
|
+
position: absolute;
|
|
21546
|
+
top: var(--pf-c-switch__toggle--before--Top);
|
|
21547
|
+
left: var(--pf-c-switch__toggle--before--Left);
|
|
21548
|
+
display: block;
|
|
21549
|
+
width: var(--pf-c-switch__toggle--before--Width);
|
|
21550
|
+
height: var(--pf-c-switch__toggle--before--Height);
|
|
21551
|
+
content: "";
|
|
21552
|
+
background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
|
|
21553
|
+
border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
|
|
21554
|
+
box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
|
|
21555
|
+
transition: var(--pf-c-switch__toggle--before--Transition);
|
|
21556
|
+
}
|
|
21557
|
+
|
|
21558
|
+
.pf-c-switch__toggle-icon {
|
|
21559
|
+
position: absolute;
|
|
21560
|
+
top: 0;
|
|
21561
|
+
bottom: 0;
|
|
21562
|
+
left: var(--pf-c-switch__toggle-icon--Left);
|
|
21567
21563
|
display: flex;
|
|
21568
|
-
|
|
21564
|
+
align-items: center;
|
|
21565
|
+
font-size: var(--pf-c-switch__toggle-icon--FontSize);
|
|
21566
|
+
color: var(--pf-c-switch__toggle-icon--Color);
|
|
21569
21567
|
}
|
|
21570
21568
|
|
|
21571
|
-
.pf-c-
|
|
21572
|
-
|
|
21573
|
-
|
|
21569
|
+
.pf-c-switch__label {
|
|
21570
|
+
display: inline-block;
|
|
21571
|
+
grid-column: 2;
|
|
21572
|
+
color: var(--pf-c-switch__label--Color);
|
|
21573
|
+
vertical-align: top;
|
|
21574
21574
|
}
|
|
21575
21575
|
|
|
21576
21576
|
.pf-c-tabs {
|
|
@@ -25816,75 +25816,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25816
25816
|
direction: ltr;
|
|
25817
25817
|
}
|
|
25818
25818
|
}
|
|
25819
|
-
.pf-l-gallery {
|
|
25820
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
25821
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
25822
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25823
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
25824
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25825
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
25826
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
25827
|
-
display: grid;
|
|
25828
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
25829
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
25830
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25831
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25832
|
-
}
|
|
25833
|
-
|
|
25834
|
-
.pf-l-gallery.pf-m-gutter {
|
|
25835
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
25836
|
-
}
|
|
25837
|
-
|
|
25838
|
-
@media (min-width: 576px) {
|
|
25839
|
-
.pf-l-gallery {
|
|
25840
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
25841
|
-
}
|
|
25842
|
-
}
|
|
25843
|
-
@media (min-width: 768px) {
|
|
25844
|
-
.pf-l-gallery {
|
|
25845
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
25846
|
-
}
|
|
25847
|
-
}
|
|
25848
|
-
@media (min-width: 992px) {
|
|
25849
|
-
.pf-l-gallery {
|
|
25850
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
25851
|
-
}
|
|
25852
|
-
}
|
|
25853
|
-
@media (min-width: 1200px) {
|
|
25854
|
-
.pf-l-gallery {
|
|
25855
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
25856
|
-
}
|
|
25857
|
-
}
|
|
25858
|
-
@media (min-width: 1450px) {
|
|
25859
|
-
.pf-l-gallery {
|
|
25860
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
25861
|
-
}
|
|
25862
|
-
}
|
|
25863
|
-
@media (min-width: 576px) {
|
|
25864
|
-
.pf-l-gallery {
|
|
25865
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
25866
|
-
}
|
|
25867
|
-
}
|
|
25868
|
-
@media (min-width: 768px) {
|
|
25869
|
-
.pf-l-gallery {
|
|
25870
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
25871
|
-
}
|
|
25872
|
-
}
|
|
25873
|
-
@media (min-width: 992px) {
|
|
25874
|
-
.pf-l-gallery {
|
|
25875
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
25876
|
-
}
|
|
25877
|
-
}
|
|
25878
|
-
@media (min-width: 1200px) {
|
|
25879
|
-
.pf-l-gallery {
|
|
25880
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
25881
|
-
}
|
|
25882
|
-
}
|
|
25883
|
-
@media (min-width: 1450px) {
|
|
25884
|
-
.pf-l-gallery {
|
|
25885
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
25886
|
-
}
|
|
25887
|
-
}
|
|
25888
25819
|
.pf-l-flex {
|
|
25889
25820
|
--pf-l-flex--Display: flex;
|
|
25890
25821
|
--pf-l-flex--FlexWrap: wrap;
|
|
@@ -27961,6 +27892,75 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
27961
27892
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
27962
27893
|
}
|
|
27963
27894
|
}
|
|
27895
|
+
.pf-l-gallery {
|
|
27896
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27897
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27898
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27899
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27900
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27901
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27902
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
27903
|
+
display: grid;
|
|
27904
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27905
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27906
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27907
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27908
|
+
}
|
|
27909
|
+
|
|
27910
|
+
.pf-l-gallery.pf-m-gutter {
|
|
27911
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27912
|
+
}
|
|
27913
|
+
|
|
27914
|
+
@media (min-width: 576px) {
|
|
27915
|
+
.pf-l-gallery {
|
|
27916
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27917
|
+
}
|
|
27918
|
+
}
|
|
27919
|
+
@media (min-width: 768px) {
|
|
27920
|
+
.pf-l-gallery {
|
|
27921
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
27922
|
+
}
|
|
27923
|
+
}
|
|
27924
|
+
@media (min-width: 992px) {
|
|
27925
|
+
.pf-l-gallery {
|
|
27926
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
27927
|
+
}
|
|
27928
|
+
}
|
|
27929
|
+
@media (min-width: 1200px) {
|
|
27930
|
+
.pf-l-gallery {
|
|
27931
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
27932
|
+
}
|
|
27933
|
+
}
|
|
27934
|
+
@media (min-width: 1450px) {
|
|
27935
|
+
.pf-l-gallery {
|
|
27936
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
27937
|
+
}
|
|
27938
|
+
}
|
|
27939
|
+
@media (min-width: 576px) {
|
|
27940
|
+
.pf-l-gallery {
|
|
27941
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27942
|
+
}
|
|
27943
|
+
}
|
|
27944
|
+
@media (min-width: 768px) {
|
|
27945
|
+
.pf-l-gallery {
|
|
27946
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
27947
|
+
}
|
|
27948
|
+
}
|
|
27949
|
+
@media (min-width: 992px) {
|
|
27950
|
+
.pf-l-gallery {
|
|
27951
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
27952
|
+
}
|
|
27953
|
+
}
|
|
27954
|
+
@media (min-width: 1200px) {
|
|
27955
|
+
.pf-l-gallery {
|
|
27956
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
27957
|
+
}
|
|
27958
|
+
}
|
|
27959
|
+
@media (min-width: 1450px) {
|
|
27960
|
+
.pf-l-gallery {
|
|
27961
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
27962
|
+
}
|
|
27963
|
+
}
|
|
27964
27964
|
.pf-l-grid {
|
|
27965
27965
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27966
27966
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -29175,6 +29175,18 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
29175
29175
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
29176
29176
|
}
|
|
29177
29177
|
|
|
29178
|
+
.pf-l-level {
|
|
29179
|
+
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
29180
|
+
display: flex;
|
|
29181
|
+
flex-wrap: wrap;
|
|
29182
|
+
align-items: center;
|
|
29183
|
+
justify-content: space-between;
|
|
29184
|
+
}
|
|
29185
|
+
|
|
29186
|
+
.pf-l-level.pf-m-gutter > *:not(:last-child) {
|
|
29187
|
+
margin-right: var(--pf-l-level--m-gutter--MarginRight);
|
|
29188
|
+
}
|
|
29189
|
+
|
|
29178
29190
|
.pf-l-split {
|
|
29179
29191
|
--pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
29180
29192
|
display: flex;
|
|
@@ -29194,18 +29206,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
29194
29206
|
margin-right: var(--pf-l-split--m-gutter--MarginRight);
|
|
29195
29207
|
}
|
|
29196
29208
|
|
|
29197
|
-
.pf-l-level {
|
|
29198
|
-
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
29199
|
-
display: flex;
|
|
29200
|
-
flex-wrap: wrap;
|
|
29201
|
-
align-items: center;
|
|
29202
|
-
justify-content: space-between;
|
|
29203
|
-
}
|
|
29204
|
-
|
|
29205
|
-
.pf-l-level.pf-m-gutter > *:not(:last-child) {
|
|
29206
|
-
margin-right: var(--pf-l-level--m-gutter--MarginRight);
|
|
29207
|
-
}
|
|
29208
|
-
|
|
29209
29209
|
.pf-l-stack {
|
|
29210
29210
|
--pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
|
|
29211
29211
|
display: flex;
|