@patternfly/react-table 4.61.15 → 4.61.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/umd/react-table.css +886 -886
- package/package.json +6 -6
package/dist/umd/react-table.css
CHANGED
|
@@ -6996,23 +6996,6 @@ 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
|
-
|
|
7016
6999
|
.pf-c-accordion {
|
|
7017
7000
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
7018
7001
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -7251,6 +7234,23 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7251
7234
|
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
7252
7235
|
}
|
|
7253
7236
|
|
|
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,153 +7500,6 @@ 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
|
-
}
|
|
7650
7503
|
.pf-c-app-launcher {
|
|
7651
7504
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
7652
7505
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -7876,57 +7729,204 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7876
7729
|
color: var(--pf-c-app-launcher__group-title--Color);
|
|
7877
7730
|
}
|
|
7878
7731
|
|
|
7879
|
-
.pf-
|
|
7880
|
-
|
|
7881
|
-
|
|
7882
|
-
|
|
7883
|
-
|
|
7884
|
-
|
|
7885
|
-
|
|
7886
|
-
|
|
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);
|
|
7732
|
+
.pf-u-screen-reader {
|
|
7733
|
+
position: fixed;
|
|
7734
|
+
top: 0;
|
|
7735
|
+
left: 0;
|
|
7736
|
+
overflow: hidden;
|
|
7737
|
+
clip: rect(0, 0, 0, 0);
|
|
7738
|
+
white-space: nowrap;
|
|
7739
|
+
border: 0;
|
|
7898
7740
|
}
|
|
7899
7741
|
|
|
7900
|
-
.pf-
|
|
7901
|
-
|
|
7902
|
-
|
|
7742
|
+
.pf-u-visible {
|
|
7743
|
+
position: static;
|
|
7744
|
+
overflow: visible;
|
|
7745
|
+
clip: auto;
|
|
7746
|
+
white-space: normal;
|
|
7747
|
+
border: inherit;
|
|
7903
7748
|
}
|
|
7904
7749
|
|
|
7905
|
-
.pf-
|
|
7906
|
-
|
|
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);
|
|
7750
|
+
.pf-u-hidden {
|
|
7751
|
+
display: none !important;
|
|
7919
7752
|
}
|
|
7920
7753
|
|
|
7921
|
-
@media (min-width:
|
|
7922
|
-
.pf-
|
|
7923
|
-
|
|
7754
|
+
@media screen and (min-width: 576px) {
|
|
7755
|
+
.pf-u-screen-reader-on-sm {
|
|
7756
|
+
position: fixed;
|
|
7757
|
+
top: 0;
|
|
7758
|
+
left: 0;
|
|
7759
|
+
overflow: hidden;
|
|
7760
|
+
clip: rect(0, 0, 0, 0);
|
|
7761
|
+
white-space: nowrap;
|
|
7762
|
+
border: 0;
|
|
7924
7763
|
}
|
|
7925
7764
|
}
|
|
7926
|
-
|
|
7927
|
-
|
|
7765
|
+
@media screen and (min-width: 576px) {
|
|
7766
|
+
.pf-u-visible-on-sm {
|
|
7767
|
+
position: static;
|
|
7768
|
+
overflow: visible;
|
|
7769
|
+
clip: auto;
|
|
7770
|
+
white-space: normal;
|
|
7771
|
+
border: inherit;
|
|
7772
|
+
}
|
|
7928
7773
|
}
|
|
7929
|
-
|
|
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);
|
|
7924
|
+
}
|
|
7925
|
+
}
|
|
7926
|
+
.pf-c-back-to-top.pf-m-hidden {
|
|
7927
|
+
display: none;
|
|
7928
|
+
}
|
|
7929
|
+
|
|
7930
7930
|
.pf-c-back-to-top .pf-c-button {
|
|
7931
7931
|
--pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
|
|
7932
7932
|
--pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
|
|
@@ -19055,357 +19055,6 @@ ul.pf-c-list {
|
|
|
19055
19055
|
flex: 1 0 auto;
|
|
19056
19056
|
}
|
|
19057
19057
|
|
|
19058
|
-
.pf-c-pagination {
|
|
19059
|
-
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
19060
|
-
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
19061
|
-
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
19062
|
-
--pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
|
|
19063
|
-
--pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
|
|
19064
|
-
--pf-c-pagination__nav--Display: none;
|
|
19065
|
-
--pf-c-pagination__nav--Visibility: hidden;
|
|
19066
|
-
--pf-c-pagination--m-display-summary__nav--Display: none;
|
|
19067
|
-
--pf-c-pagination--m-display-summary__nav--Visibility: hidden;
|
|
19068
|
-
--pf-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
19069
|
-
--pf-c-pagination--m-display-full__nav--Visibility: visible;
|
|
19070
|
-
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
19071
|
-
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
19072
|
-
--pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
|
|
19073
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
|
|
19074
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
|
|
19075
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
|
|
19076
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
19077
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
|
|
19078
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
|
|
19079
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
19080
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
|
|
19081
|
-
--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
|
|
19082
|
-
--pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
|
|
19083
|
-
--pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
|
|
19084
|
-
--pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
|
|
19085
|
-
--pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
|
|
19086
|
-
--pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
|
|
19087
|
-
--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
|
|
19088
|
-
--pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
|
|
19089
|
-
--pf-c-pagination__total-items--Display: block;
|
|
19090
|
-
--pf-c-pagination__total-items--Visibility: visible;
|
|
19091
|
-
--pf-c-pagination--m-display-summary__total-items--Display: block;
|
|
19092
|
-
--pf-c-pagination--m-display-summary__total-items--Visibility: visible;
|
|
19093
|
-
--pf-c-pagination--m-display-full__total-items--Display: none;
|
|
19094
|
-
--pf-c-pagination--m-display-full__total-items--Visibility: hidden;
|
|
19095
|
-
--pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19096
|
-
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
19097
|
-
--pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
|
|
19098
|
-
--pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
|
|
19099
|
-
--pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
19100
|
-
--pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
19101
|
-
--pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
19102
|
-
--pf-c-pagination--m-sticky--Top: 0;
|
|
19103
|
-
--pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19104
|
-
--pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
19105
|
-
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
19106
|
-
--pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
|
|
19107
|
-
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
|
|
19108
|
-
--pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
19109
|
-
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
19110
|
-
--pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
19111
|
-
--pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19112
|
-
--pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
19113
|
-
--pf-c-pagination--c-options-menu--Display: none;
|
|
19114
|
-
--pf-c-pagination--c-options-menu--Visibility: hidden;
|
|
19115
|
-
--pf-c-pagination--m-display-summary--c-options-menu--Display: none;
|
|
19116
|
-
--pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
|
|
19117
|
-
--pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
|
|
19118
|
-
--pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
|
|
19119
|
-
display: flex;
|
|
19120
|
-
flex-wrap: wrap;
|
|
19121
|
-
align-items: center;
|
|
19122
|
-
justify-content: flex-end;
|
|
19123
|
-
}
|
|
19124
|
-
|
|
19125
|
-
@media screen and (min-width: 768px) {
|
|
19126
|
-
.pf-c-pagination {
|
|
19127
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
|
|
19128
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
|
|
19129
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
|
|
19130
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
|
|
19131
|
-
--pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
|
|
19132
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
|
|
19133
|
-
--pf-c-pagination--m-bottom--BoxShadow: none;
|
|
19134
|
-
--pf-c-pagination--c-options-menu--Display: inline-flex;
|
|
19135
|
-
--pf-c-pagination--c-options-menu--Visibility: visible;
|
|
19136
|
-
--pf-c-pagination__nav--Display: inline-flex;
|
|
19137
|
-
--pf-c-pagination__nav--Visibility: visible;
|
|
19138
|
-
--pf-c-pagination__total-items--Display: none;
|
|
19139
|
-
--pf-c-pagination__total-items--Visibility: hidden;
|
|
19140
|
-
}
|
|
19141
|
-
}
|
|
19142
|
-
@media screen and (min-width: 1200px) {
|
|
19143
|
-
.pf-c-pagination {
|
|
19144
|
-
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
19145
|
-
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
19146
|
-
}
|
|
19147
|
-
}
|
|
19148
|
-
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
19149
|
-
margin-right: var(--pf-c-pagination--child--MarginRight);
|
|
19150
|
-
}
|
|
19151
|
-
|
|
19152
|
-
.pf-c-pagination .pf-c-options-menu {
|
|
19153
|
-
display: var(--pf-c-pagination--c-options-menu--Display);
|
|
19154
|
-
visibility: var(--pf-c-pagination--c-options-menu--Visibility);
|
|
19155
|
-
}
|
|
19156
|
-
|
|
19157
|
-
.pf-c-pagination.pf-m-bottom {
|
|
19158
|
-
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
|
|
19159
|
-
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
19160
|
-
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
19161
|
-
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
19162
|
-
--pf-c-pagination--m-sticky--Top: auto;
|
|
19163
|
-
position: sticky;
|
|
19164
|
-
bottom: var(--pf-c-pagination--m-bottom--Bottom);
|
|
19165
|
-
justify-content: center;
|
|
19166
|
-
background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
|
|
19167
|
-
box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
|
|
19168
|
-
}
|
|
19169
|
-
|
|
19170
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
|
|
19171
|
-
--pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
|
|
19172
|
-
--pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
|
|
19173
|
-
outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
|
|
19174
|
-
}
|
|
19175
|
-
|
|
19176
|
-
.pf-c-pagination.pf-m-bottom.pf-m-static {
|
|
19177
|
-
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
19178
|
-
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
19179
|
-
position: relative;
|
|
19180
|
-
box-shadow: none;
|
|
19181
|
-
}
|
|
19182
|
-
|
|
19183
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
19184
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
19185
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
19186
|
-
display: none;
|
|
19187
|
-
visibility: hidden;
|
|
19188
|
-
}
|
|
19189
|
-
|
|
19190
|
-
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
19191
|
-
position: absolute;
|
|
19192
|
-
display: block;
|
|
19193
|
-
visibility: visible;
|
|
19194
|
-
}
|
|
19195
|
-
|
|
19196
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
19197
|
-
display: flex;
|
|
19198
|
-
flex-basis: 100%;
|
|
19199
|
-
justify-content: space-between;
|
|
19200
|
-
visibility: visible;
|
|
19201
|
-
}
|
|
19202
|
-
|
|
19203
|
-
@media screen and (min-width: 768px) {
|
|
19204
|
-
.pf-c-pagination.pf-m-bottom {
|
|
19205
|
-
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
19206
|
-
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
19207
|
-
--pf-c-pagination--m-bottom--Bottom: auto;
|
|
19208
|
-
position: relative;
|
|
19209
|
-
justify-content: flex-end;
|
|
19210
|
-
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
19211
|
-
}
|
|
19212
|
-
|
|
19213
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
19214
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
19215
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
19216
|
-
display: block;
|
|
19217
|
-
visibility: visible;
|
|
19218
|
-
}
|
|
19219
|
-
|
|
19220
|
-
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
19221
|
-
position: relative;
|
|
19222
|
-
}
|
|
19223
|
-
|
|
19224
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
19225
|
-
display: inline-flex;
|
|
19226
|
-
flex-basis: auto;
|
|
19227
|
-
}
|
|
19228
|
-
}
|
|
19229
|
-
.pf-c-pagination.pf-m-sticky {
|
|
19230
|
-
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
19231
|
-
position: sticky;
|
|
19232
|
-
top: var(--pf-c-pagination--m-sticky--Top);
|
|
19233
|
-
z-index: var(--pf-c-pagination--m-sticky--ZIndex);
|
|
19234
|
-
padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
|
|
19235
|
-
padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
|
|
19236
|
-
padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
|
|
19237
|
-
padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
|
|
19238
|
-
background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
|
|
19239
|
-
box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
|
|
19240
|
-
}
|
|
19241
|
-
|
|
19242
|
-
@media screen and (min-width: 768px) {
|
|
19243
|
-
.pf-c-pagination.pf-m-sticky {
|
|
19244
|
-
padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
|
|
19245
|
-
}
|
|
19246
|
-
}
|
|
19247
|
-
.pf-c-pagination .pf-c-options-menu__toggle {
|
|
19248
|
-
font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
|
|
19249
|
-
}
|
|
19250
|
-
|
|
19251
|
-
.pf-c-pagination.pf-m-compact {
|
|
19252
|
-
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
19253
|
-
}
|
|
19254
|
-
|
|
19255
|
-
.pf-c-pagination__nav {
|
|
19256
|
-
display: var(--pf-c-pagination__nav--Display);
|
|
19257
|
-
justify-content: flex-end;
|
|
19258
|
-
visibility: var(--pf-c-pagination__nav--Visibility);
|
|
19259
|
-
}
|
|
19260
|
-
|
|
19261
|
-
.pf-c-pagination__nav-control .pf-c-button {
|
|
19262
|
-
padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
|
|
19263
|
-
padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
|
|
19264
|
-
font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
|
|
19265
|
-
}
|
|
19266
|
-
|
|
19267
|
-
.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
|
|
19268
|
-
margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
|
|
19269
|
-
}
|
|
19270
|
-
|
|
19271
|
-
.pf-c-pagination__nav-page-select {
|
|
19272
|
-
display: flex;
|
|
19273
|
-
align-items: center;
|
|
19274
|
-
padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
|
|
19275
|
-
padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
|
|
19276
|
-
}
|
|
19277
|
-
|
|
19278
|
-
.pf-c-pagination__nav-page-select > * {
|
|
19279
|
-
font-size: var(--pf-c-pagination__nav-page-select--FontSize);
|
|
19280
|
-
white-space: nowrap;
|
|
19281
|
-
}
|
|
19282
|
-
|
|
19283
|
-
.pf-c-pagination__nav-page-select > *:not(:last-child) {
|
|
19284
|
-
margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
|
|
19285
|
-
}
|
|
19286
|
-
|
|
19287
|
-
.pf-c-pagination__nav-page-select .pf-c-form-control {
|
|
19288
|
-
width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
|
|
19289
|
-
}
|
|
19290
|
-
|
|
19291
|
-
.pf-c-pagination__total-items {
|
|
19292
|
-
display: var(--pf-c-pagination__total-items--Display);
|
|
19293
|
-
visibility: var(--pf-c-pagination__total-items--Visibility);
|
|
19294
|
-
}
|
|
19295
|
-
|
|
19296
|
-
.pf-c-pagination.pf-m-display-summary {
|
|
19297
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19298
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19299
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19300
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19301
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19302
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19303
|
-
}
|
|
19304
|
-
|
|
19305
|
-
.pf-c-pagination.pf-m-display-full {
|
|
19306
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19307
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19308
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19309
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19310
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19311
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19312
|
-
}
|
|
19313
|
-
|
|
19314
|
-
@media (min-width: 576px) {
|
|
19315
|
-
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
19316
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19317
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19318
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19319
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19320
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19321
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19322
|
-
}
|
|
19323
|
-
|
|
19324
|
-
.pf-c-pagination.pf-m-display-full-on-sm {
|
|
19325
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19326
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19327
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19328
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19329
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19330
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19331
|
-
}
|
|
19332
|
-
}
|
|
19333
|
-
@media (min-width: 768px) {
|
|
19334
|
-
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
19335
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19336
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19337
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19338
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19339
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19340
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19341
|
-
}
|
|
19342
|
-
|
|
19343
|
-
.pf-c-pagination.pf-m-display-full-on-md {
|
|
19344
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19345
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19346
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19347
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19348
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19349
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19350
|
-
}
|
|
19351
|
-
}
|
|
19352
|
-
@media (min-width: 992px) {
|
|
19353
|
-
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
19354
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19355
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19356
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19357
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19358
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19359
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19360
|
-
}
|
|
19361
|
-
|
|
19362
|
-
.pf-c-pagination.pf-m-display-full-on-lg {
|
|
19363
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19364
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19365
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19366
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19367
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19368
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19369
|
-
}
|
|
19370
|
-
}
|
|
19371
|
-
@media (min-width: 1200px) {
|
|
19372
|
-
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
19373
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19374
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19375
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19376
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19377
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19378
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19379
|
-
}
|
|
19380
|
-
|
|
19381
|
-
.pf-c-pagination.pf-m-display-full-on-xl {
|
|
19382
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19383
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19384
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19385
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19386
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19387
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19388
|
-
}
|
|
19389
|
-
}
|
|
19390
|
-
@media (min-width: 1450px) {
|
|
19391
|
-
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
19392
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19393
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19394
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19395
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19396
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19397
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19398
|
-
}
|
|
19399
|
-
|
|
19400
|
-
.pf-c-pagination.pf-m-display-full-on-2xl {
|
|
19401
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19402
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19403
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19404
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19405
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19406
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19407
|
-
}
|
|
19408
|
-
}
|
|
19409
19058
|
.pf-c-popover {
|
|
19410
19059
|
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
19411
19060
|
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
@@ -19598,11 +19247,362 @@ ul.pf-c-list {
|
|
|
19598
19247
|
margin-top: var(--pf-c-popover__footer--MarginTop);
|
|
19599
19248
|
}
|
|
19600
19249
|
|
|
19601
|
-
.pf-c-
|
|
19602
|
-
--pf-c-
|
|
19603
|
-
--pf-c-
|
|
19604
|
-
--pf-c-
|
|
19605
|
-
--pf-c-
|
|
19250
|
+
.pf-c-pagination {
|
|
19251
|
+
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
19252
|
+
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
19253
|
+
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
19254
|
+
--pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
|
|
19255
|
+
--pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
|
|
19256
|
+
--pf-c-pagination__nav--Display: none;
|
|
19257
|
+
--pf-c-pagination__nav--Visibility: hidden;
|
|
19258
|
+
--pf-c-pagination--m-display-summary__nav--Display: none;
|
|
19259
|
+
--pf-c-pagination--m-display-summary__nav--Visibility: hidden;
|
|
19260
|
+
--pf-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
19261
|
+
--pf-c-pagination--m-display-full__nav--Visibility: visible;
|
|
19262
|
+
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
19263
|
+
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
19264
|
+
--pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
|
|
19265
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
|
|
19266
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
|
|
19267
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
|
|
19268
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
19269
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
|
|
19270
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
|
|
19271
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
19272
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
|
|
19273
|
+
--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
|
|
19274
|
+
--pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
|
|
19275
|
+
--pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
|
|
19276
|
+
--pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
|
|
19277
|
+
--pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
|
|
19278
|
+
--pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
|
|
19279
|
+
--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
|
|
19280
|
+
--pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
|
|
19281
|
+
--pf-c-pagination__total-items--Display: block;
|
|
19282
|
+
--pf-c-pagination__total-items--Visibility: visible;
|
|
19283
|
+
--pf-c-pagination--m-display-summary__total-items--Display: block;
|
|
19284
|
+
--pf-c-pagination--m-display-summary__total-items--Visibility: visible;
|
|
19285
|
+
--pf-c-pagination--m-display-full__total-items--Display: none;
|
|
19286
|
+
--pf-c-pagination--m-display-full__total-items--Visibility: hidden;
|
|
19287
|
+
--pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19288
|
+
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
19289
|
+
--pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
|
|
19290
|
+
--pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
|
|
19291
|
+
--pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
19292
|
+
--pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
19293
|
+
--pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
19294
|
+
--pf-c-pagination--m-sticky--Top: 0;
|
|
19295
|
+
--pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19296
|
+
--pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
19297
|
+
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
19298
|
+
--pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
|
|
19299
|
+
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
|
|
19300
|
+
--pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
19301
|
+
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
19302
|
+
--pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
19303
|
+
--pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19304
|
+
--pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
19305
|
+
--pf-c-pagination--c-options-menu--Display: none;
|
|
19306
|
+
--pf-c-pagination--c-options-menu--Visibility: hidden;
|
|
19307
|
+
--pf-c-pagination--m-display-summary--c-options-menu--Display: none;
|
|
19308
|
+
--pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
|
|
19309
|
+
--pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
|
|
19310
|
+
--pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
|
|
19311
|
+
display: flex;
|
|
19312
|
+
flex-wrap: wrap;
|
|
19313
|
+
align-items: center;
|
|
19314
|
+
justify-content: flex-end;
|
|
19315
|
+
}
|
|
19316
|
+
|
|
19317
|
+
@media screen and (min-width: 768px) {
|
|
19318
|
+
.pf-c-pagination {
|
|
19319
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
|
|
19320
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
|
|
19321
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
|
|
19322
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
|
|
19323
|
+
--pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
|
|
19324
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
|
|
19325
|
+
--pf-c-pagination--m-bottom--BoxShadow: none;
|
|
19326
|
+
--pf-c-pagination--c-options-menu--Display: inline-flex;
|
|
19327
|
+
--pf-c-pagination--c-options-menu--Visibility: visible;
|
|
19328
|
+
--pf-c-pagination__nav--Display: inline-flex;
|
|
19329
|
+
--pf-c-pagination__nav--Visibility: visible;
|
|
19330
|
+
--pf-c-pagination__total-items--Display: none;
|
|
19331
|
+
--pf-c-pagination__total-items--Visibility: hidden;
|
|
19332
|
+
}
|
|
19333
|
+
}
|
|
19334
|
+
@media screen and (min-width: 1200px) {
|
|
19335
|
+
.pf-c-pagination {
|
|
19336
|
+
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
19337
|
+
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
19338
|
+
}
|
|
19339
|
+
}
|
|
19340
|
+
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
19341
|
+
margin-right: var(--pf-c-pagination--child--MarginRight);
|
|
19342
|
+
}
|
|
19343
|
+
|
|
19344
|
+
.pf-c-pagination .pf-c-options-menu {
|
|
19345
|
+
display: var(--pf-c-pagination--c-options-menu--Display);
|
|
19346
|
+
visibility: var(--pf-c-pagination--c-options-menu--Visibility);
|
|
19347
|
+
}
|
|
19348
|
+
|
|
19349
|
+
.pf-c-pagination.pf-m-bottom {
|
|
19350
|
+
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
|
|
19351
|
+
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
19352
|
+
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
19353
|
+
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
19354
|
+
--pf-c-pagination--m-sticky--Top: auto;
|
|
19355
|
+
position: sticky;
|
|
19356
|
+
bottom: var(--pf-c-pagination--m-bottom--Bottom);
|
|
19357
|
+
justify-content: center;
|
|
19358
|
+
background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
|
|
19359
|
+
box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
|
|
19360
|
+
}
|
|
19361
|
+
|
|
19362
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
|
|
19363
|
+
--pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
|
|
19364
|
+
--pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
|
|
19365
|
+
outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
|
|
19366
|
+
}
|
|
19367
|
+
|
|
19368
|
+
.pf-c-pagination.pf-m-bottom.pf-m-static {
|
|
19369
|
+
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
19370
|
+
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
19371
|
+
position: relative;
|
|
19372
|
+
box-shadow: none;
|
|
19373
|
+
}
|
|
19374
|
+
|
|
19375
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
19376
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
19377
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
19378
|
+
display: none;
|
|
19379
|
+
visibility: hidden;
|
|
19380
|
+
}
|
|
19381
|
+
|
|
19382
|
+
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
19383
|
+
position: absolute;
|
|
19384
|
+
display: block;
|
|
19385
|
+
visibility: visible;
|
|
19386
|
+
}
|
|
19387
|
+
|
|
19388
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
19389
|
+
display: flex;
|
|
19390
|
+
flex-basis: 100%;
|
|
19391
|
+
justify-content: space-between;
|
|
19392
|
+
visibility: visible;
|
|
19393
|
+
}
|
|
19394
|
+
|
|
19395
|
+
@media screen and (min-width: 768px) {
|
|
19396
|
+
.pf-c-pagination.pf-m-bottom {
|
|
19397
|
+
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
19398
|
+
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
19399
|
+
--pf-c-pagination--m-bottom--Bottom: auto;
|
|
19400
|
+
position: relative;
|
|
19401
|
+
justify-content: flex-end;
|
|
19402
|
+
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
19403
|
+
}
|
|
19404
|
+
|
|
19405
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
19406
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
19407
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
19408
|
+
display: block;
|
|
19409
|
+
visibility: visible;
|
|
19410
|
+
}
|
|
19411
|
+
|
|
19412
|
+
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
19413
|
+
position: relative;
|
|
19414
|
+
}
|
|
19415
|
+
|
|
19416
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
19417
|
+
display: inline-flex;
|
|
19418
|
+
flex-basis: auto;
|
|
19419
|
+
}
|
|
19420
|
+
}
|
|
19421
|
+
.pf-c-pagination.pf-m-sticky {
|
|
19422
|
+
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
19423
|
+
position: sticky;
|
|
19424
|
+
top: var(--pf-c-pagination--m-sticky--Top);
|
|
19425
|
+
z-index: var(--pf-c-pagination--m-sticky--ZIndex);
|
|
19426
|
+
padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
|
|
19427
|
+
padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
|
|
19428
|
+
padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
|
|
19429
|
+
padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
|
|
19430
|
+
background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
|
|
19431
|
+
box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
|
|
19432
|
+
}
|
|
19433
|
+
|
|
19434
|
+
@media screen and (min-width: 768px) {
|
|
19435
|
+
.pf-c-pagination.pf-m-sticky {
|
|
19436
|
+
padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
|
|
19437
|
+
}
|
|
19438
|
+
}
|
|
19439
|
+
.pf-c-pagination .pf-c-options-menu__toggle {
|
|
19440
|
+
font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
|
|
19441
|
+
}
|
|
19442
|
+
|
|
19443
|
+
.pf-c-pagination.pf-m-compact {
|
|
19444
|
+
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
19445
|
+
}
|
|
19446
|
+
|
|
19447
|
+
.pf-c-pagination__nav {
|
|
19448
|
+
display: var(--pf-c-pagination__nav--Display);
|
|
19449
|
+
justify-content: flex-end;
|
|
19450
|
+
visibility: var(--pf-c-pagination__nav--Visibility);
|
|
19451
|
+
}
|
|
19452
|
+
|
|
19453
|
+
.pf-c-pagination__nav-control .pf-c-button {
|
|
19454
|
+
padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
|
|
19455
|
+
padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
|
|
19456
|
+
font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
|
|
19457
|
+
}
|
|
19458
|
+
|
|
19459
|
+
.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
|
|
19460
|
+
margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
|
|
19461
|
+
}
|
|
19462
|
+
|
|
19463
|
+
.pf-c-pagination__nav-page-select {
|
|
19464
|
+
display: flex;
|
|
19465
|
+
align-items: center;
|
|
19466
|
+
padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
|
|
19467
|
+
padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
|
|
19468
|
+
}
|
|
19469
|
+
|
|
19470
|
+
.pf-c-pagination__nav-page-select > * {
|
|
19471
|
+
font-size: var(--pf-c-pagination__nav-page-select--FontSize);
|
|
19472
|
+
white-space: nowrap;
|
|
19473
|
+
}
|
|
19474
|
+
|
|
19475
|
+
.pf-c-pagination__nav-page-select > *:not(:last-child) {
|
|
19476
|
+
margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
|
|
19477
|
+
}
|
|
19478
|
+
|
|
19479
|
+
.pf-c-pagination__nav-page-select .pf-c-form-control {
|
|
19480
|
+
width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
|
|
19481
|
+
}
|
|
19482
|
+
|
|
19483
|
+
.pf-c-pagination__total-items {
|
|
19484
|
+
display: var(--pf-c-pagination__total-items--Display);
|
|
19485
|
+
visibility: var(--pf-c-pagination__total-items--Visibility);
|
|
19486
|
+
}
|
|
19487
|
+
|
|
19488
|
+
.pf-c-pagination.pf-m-display-summary {
|
|
19489
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19490
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19491
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19492
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19493
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19494
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19495
|
+
}
|
|
19496
|
+
|
|
19497
|
+
.pf-c-pagination.pf-m-display-full {
|
|
19498
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19499
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19500
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19501
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19502
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19503
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19504
|
+
}
|
|
19505
|
+
|
|
19506
|
+
@media (min-width: 576px) {
|
|
19507
|
+
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
19508
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19509
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19510
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19511
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19512
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19513
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19514
|
+
}
|
|
19515
|
+
|
|
19516
|
+
.pf-c-pagination.pf-m-display-full-on-sm {
|
|
19517
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19518
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19519
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19520
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19521
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19522
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19523
|
+
}
|
|
19524
|
+
}
|
|
19525
|
+
@media (min-width: 768px) {
|
|
19526
|
+
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
19527
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19528
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19529
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19530
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19531
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19532
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19533
|
+
}
|
|
19534
|
+
|
|
19535
|
+
.pf-c-pagination.pf-m-display-full-on-md {
|
|
19536
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19537
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19538
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19539
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19540
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19541
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19542
|
+
}
|
|
19543
|
+
}
|
|
19544
|
+
@media (min-width: 992px) {
|
|
19545
|
+
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
19546
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19547
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19548
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19549
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19550
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19551
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19552
|
+
}
|
|
19553
|
+
|
|
19554
|
+
.pf-c-pagination.pf-m-display-full-on-lg {
|
|
19555
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19556
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19557
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19558
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19559
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19560
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19561
|
+
}
|
|
19562
|
+
}
|
|
19563
|
+
@media (min-width: 1200px) {
|
|
19564
|
+
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
19565
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19566
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19567
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19568
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19569
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19570
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19571
|
+
}
|
|
19572
|
+
|
|
19573
|
+
.pf-c-pagination.pf-m-display-full-on-xl {
|
|
19574
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19575
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19576
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19577
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19578
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19579
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19580
|
+
}
|
|
19581
|
+
}
|
|
19582
|
+
@media (min-width: 1450px) {
|
|
19583
|
+
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
19584
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
19585
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
19586
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
19587
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
19588
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
19589
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
19590
|
+
}
|
|
19591
|
+
|
|
19592
|
+
.pf-c-pagination.pf-m-display-full-on-2xl {
|
|
19593
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
19594
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
19595
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
19596
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
19597
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
19598
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
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
19606
|
--pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
19607
19607
|
--pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
|
|
19608
19608
|
--pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
@@ -21124,81 +21124,234 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21124
21124
|
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-lg--Height);
|
|
21125
21125
|
}
|
|
21126
21126
|
|
|
21127
|
-
.pf-c-skeleton.pf-m-height-25 {
|
|
21128
|
-
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-25--Height);
|
|
21127
|
+
.pf-c-skeleton.pf-m-height-25 {
|
|
21128
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-25--Height);
|
|
21129
|
+
}
|
|
21130
|
+
|
|
21131
|
+
.pf-c-skeleton.pf-m-height-33 {
|
|
21132
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-33--Height);
|
|
21133
|
+
}
|
|
21134
|
+
|
|
21135
|
+
.pf-c-skeleton.pf-m-height-50 {
|
|
21136
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-50--Height);
|
|
21137
|
+
}
|
|
21138
|
+
|
|
21139
|
+
.pf-c-skeleton.pf-m-height-66 {
|
|
21140
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-66--Height);
|
|
21141
|
+
}
|
|
21142
|
+
|
|
21143
|
+
.pf-c-skeleton.pf-m-height-75 {
|
|
21144
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-75--Height);
|
|
21145
|
+
}
|
|
21146
|
+
|
|
21147
|
+
.pf-c-skeleton.pf-m-height-100 {
|
|
21148
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-100--Height);
|
|
21149
|
+
}
|
|
21150
|
+
|
|
21151
|
+
.pf-c-skeleton.pf-m-text-4xl {
|
|
21152
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-4xl--Height);
|
|
21153
|
+
}
|
|
21154
|
+
|
|
21155
|
+
.pf-c-skeleton.pf-m-text-3xl {
|
|
21156
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-3xl--Height);
|
|
21157
|
+
}
|
|
21158
|
+
|
|
21159
|
+
.pf-c-skeleton.pf-m-text-2xl {
|
|
21160
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-2xl--Height);
|
|
21161
|
+
}
|
|
21162
|
+
|
|
21163
|
+
.pf-c-skeleton.pf-m-text-xl {
|
|
21164
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-xl--Height);
|
|
21165
|
+
}
|
|
21166
|
+
|
|
21167
|
+
.pf-c-skeleton.pf-m-text-lg {
|
|
21168
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-lg--Height);
|
|
21169
|
+
}
|
|
21170
|
+
|
|
21171
|
+
.pf-c-skeleton.pf-m-text-md {
|
|
21172
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-md--Height);
|
|
21173
|
+
}
|
|
21174
|
+
|
|
21175
|
+
.pf-c-skeleton.pf-m-text-sm {
|
|
21176
|
+
--pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-sm--Height);
|
|
21177
|
+
}
|
|
21178
|
+
|
|
21179
|
+
@keyframes pf-c-skeleton-loading {
|
|
21180
|
+
0% {
|
|
21181
|
+
transform: translateX(-100%);
|
|
21182
|
+
}
|
|
21183
|
+
60% {
|
|
21184
|
+
transform: translateX(100%);
|
|
21185
|
+
}
|
|
21186
|
+
100% {
|
|
21187
|
+
transform: translateX(100%);
|
|
21188
|
+
}
|
|
21189
|
+
}
|
|
21190
|
+
.pf-c-skip-to-content {
|
|
21191
|
+
--pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
|
|
21192
|
+
--pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
|
|
21193
|
+
--pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
|
|
21194
|
+
position: absolute;
|
|
21195
|
+
top: var(--pf-c-skip-to-content--Top);
|
|
21196
|
+
left: -300%;
|
|
21197
|
+
z-index: var(--pf-c-skip-to-content--ZIndex);
|
|
21198
|
+
}
|
|
21199
|
+
|
|
21200
|
+
.pf-c-skip-to-content:focus {
|
|
21201
|
+
left: var(--pf-c-skip-to-content--focus--Left);
|
|
21202
|
+
}
|
|
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);
|
|
21129
21267
|
}
|
|
21130
21268
|
|
|
21131
|
-
.pf-c-
|
|
21132
|
-
|
|
21269
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__label {
|
|
21270
|
+
color: var(--pf-c-switch__input--checked__label--Color);
|
|
21133
21271
|
}
|
|
21134
21272
|
|
|
21135
|
-
.pf-c-
|
|
21136
|
-
|
|
21273
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
|
|
21274
|
+
background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
|
|
21137
21275
|
}
|
|
21138
21276
|
|
|
21139
|
-
.pf-c-
|
|
21140
|
-
|
|
21277
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
|
|
21278
|
+
transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
|
|
21141
21279
|
}
|
|
21142
21280
|
|
|
21143
|
-
.pf-c-
|
|
21144
|
-
|
|
21281
|
+
.pf-c-switch__input:checked ~ .pf-m-off {
|
|
21282
|
+
display: none;
|
|
21145
21283
|
}
|
|
21146
21284
|
|
|
21147
|
-
.pf-c-
|
|
21148
|
-
|
|
21285
|
+
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
|
|
21286
|
+
color: var(--pf-c-switch__input--not-checked__label--Color);
|
|
21149
21287
|
}
|
|
21150
21288
|
|
|
21151
|
-
.pf-c-
|
|
21152
|
-
|
|
21289
|
+
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
|
|
21290
|
+
display: none;
|
|
21291
|
+
visibility: hidden;
|
|
21153
21292
|
}
|
|
21154
21293
|
|
|
21155
|
-
.pf-c-
|
|
21156
|
-
|
|
21294
|
+
.pf-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
21295
|
+
display: none;
|
|
21157
21296
|
}
|
|
21158
21297
|
|
|
21159
|
-
.pf-c-
|
|
21160
|
-
|
|
21298
|
+
.pf-c-switch__input:disabled {
|
|
21299
|
+
cursor: not-allowed;
|
|
21161
21300
|
}
|
|
21162
21301
|
|
|
21163
|
-
.pf-c-
|
|
21164
|
-
|
|
21302
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__label {
|
|
21303
|
+
color: var(--pf-c-switch__input--disabled__label--Color);
|
|
21304
|
+
cursor: not-allowed;
|
|
21165
21305
|
}
|
|
21166
21306
|
|
|
21167
|
-
.pf-c-
|
|
21168
|
-
|
|
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);
|
|
21169
21310
|
}
|
|
21170
21311
|
|
|
21171
|
-
.pf-c-
|
|
21172
|
-
|
|
21312
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
|
|
21313
|
+
background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
21173
21314
|
}
|
|
21174
21315
|
|
|
21175
|
-
.pf-c-
|
|
21176
|
-
|
|
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);
|
|
21177
21323
|
}
|
|
21178
21324
|
|
|
21179
|
-
|
|
21180
|
-
|
|
21181
|
-
|
|
21182
|
-
|
|
21183
|
-
|
|
21184
|
-
|
|
21185
|
-
|
|
21186
|
-
|
|
21187
|
-
|
|
21188
|
-
|
|
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);
|
|
21189
21337
|
}
|
|
21190
|
-
|
|
21191
|
-
|
|
21192
|
-
--pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
|
|
21193
|
-
--pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
|
|
21338
|
+
|
|
21339
|
+
.pf-c-switch__toggle-icon {
|
|
21194
21340
|
position: absolute;
|
|
21195
|
-
top:
|
|
21196
|
-
|
|
21197
|
-
|
|
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);
|
|
21198
21348
|
}
|
|
21199
21349
|
|
|
21200
|
-
.pf-c-
|
|
21201
|
-
|
|
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;
|
|
21202
21355
|
}
|
|
21203
21356
|
|
|
21204
21357
|
.pf-c-slider {
|
|
@@ -21350,227 +21503,74 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21350
21503
|
.pf-c-slider__thumb {
|
|
21351
21504
|
position: absolute;
|
|
21352
21505
|
top: var(--pf-c-slider__thumb--Top);
|
|
21353
|
-
left: var(--pf-c-slider__thumb--Left);
|
|
21354
|
-
width: var(--pf-c-slider__thumb--Width);
|
|
21355
|
-
height: var(--pf-c-slider__thumb--Height);
|
|
21356
|
-
cursor: pointer;
|
|
21357
|
-
background-color: var(--pf-c-slider__thumb--BackgroundColor);
|
|
21358
|
-
border-radius: var(--pf-c-slider__thumb--BorderRadius);
|
|
21359
|
-
box-shadow: var(--pf-c-slider__thumb--BoxShadow);
|
|
21360
|
-
transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
|
|
21361
|
-
}
|
|
21362
|
-
|
|
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));
|
|
21498
|
-
}
|
|
21499
|
-
|
|
21500
|
-
.pf-c-switch__input:checked ~ .pf-m-off {
|
|
21501
|
-
display: none;
|
|
21506
|
+
left: var(--pf-c-slider__thumb--Left);
|
|
21507
|
+
width: var(--pf-c-slider__thumb--Width);
|
|
21508
|
+
height: var(--pf-c-slider__thumb--Height);
|
|
21509
|
+
cursor: pointer;
|
|
21510
|
+
background-color: var(--pf-c-slider__thumb--BackgroundColor);
|
|
21511
|
+
border-radius: var(--pf-c-slider__thumb--BorderRadius);
|
|
21512
|
+
box-shadow: var(--pf-c-slider__thumb--BoxShadow);
|
|
21513
|
+
transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
|
|
21502
21514
|
}
|
|
21503
21515
|
|
|
21504
|
-
.pf-c-
|
|
21505
|
-
|
|
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));
|
|
21506
21525
|
}
|
|
21507
21526
|
|
|
21508
|
-
.pf-c-
|
|
21509
|
-
|
|
21510
|
-
visibility: hidden;
|
|
21527
|
+
.pf-c-slider__thumb:hover {
|
|
21528
|
+
--pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--hover--BoxShadow);
|
|
21511
21529
|
}
|
|
21512
21530
|
|
|
21513
|
-
.pf-c-
|
|
21514
|
-
|
|
21531
|
+
.pf-c-slider__thumb:focus {
|
|
21532
|
+
--pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--focus--BoxShadow);
|
|
21533
|
+
outline: 0;
|
|
21515
21534
|
}
|
|
21516
21535
|
|
|
21517
|
-
.pf-c-
|
|
21518
|
-
|
|
21536
|
+
.pf-c-slider__thumb:active {
|
|
21537
|
+
--pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--active--BoxShadow);
|
|
21519
21538
|
}
|
|
21520
21539
|
|
|
21521
|
-
.pf-c-
|
|
21522
|
-
|
|
21523
|
-
cursor: not-allowed;
|
|
21540
|
+
.pf-c-slider__value {
|
|
21541
|
+
margin-left: var(--pf-c-slider__value--MarginLeft);
|
|
21524
21542
|
}
|
|
21525
21543
|
|
|
21526
|
-
.pf-c-
|
|
21527
|
-
|
|
21528
|
-
|
|
21544
|
+
.pf-c-slider__value.pf-m-floating {
|
|
21545
|
+
--pf-c-slider__value--MarginLeft: 0;
|
|
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));
|
|
21529
21551
|
}
|
|
21530
21552
|
|
|
21531
|
-
.pf-c-
|
|
21532
|
-
|
|
21553
|
+
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
21554
|
+
align-items: center;
|
|
21533
21555
|
}
|
|
21534
21556
|
|
|
21535
|
-
.pf-c-
|
|
21536
|
-
position:
|
|
21537
|
-
|
|
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);
|
|
21557
|
+
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
21558
|
+
position: absolute;
|
|
21559
|
+
left: 100%;
|
|
21542
21560
|
}
|
|
21543
21561
|
|
|
21544
|
-
.pf-c-
|
|
21545
|
-
|
|
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);
|
|
21562
|
+
.pf-c-slider__value .pf-c-form-control {
|
|
21563
|
+
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
21556
21564
|
}
|
|
21557
21565
|
|
|
21558
|
-
.pf-c-
|
|
21559
|
-
position: absolute;
|
|
21560
|
-
top: 0;
|
|
21561
|
-
bottom: 0;
|
|
21562
|
-
left: var(--pf-c-switch__toggle-icon--Left);
|
|
21566
|
+
.pf-c-slider__actions {
|
|
21563
21567
|
display: flex;
|
|
21564
|
-
|
|
21565
|
-
font-size: var(--pf-c-switch__toggle-icon--FontSize);
|
|
21566
|
-
color: var(--pf-c-switch__toggle-icon--Color);
|
|
21568
|
+
margin-right: var(--pf-c-slider__actions--MarginRight);
|
|
21567
21569
|
}
|
|
21568
21570
|
|
|
21569
|
-
.pf-c-
|
|
21570
|
-
|
|
21571
|
-
|
|
21572
|
-
color: var(--pf-c-switch__label--Color);
|
|
21573
|
-
vertical-align: top;
|
|
21571
|
+
.pf-c-slider__main ~ .pf-c-slider__actions {
|
|
21572
|
+
--pf-c-slider__actions--MarginRight: 0;
|
|
21573
|
+
margin-left: var(--pf-c-slider__main--actions--MarginLeft);
|
|
21574
21574
|
}
|
|
21575
21575
|
|
|
21576
21576
|
.pf-c-tabs {
|
|
@@ -25816,6 +25816,75 @@ 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
|
+
}
|
|
25819
25888
|
.pf-l-flex {
|
|
25820
25889
|
--pf-l-flex--Display: flex;
|
|
25821
25890
|
--pf-l-flex--FlexWrap: wrap;
|
|
@@ -27892,75 +27961,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
27892
27961
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
27893
27962
|
}
|
|
27894
27963
|
}
|
|
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,18 +29175,6 @@ 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
|
-
|
|
29190
29178
|
.pf-l-split {
|
|
29191
29179
|
--pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
29192
29180
|
display: flex;
|
|
@@ -29206,6 +29194,18 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
29206
29194
|
margin-right: var(--pf-l-split--m-gutter--MarginRight);
|
|
29207
29195
|
}
|
|
29208
29196
|
|
|
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;
|