@patternfly/react-table 4.44.5 → 4.44.9
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 +35 -0
- package/dist/esm/components/Table/TableTypes.d.ts +1 -1
- package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/js/components/Table/TableTypes.d.ts +1 -1
- package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/umd/react-table.css +898 -898
- package/dist/umd/react-table.js +4 -4
- package/dist/umd/react-table.min.css +2 -2
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +6 -6
- package/src/components/Table/TableTypes.tsx +1 -1
package/dist/umd/react-table.css
CHANGED
|
@@ -338,8 +338,8 @@
|
|
|
338
338
|
--pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
|
|
339
339
|
--pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
340
340
|
--pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
341
|
-
--pf-c-table--nested--first-last-child--PaddingRight: var(--pf-
|
|
342
|
-
--pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-
|
|
341
|
+
--pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
342
|
+
--pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
343
343
|
--pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
344
344
|
--pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
|
|
345
345
|
--pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
|
|
@@ -6790,6 +6790,23 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
6790
6790
|
transform: rotate(720deg);
|
|
6791
6791
|
}
|
|
6792
6792
|
}
|
|
6793
|
+
.pf-c-backdrop {
|
|
6794
|
+
--pf-c-backdrop--Position: fixed;
|
|
6795
|
+
--pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
|
|
6796
|
+
--pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
|
|
6797
|
+
position: var(--pf-c-backdrop--Position);
|
|
6798
|
+
top: 0;
|
|
6799
|
+
left: 0;
|
|
6800
|
+
z-index: var(--pf-c-backdrop--ZIndex);
|
|
6801
|
+
width: 100%;
|
|
6802
|
+
height: 100%;
|
|
6803
|
+
background-color: var(--pf-c-backdrop--BackgroundColor);
|
|
6804
|
+
}
|
|
6805
|
+
|
|
6806
|
+
.pf-c-backdrop__open {
|
|
6807
|
+
overflow: hidden;
|
|
6808
|
+
}
|
|
6809
|
+
|
|
6793
6810
|
.pf-c-accordion {
|
|
6794
6811
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
6795
6812
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -7028,23 +7045,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7028
7045
|
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
7029
7046
|
}
|
|
7030
7047
|
|
|
7031
|
-
.pf-c-backdrop {
|
|
7032
|
-
--pf-c-backdrop--Position: fixed;
|
|
7033
|
-
--pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
|
|
7034
|
-
--pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
|
|
7035
|
-
position: var(--pf-c-backdrop--Position);
|
|
7036
|
-
top: 0;
|
|
7037
|
-
left: 0;
|
|
7038
|
-
z-index: var(--pf-c-backdrop--ZIndex);
|
|
7039
|
-
width: 100%;
|
|
7040
|
-
height: 100%;
|
|
7041
|
-
background-color: var(--pf-c-backdrop--BackgroundColor);
|
|
7042
|
-
}
|
|
7043
|
-
|
|
7044
|
-
.pf-c-backdrop__open {
|
|
7045
|
-
overflow: hidden;
|
|
7046
|
-
}
|
|
7047
|
-
|
|
7048
7048
|
.pf-c-action-list {
|
|
7049
7049
|
--pf-c-action-list--m-icon--spacer: 0;
|
|
7050
7050
|
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
@@ -7294,6 +7294,153 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7294
7294
|
--pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
|
|
7295
7295
|
}
|
|
7296
7296
|
|
|
7297
|
+
.pf-u-screen-reader {
|
|
7298
|
+
position: fixed;
|
|
7299
|
+
top: 0;
|
|
7300
|
+
left: 0;
|
|
7301
|
+
overflow: hidden;
|
|
7302
|
+
clip: rect(0, 0, 0, 0);
|
|
7303
|
+
white-space: nowrap;
|
|
7304
|
+
border: 0;
|
|
7305
|
+
}
|
|
7306
|
+
|
|
7307
|
+
.pf-u-visible {
|
|
7308
|
+
position: static;
|
|
7309
|
+
overflow: visible;
|
|
7310
|
+
clip: auto;
|
|
7311
|
+
white-space: normal;
|
|
7312
|
+
border: inherit;
|
|
7313
|
+
}
|
|
7314
|
+
|
|
7315
|
+
.pf-u-hidden {
|
|
7316
|
+
display: none !important;
|
|
7317
|
+
}
|
|
7318
|
+
|
|
7319
|
+
@media screen and (min-width: 576px) {
|
|
7320
|
+
.pf-u-screen-reader-on-sm {
|
|
7321
|
+
position: fixed;
|
|
7322
|
+
top: 0;
|
|
7323
|
+
left: 0;
|
|
7324
|
+
overflow: hidden;
|
|
7325
|
+
clip: rect(0, 0, 0, 0);
|
|
7326
|
+
white-space: nowrap;
|
|
7327
|
+
border: 0;
|
|
7328
|
+
}
|
|
7329
|
+
}
|
|
7330
|
+
@media screen and (min-width: 576px) {
|
|
7331
|
+
.pf-u-visible-on-sm {
|
|
7332
|
+
position: static;
|
|
7333
|
+
overflow: visible;
|
|
7334
|
+
clip: auto;
|
|
7335
|
+
white-space: normal;
|
|
7336
|
+
border: inherit;
|
|
7337
|
+
}
|
|
7338
|
+
}
|
|
7339
|
+
@media screen and (min-width: 576px) {
|
|
7340
|
+
.pf-u-hidden-on-sm {
|
|
7341
|
+
display: none !important;
|
|
7342
|
+
}
|
|
7343
|
+
}
|
|
7344
|
+
@media screen and (min-width: 768px) {
|
|
7345
|
+
.pf-u-screen-reader-on-md {
|
|
7346
|
+
position: fixed;
|
|
7347
|
+
top: 0;
|
|
7348
|
+
left: 0;
|
|
7349
|
+
overflow: hidden;
|
|
7350
|
+
clip: rect(0, 0, 0, 0);
|
|
7351
|
+
white-space: nowrap;
|
|
7352
|
+
border: 0;
|
|
7353
|
+
}
|
|
7354
|
+
}
|
|
7355
|
+
@media screen and (min-width: 768px) {
|
|
7356
|
+
.pf-u-visible-on-md {
|
|
7357
|
+
position: static;
|
|
7358
|
+
overflow: visible;
|
|
7359
|
+
clip: auto;
|
|
7360
|
+
white-space: normal;
|
|
7361
|
+
border: inherit;
|
|
7362
|
+
}
|
|
7363
|
+
}
|
|
7364
|
+
@media screen and (min-width: 768px) {
|
|
7365
|
+
.pf-u-hidden-on-md {
|
|
7366
|
+
display: none !important;
|
|
7367
|
+
}
|
|
7368
|
+
}
|
|
7369
|
+
@media screen and (min-width: 992px) {
|
|
7370
|
+
.pf-u-screen-reader-on-lg {
|
|
7371
|
+
position: fixed;
|
|
7372
|
+
top: 0;
|
|
7373
|
+
left: 0;
|
|
7374
|
+
overflow: hidden;
|
|
7375
|
+
clip: rect(0, 0, 0, 0);
|
|
7376
|
+
white-space: nowrap;
|
|
7377
|
+
border: 0;
|
|
7378
|
+
}
|
|
7379
|
+
}
|
|
7380
|
+
@media screen and (min-width: 992px) {
|
|
7381
|
+
.pf-u-visible-on-lg {
|
|
7382
|
+
position: static;
|
|
7383
|
+
overflow: visible;
|
|
7384
|
+
clip: auto;
|
|
7385
|
+
white-space: normal;
|
|
7386
|
+
border: inherit;
|
|
7387
|
+
}
|
|
7388
|
+
}
|
|
7389
|
+
@media screen and (min-width: 992px) {
|
|
7390
|
+
.pf-u-hidden-on-lg {
|
|
7391
|
+
display: none !important;
|
|
7392
|
+
}
|
|
7393
|
+
}
|
|
7394
|
+
@media screen and (min-width: 1200px) {
|
|
7395
|
+
.pf-u-screen-reader-on-xl {
|
|
7396
|
+
position: fixed;
|
|
7397
|
+
top: 0;
|
|
7398
|
+
left: 0;
|
|
7399
|
+
overflow: hidden;
|
|
7400
|
+
clip: rect(0, 0, 0, 0);
|
|
7401
|
+
white-space: nowrap;
|
|
7402
|
+
border: 0;
|
|
7403
|
+
}
|
|
7404
|
+
}
|
|
7405
|
+
@media screen and (min-width: 1200px) {
|
|
7406
|
+
.pf-u-visible-on-xl {
|
|
7407
|
+
position: static;
|
|
7408
|
+
overflow: visible;
|
|
7409
|
+
clip: auto;
|
|
7410
|
+
white-space: normal;
|
|
7411
|
+
border: inherit;
|
|
7412
|
+
}
|
|
7413
|
+
}
|
|
7414
|
+
@media screen and (min-width: 1200px) {
|
|
7415
|
+
.pf-u-hidden-on-xl {
|
|
7416
|
+
display: none !important;
|
|
7417
|
+
}
|
|
7418
|
+
}
|
|
7419
|
+
@media screen and (min-width: 1450px) {
|
|
7420
|
+
.pf-u-screen-reader-on-2xl {
|
|
7421
|
+
position: fixed;
|
|
7422
|
+
top: 0;
|
|
7423
|
+
left: 0;
|
|
7424
|
+
overflow: hidden;
|
|
7425
|
+
clip: rect(0, 0, 0, 0);
|
|
7426
|
+
white-space: nowrap;
|
|
7427
|
+
border: 0;
|
|
7428
|
+
}
|
|
7429
|
+
}
|
|
7430
|
+
@media screen and (min-width: 1450px) {
|
|
7431
|
+
.pf-u-visible-on-2xl {
|
|
7432
|
+
position: static;
|
|
7433
|
+
overflow: visible;
|
|
7434
|
+
clip: auto;
|
|
7435
|
+
white-space: normal;
|
|
7436
|
+
border: inherit;
|
|
7437
|
+
}
|
|
7438
|
+
}
|
|
7439
|
+
@media screen and (min-width: 1450px) {
|
|
7440
|
+
.pf-u-hidden-on-2xl {
|
|
7441
|
+
display: none !important;
|
|
7442
|
+
}
|
|
7443
|
+
}
|
|
7297
7444
|
.pf-c-app-launcher {
|
|
7298
7445
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
7299
7446
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -7523,198 +7670,51 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
7523
7670
|
color: var(--pf-c-app-launcher__group-title--Color);
|
|
7524
7671
|
}
|
|
7525
7672
|
|
|
7526
|
-
.pf-
|
|
7527
|
-
|
|
7528
|
-
|
|
7529
|
-
|
|
7530
|
-
|
|
7531
|
-
|
|
7532
|
-
|
|
7533
|
-
|
|
7673
|
+
.pf-c-avatar {
|
|
7674
|
+
--pf-c-avatar--BorderColor: transparent;
|
|
7675
|
+
--pf-c-avatar--BorderWidth: 0;
|
|
7676
|
+
--pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7677
|
+
--pf-c-avatar--Width: 2.25rem;
|
|
7678
|
+
--pf-c-avatar--Height: 2.25rem;
|
|
7679
|
+
--pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
|
|
7680
|
+
--pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7681
|
+
--pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
|
|
7682
|
+
--pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7683
|
+
width: var(--pf-c-avatar--Width);
|
|
7684
|
+
height: var(--pf-c-avatar--Height);
|
|
7685
|
+
border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
|
|
7686
|
+
border-radius: var(--pf-c-avatar--BorderRadius);
|
|
7534
7687
|
}
|
|
7535
7688
|
|
|
7536
|
-
.pf-
|
|
7537
|
-
|
|
7538
|
-
|
|
7539
|
-
clip: auto;
|
|
7540
|
-
white-space: normal;
|
|
7541
|
-
border: inherit;
|
|
7689
|
+
.pf-c-avatar.pf-m-light {
|
|
7690
|
+
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
|
|
7691
|
+
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
|
|
7542
7692
|
}
|
|
7543
7693
|
|
|
7544
|
-
.pf-
|
|
7545
|
-
|
|
7694
|
+
.pf-c-avatar.pf-m-dark {
|
|
7695
|
+
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
|
|
7696
|
+
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
|
|
7546
7697
|
}
|
|
7547
7698
|
|
|
7548
|
-
|
|
7549
|
-
|
|
7550
|
-
|
|
7551
|
-
|
|
7552
|
-
|
|
7553
|
-
|
|
7554
|
-
|
|
7555
|
-
|
|
7556
|
-
|
|
7557
|
-
|
|
7699
|
+
.pf-c-back-to-top {
|
|
7700
|
+
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
7701
|
+
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
7702
|
+
--pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
|
|
7703
|
+
--pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
7704
|
+
--pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7705
|
+
--pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
7706
|
+
--pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
7707
|
+
--pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
7708
|
+
--pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
7709
|
+
--pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
|
|
7710
|
+
position: absolute;
|
|
7711
|
+
right: var(--pf-c-back-to-top--Right);
|
|
7712
|
+
bottom: var(--pf-c-back-to-top--Bottom);
|
|
7558
7713
|
}
|
|
7559
|
-
|
|
7560
|
-
|
|
7561
|
-
|
|
7562
|
-
|
|
7563
|
-
clip: auto;
|
|
7564
|
-
white-space: normal;
|
|
7565
|
-
border: inherit;
|
|
7566
|
-
}
|
|
7567
|
-
}
|
|
7568
|
-
@media screen and (min-width: 576px) {
|
|
7569
|
-
.pf-u-hidden-on-sm {
|
|
7570
|
-
display: none !important;
|
|
7571
|
-
}
|
|
7572
|
-
}
|
|
7573
|
-
@media screen and (min-width: 768px) {
|
|
7574
|
-
.pf-u-screen-reader-on-md {
|
|
7575
|
-
position: fixed;
|
|
7576
|
-
top: 0;
|
|
7577
|
-
left: 0;
|
|
7578
|
-
overflow: hidden;
|
|
7579
|
-
clip: rect(0, 0, 0, 0);
|
|
7580
|
-
white-space: nowrap;
|
|
7581
|
-
border: 0;
|
|
7582
|
-
}
|
|
7583
|
-
}
|
|
7584
|
-
@media screen and (min-width: 768px) {
|
|
7585
|
-
.pf-u-visible-on-md {
|
|
7586
|
-
position: static;
|
|
7587
|
-
overflow: visible;
|
|
7588
|
-
clip: auto;
|
|
7589
|
-
white-space: normal;
|
|
7590
|
-
border: inherit;
|
|
7591
|
-
}
|
|
7592
|
-
}
|
|
7593
|
-
@media screen and (min-width: 768px) {
|
|
7594
|
-
.pf-u-hidden-on-md {
|
|
7595
|
-
display: none !important;
|
|
7596
|
-
}
|
|
7597
|
-
}
|
|
7598
|
-
@media screen and (min-width: 992px) {
|
|
7599
|
-
.pf-u-screen-reader-on-lg {
|
|
7600
|
-
position: fixed;
|
|
7601
|
-
top: 0;
|
|
7602
|
-
left: 0;
|
|
7603
|
-
overflow: hidden;
|
|
7604
|
-
clip: rect(0, 0, 0, 0);
|
|
7605
|
-
white-space: nowrap;
|
|
7606
|
-
border: 0;
|
|
7607
|
-
}
|
|
7608
|
-
}
|
|
7609
|
-
@media screen and (min-width: 992px) {
|
|
7610
|
-
.pf-u-visible-on-lg {
|
|
7611
|
-
position: static;
|
|
7612
|
-
overflow: visible;
|
|
7613
|
-
clip: auto;
|
|
7614
|
-
white-space: normal;
|
|
7615
|
-
border: inherit;
|
|
7616
|
-
}
|
|
7617
|
-
}
|
|
7618
|
-
@media screen and (min-width: 992px) {
|
|
7619
|
-
.pf-u-hidden-on-lg {
|
|
7620
|
-
display: none !important;
|
|
7621
|
-
}
|
|
7622
|
-
}
|
|
7623
|
-
@media screen and (min-width: 1200px) {
|
|
7624
|
-
.pf-u-screen-reader-on-xl {
|
|
7625
|
-
position: fixed;
|
|
7626
|
-
top: 0;
|
|
7627
|
-
left: 0;
|
|
7628
|
-
overflow: hidden;
|
|
7629
|
-
clip: rect(0, 0, 0, 0);
|
|
7630
|
-
white-space: nowrap;
|
|
7631
|
-
border: 0;
|
|
7632
|
-
}
|
|
7633
|
-
}
|
|
7634
|
-
@media screen and (min-width: 1200px) {
|
|
7635
|
-
.pf-u-visible-on-xl {
|
|
7636
|
-
position: static;
|
|
7637
|
-
overflow: visible;
|
|
7638
|
-
clip: auto;
|
|
7639
|
-
white-space: normal;
|
|
7640
|
-
border: inherit;
|
|
7641
|
-
}
|
|
7642
|
-
}
|
|
7643
|
-
@media screen and (min-width: 1200px) {
|
|
7644
|
-
.pf-u-hidden-on-xl {
|
|
7645
|
-
display: none !important;
|
|
7646
|
-
}
|
|
7647
|
-
}
|
|
7648
|
-
@media screen and (min-width: 1450px) {
|
|
7649
|
-
.pf-u-screen-reader-on-2xl {
|
|
7650
|
-
position: fixed;
|
|
7651
|
-
top: 0;
|
|
7652
|
-
left: 0;
|
|
7653
|
-
overflow: hidden;
|
|
7654
|
-
clip: rect(0, 0, 0, 0);
|
|
7655
|
-
white-space: nowrap;
|
|
7656
|
-
border: 0;
|
|
7657
|
-
}
|
|
7658
|
-
}
|
|
7659
|
-
@media screen and (min-width: 1450px) {
|
|
7660
|
-
.pf-u-visible-on-2xl {
|
|
7661
|
-
position: static;
|
|
7662
|
-
overflow: visible;
|
|
7663
|
-
clip: auto;
|
|
7664
|
-
white-space: normal;
|
|
7665
|
-
border: inherit;
|
|
7666
|
-
}
|
|
7667
|
-
}
|
|
7668
|
-
@media screen and (min-width: 1450px) {
|
|
7669
|
-
.pf-u-hidden-on-2xl {
|
|
7670
|
-
display: none !important;
|
|
7671
|
-
}
|
|
7672
|
-
}
|
|
7673
|
-
.pf-c-avatar {
|
|
7674
|
-
--pf-c-avatar--BorderColor: transparent;
|
|
7675
|
-
--pf-c-avatar--BorderWidth: 0;
|
|
7676
|
-
--pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7677
|
-
--pf-c-avatar--Width: 2.25rem;
|
|
7678
|
-
--pf-c-avatar--Height: 2.25rem;
|
|
7679
|
-
--pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
|
|
7680
|
-
--pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7681
|
-
--pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
|
|
7682
|
-
--pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
7683
|
-
width: var(--pf-c-avatar--Width);
|
|
7684
|
-
height: var(--pf-c-avatar--Height);
|
|
7685
|
-
border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
|
|
7686
|
-
border-radius: var(--pf-c-avatar--BorderRadius);
|
|
7687
|
-
}
|
|
7688
|
-
|
|
7689
|
-
.pf-c-avatar.pf-m-light {
|
|
7690
|
-
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
|
|
7691
|
-
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
|
|
7692
|
-
}
|
|
7693
|
-
|
|
7694
|
-
.pf-c-avatar.pf-m-dark {
|
|
7695
|
-
--pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
|
|
7696
|
-
--pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
|
|
7697
|
-
}
|
|
7698
|
-
|
|
7699
|
-
.pf-c-back-to-top {
|
|
7700
|
-
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
7701
|
-
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
7702
|
-
--pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
|
|
7703
|
-
--pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
7704
|
-
--pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
7705
|
-
--pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
7706
|
-
--pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
7707
|
-
--pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
7708
|
-
--pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
7709
|
-
--pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
|
|
7710
|
-
position: absolute;
|
|
7711
|
-
right: var(--pf-c-back-to-top--Right);
|
|
7712
|
-
bottom: var(--pf-c-back-to-top--Bottom);
|
|
7713
|
-
}
|
|
7714
|
-
|
|
7715
|
-
@media (min-width: 768px) {
|
|
7716
|
-
.pf-c-back-to-top {
|
|
7717
|
-
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
|
|
7714
|
+
|
|
7715
|
+
@media (min-width: 768px) {
|
|
7716
|
+
.pf-c-back-to-top {
|
|
7717
|
+
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
|
|
7718
7718
|
}
|
|
7719
7719
|
}
|
|
7720
7720
|
.pf-c-back-to-top.pf-m-hidden {
|
|
@@ -8058,108 +8058,323 @@ button.pf-c-breadcrumb__link {
|
|
|
8058
8058
|
visibility: hidden;
|
|
8059
8059
|
}
|
|
8060
8060
|
|
|
8061
|
-
.pf-c-
|
|
8062
|
-
--pf-
|
|
8063
|
-
--pf-
|
|
8064
|
-
--pf-
|
|
8065
|
-
--pf-
|
|
8066
|
-
--pf-
|
|
8067
|
-
--pf-
|
|
8068
|
-
--pf-
|
|
8069
|
-
--pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
|
|
8070
|
-
--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
8071
|
-
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8072
|
-
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8073
|
-
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8074
|
-
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8075
|
-
--pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
|
|
8076
|
-
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8077
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8078
|
-
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8079
|
-
--pf-c-card__header-toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
|
|
8080
|
-
--pf-c-card__header-toggle-icon--Transition: var(--pf-global--Transition);
|
|
8081
|
-
--pf-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
8082
|
-
--pf-c-card--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8083
|
-
--pf-c-card--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8084
|
-
--pf-c-card--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8085
|
-
--pf-c-card--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8086
|
-
--pf-c-card--m-selectable--m-selected--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8087
|
-
--pf-c-card--m-selectable--m-selected--before--Height: var(--pf-global--BorderWidth--lg);
|
|
8088
|
-
--pf-c-card--m-selectable--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
|
|
8089
|
-
--pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8090
|
-
--pf-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8091
|
-
--pf-c-card--m-selectable-raised--before--Right: 0;
|
|
8092
|
-
--pf-c-card--m-selectable-raised--before--Bottom: 0;
|
|
8093
|
-
--pf-c-card--m-selectable-raised--before--Left: 0;
|
|
8094
|
-
--pf-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
|
|
8095
|
-
--pf-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
|
|
8096
|
-
--pf-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
|
|
8097
|
-
--pf-c-card--m-selectable-raised--before--Height: var(--pf-global--BorderWidth--xl);
|
|
8098
|
-
--pf-c-card--m-selectable-raised--before--BackgroundColor: transparent;
|
|
8099
|
-
--pf-c-card--m-selectable-raised--before--Transition: none;
|
|
8100
|
-
--pf-c-card--m-selectable-raised--before--ScaleY: 1;
|
|
8101
|
-
--pf-c-card--m-selectable-raised--before--TranslateY: 0;
|
|
8102
|
-
--pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8103
|
-
--pf-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8104
|
-
--pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8105
|
-
--pf-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8106
|
-
--pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8107
|
-
--pf-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8108
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-global--active-color--100);
|
|
8109
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8110
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
|
|
8111
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
|
|
8112
|
-
--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth));
|
|
8113
|
-
--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius));
|
|
8114
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
|
|
8115
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
|
|
8116
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
|
|
8117
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
|
|
8118
|
-
--pf-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
8119
|
-
--pf-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
8120
|
-
--pf-c-card--m-non-selectable-raised--before--ScaleY: 2;
|
|
8121
|
-
--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-global--disabled-color--200);
|
|
8122
|
-
--pf-c-card--m-compact__body--FontSize: var(--pf-global--FontSize--sm);
|
|
8123
|
-
--pf-c-card--m-compact__footer--FontSize: var(--pf-global--FontSize--sm);
|
|
8124
|
-
--pf-c-card--m-compact--first-child--PaddingTop: var(--pf-global--spacer--md);
|
|
8125
|
-
--pf-c-card--m-compact--child--PaddingRight: var(--pf-global--spacer--md);
|
|
8126
|
-
--pf-c-card--m-compact--child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8127
|
-
--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
|
|
8128
|
-
--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
|
|
8129
|
-
--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
|
|
8130
|
-
--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
|
|
8131
|
-
--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8132
|
-
--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
|
|
8133
|
-
--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
|
|
8134
|
-
--pf-c-card--m-display-lg--child--PaddingLeft: var(--pf-global--spacer--xl);
|
|
8135
|
-
--pf-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8136
|
-
--pf-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8137
|
-
--pf-c-card--m-flat--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
8138
|
-
--pf-c-card--m-flat--BorderColor: var(--pf-global--BorderColor--100);
|
|
8139
|
-
--pf-c-card--m-rounded--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8140
|
-
--pf-c-card--m-full-height--Height: 100%;
|
|
8141
|
-
--pf-c-card--m-plain--BoxShadow: none;
|
|
8142
|
-
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8143
|
-
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8144
|
-
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8145
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8146
|
-
display: flex;
|
|
8147
|
-
flex-direction: column;
|
|
8148
|
-
background-color: var(--pf-c-card--BackgroundColor);
|
|
8149
|
-
box-shadow: var(--pf-c-card--BoxShadow);
|
|
8150
|
-
}
|
|
8151
|
-
|
|
8152
|
-
.pf-c-card.pf-m-hoverable:hover {
|
|
8153
|
-
box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow);
|
|
8154
|
-
}
|
|
8155
|
-
|
|
8156
|
-
.pf-c-card.pf-m-selectable {
|
|
8157
|
-
position: relative;
|
|
8158
|
-
cursor: pointer;
|
|
8061
|
+
.pf-c-calendar-month {
|
|
8062
|
+
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
8063
|
+
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
8064
|
+
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
8065
|
+
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
8066
|
+
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
8067
|
+
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
8068
|
+
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
8159
8069
|
}
|
|
8160
8070
|
|
|
8161
|
-
.pf-c-
|
|
8162
|
-
|
|
8071
|
+
.pf-c-calendar-month {
|
|
8072
|
+
--pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
8073
|
+
--pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
|
|
8074
|
+
--pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
|
|
8075
|
+
--pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
|
|
8076
|
+
--pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8077
|
+
--pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
|
|
8078
|
+
--pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
|
|
8079
|
+
--pf-c-calendar-month__header-year--Width: 8ch;
|
|
8080
|
+
--pf-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
8081
|
+
--pf-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
8082
|
+
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
|
|
8083
|
+
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
|
|
8084
|
+
--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
|
|
8085
|
+
--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
|
|
8086
|
+
--pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
8087
|
+
--pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
8088
|
+
--pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
|
|
8089
|
+
--pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
|
|
8090
|
+
--pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
|
|
8091
|
+
--pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
|
|
8092
|
+
--pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
|
|
8093
|
+
--pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
|
|
8094
|
+
--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
|
|
8095
|
+
--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8096
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
|
|
8097
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
|
|
8098
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8099
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
|
|
8100
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
|
|
8101
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
|
|
8102
|
+
--pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
8103
|
+
--pf-c-calendar-month__dates-cell--before--Top: 0;
|
|
8104
|
+
--pf-c-calendar-month__dates-cell--before--Right: 0;
|
|
8105
|
+
--pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
|
|
8106
|
+
--pf-c-calendar-month__dates-cell--before--Left: 0;
|
|
8107
|
+
--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
8108
|
+
--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
|
|
8109
|
+
--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
|
|
8110
|
+
--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
|
|
8111
|
+
--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
|
|
8112
|
+
--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
|
|
8113
|
+
--pf-c-calendar-month__date--Width: 4ch;
|
|
8114
|
+
--pf-c-calendar-month__date--Height: 4ch;
|
|
8115
|
+
--pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
8116
|
+
--pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
|
|
8117
|
+
--pf-c-calendar-month__date--BackgroundColor: transparent;
|
|
8118
|
+
--pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
|
|
8119
|
+
--pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8120
|
+
--pf-c-calendar-month__date--after--BorderColor: transparent;
|
|
8121
|
+
--pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
8122
|
+
--pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
8123
|
+
--pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
|
|
8124
|
+
--pf-c-calendar-month__date--focus--BoxShadow: none;
|
|
8125
|
+
color: var(--pf-global--Color--100);
|
|
8126
|
+
display: inline-flex;
|
|
8127
|
+
flex-direction: column;
|
|
8128
|
+
padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
|
|
8129
|
+
font-size: var(--pf-c-calendar-month--FontSize);
|
|
8130
|
+
background-color: var(--pf-c-calendar-month--BackgroundColor);
|
|
8131
|
+
}
|
|
8132
|
+
|
|
8133
|
+
.pf-c-calendar-month__header {
|
|
8134
|
+
display: flex;
|
|
8135
|
+
margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
|
|
8136
|
+
}
|
|
8137
|
+
|
|
8138
|
+
.pf-c-calendar-month__header-nav-control {
|
|
8139
|
+
margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
|
|
8140
|
+
margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
|
|
8141
|
+
}
|
|
8142
|
+
|
|
8143
|
+
.pf-c-calendar-month__header-nav-control.pf-m-prev-month {
|
|
8144
|
+
--pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
|
|
8145
|
+
--pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
|
|
8146
|
+
}
|
|
8147
|
+
|
|
8148
|
+
.pf-c-calendar-month__header-nav-control.pf-m-next-month {
|
|
8149
|
+
--pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
|
|
8150
|
+
--pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
|
|
8151
|
+
}
|
|
8152
|
+
|
|
8153
|
+
.pf-c-calendar-month__header-month {
|
|
8154
|
+
flex-grow: 1;
|
|
8155
|
+
}
|
|
8156
|
+
|
|
8157
|
+
.pf-c-calendar-month__header-year {
|
|
8158
|
+
width: var(--pf-c-calendar-month__header-year--Width);
|
|
8159
|
+
}
|
|
8160
|
+
|
|
8161
|
+
.pf-c-calendar-month__calendar {
|
|
8162
|
+
table-layout: fixed;
|
|
8163
|
+
}
|
|
8164
|
+
|
|
8165
|
+
.pf-c-calendar-month__days {
|
|
8166
|
+
border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
|
|
8167
|
+
}
|
|
8168
|
+
|
|
8169
|
+
.pf-c-calendar-month__day {
|
|
8170
|
+
padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
|
|
8171
|
+
font-weight: var(--pf-c-calendar-month__day--FontWeight);
|
|
8172
|
+
text-align: center;
|
|
8173
|
+
}
|
|
8174
|
+
|
|
8175
|
+
.pf-c-calendar-month__dates-row:first-child {
|
|
8176
|
+
--pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
|
|
8177
|
+
}
|
|
8178
|
+
|
|
8179
|
+
.pf-c-calendar-month__dates-cell {
|
|
8180
|
+
--pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
|
|
8181
|
+
position: relative;
|
|
8182
|
+
padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
|
|
8183
|
+
text-align: center;
|
|
8184
|
+
}
|
|
8185
|
+
|
|
8186
|
+
.pf-c-calendar-month__dates-cell::before {
|
|
8187
|
+
position: absolute;
|
|
8188
|
+
top: var(--pf-c-calendar-month__dates-cell--before--Top);
|
|
8189
|
+
right: var(--pf-c-calendar-month__dates-cell--before--Right);
|
|
8190
|
+
bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
|
|
8191
|
+
left: var(--pf-c-calendar-month__dates-cell--before--Left);
|
|
8192
|
+
content: "";
|
|
8193
|
+
background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
8194
|
+
}
|
|
8195
|
+
|
|
8196
|
+
.pf-c-calendar-month__dates-cell.pf-m-current {
|
|
8197
|
+
--pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
8198
|
+
}
|
|
8199
|
+
|
|
8200
|
+
.pf-c-calendar-month__dates-cell.pf-m-in-range {
|
|
8201
|
+
--pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
8202
|
+
--pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
8203
|
+
--pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
8204
|
+
}
|
|
8205
|
+
|
|
8206
|
+
.pf-c-calendar-month__dates-cell.pf-m-start-range {
|
|
8207
|
+
--pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
|
|
8208
|
+
}
|
|
8209
|
+
|
|
8210
|
+
.pf-c-calendar-month__dates-cell.pf-m-end-range {
|
|
8211
|
+
--pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
|
|
8212
|
+
}
|
|
8213
|
+
|
|
8214
|
+
.pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
8215
|
+
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
8216
|
+
}
|
|
8217
|
+
|
|
8218
|
+
.pf-c-calendar-month__dates-cell.pf-m-selected {
|
|
8219
|
+
--pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
8220
|
+
--pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
8221
|
+
--pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
8222
|
+
--pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
8223
|
+
--pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
|
|
8224
|
+
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
8225
|
+
}
|
|
8226
|
+
|
|
8227
|
+
.pf-c-calendar-month__dates-cell.pf-m-disabled {
|
|
8228
|
+
--pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
8229
|
+
--pf-c-calendar-month__date--BackgroundColor: transparent;
|
|
8230
|
+
}
|
|
8231
|
+
|
|
8232
|
+
.pf-c-calendar-month__date {
|
|
8233
|
+
position: relative;
|
|
8234
|
+
display: inline-flex;
|
|
8235
|
+
align-items: center;
|
|
8236
|
+
justify-content: center;
|
|
8237
|
+
width: var(--pf-c-calendar-month__date--Width);
|
|
8238
|
+
height: var(--pf-c-calendar-month__date--Height);
|
|
8239
|
+
line-height: 1;
|
|
8240
|
+
color: var(--pf-c-calendar-month__date--Color);
|
|
8241
|
+
background-color: var(--pf-c-calendar-month__date--BackgroundColor);
|
|
8242
|
+
border: 0;
|
|
8243
|
+
}
|
|
8244
|
+
|
|
8245
|
+
.pf-c-calendar-month__date::after {
|
|
8246
|
+
position: absolute;
|
|
8247
|
+
top: 0;
|
|
8248
|
+
right: 0;
|
|
8249
|
+
bottom: 0;
|
|
8250
|
+
left: 0;
|
|
8251
|
+
content: "";
|
|
8252
|
+
border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
|
|
8253
|
+
}
|
|
8254
|
+
|
|
8255
|
+
.pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
|
|
8256
|
+
border-radius: var(--pf-c-calendar-month__date--BorderRadius);
|
|
8257
|
+
}
|
|
8258
|
+
|
|
8259
|
+
.pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
|
|
8260
|
+
--pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
|
|
8261
|
+
}
|
|
8262
|
+
|
|
8263
|
+
.pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
|
|
8264
|
+
--pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
|
|
8265
|
+
--pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
|
|
8266
|
+
outline: 0;
|
|
8267
|
+
box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
|
|
8268
|
+
}
|
|
8269
|
+
|
|
8270
|
+
.pf-c-calendar-month__date:disabled {
|
|
8271
|
+
pointer-events: none;
|
|
8272
|
+
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
|
|
8273
|
+
--pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
8274
|
+
}
|
|
8275
|
+
|
|
8276
|
+
.pf-c-card {
|
|
8277
|
+
--pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
8278
|
+
--pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
8279
|
+
--pf-c-card--first-child--PaddingTop: var(--pf-global--spacer--lg);
|
|
8280
|
+
--pf-c-card--child--PaddingRight: var(--pf-global--spacer--lg);
|
|
8281
|
+
--pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8282
|
+
--pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8283
|
+
--pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
|
|
8284
|
+
--pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
|
|
8285
|
+
--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
8286
|
+
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8287
|
+
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8288
|
+
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8289
|
+
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8290
|
+
--pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
|
|
8291
|
+
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8292
|
+
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8293
|
+
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8294
|
+
--pf-c-card__header-toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
|
|
8295
|
+
--pf-c-card__header-toggle-icon--Transition: var(--pf-global--Transition);
|
|
8296
|
+
--pf-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
8297
|
+
--pf-c-card--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8298
|
+
--pf-c-card--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8299
|
+
--pf-c-card--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8300
|
+
--pf-c-card--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8301
|
+
--pf-c-card--m-selectable--m-selected--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8302
|
+
--pf-c-card--m-selectable--m-selected--before--Height: var(--pf-global--BorderWidth--lg);
|
|
8303
|
+
--pf-c-card--m-selectable--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
|
|
8304
|
+
--pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8305
|
+
--pf-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8306
|
+
--pf-c-card--m-selectable-raised--before--Right: 0;
|
|
8307
|
+
--pf-c-card--m-selectable-raised--before--Bottom: 0;
|
|
8308
|
+
--pf-c-card--m-selectable-raised--before--Left: 0;
|
|
8309
|
+
--pf-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
|
|
8310
|
+
--pf-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
|
|
8311
|
+
--pf-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
|
|
8312
|
+
--pf-c-card--m-selectable-raised--before--Height: var(--pf-global--BorderWidth--xl);
|
|
8313
|
+
--pf-c-card--m-selectable-raised--before--BackgroundColor: transparent;
|
|
8314
|
+
--pf-c-card--m-selectable-raised--before--Transition: none;
|
|
8315
|
+
--pf-c-card--m-selectable-raised--before--ScaleY: 1;
|
|
8316
|
+
--pf-c-card--m-selectable-raised--before--TranslateY: 0;
|
|
8317
|
+
--pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8318
|
+
--pf-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8319
|
+
--pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8320
|
+
--pf-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8321
|
+
--pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8322
|
+
--pf-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-global--active-color--400);
|
|
8323
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-global--active-color--100);
|
|
8324
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8325
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
|
|
8326
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
|
|
8327
|
+
--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth));
|
|
8328
|
+
--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius));
|
|
8329
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
|
|
8330
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
|
|
8331
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
|
|
8332
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
|
|
8333
|
+
--pf-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
8334
|
+
--pf-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
8335
|
+
--pf-c-card--m-non-selectable-raised--before--ScaleY: 2;
|
|
8336
|
+
--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-global--disabled-color--200);
|
|
8337
|
+
--pf-c-card--m-compact__body--FontSize: var(--pf-global--FontSize--sm);
|
|
8338
|
+
--pf-c-card--m-compact__footer--FontSize: var(--pf-global--FontSize--sm);
|
|
8339
|
+
--pf-c-card--m-compact--first-child--PaddingTop: var(--pf-global--spacer--md);
|
|
8340
|
+
--pf-c-card--m-compact--child--PaddingRight: var(--pf-global--spacer--md);
|
|
8341
|
+
--pf-c-card--m-compact--child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8342
|
+
--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
|
|
8343
|
+
--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
|
|
8344
|
+
--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
|
|
8345
|
+
--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
|
|
8346
|
+
--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8347
|
+
--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
|
|
8348
|
+
--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
|
|
8349
|
+
--pf-c-card--m-display-lg--child--PaddingLeft: var(--pf-global--spacer--xl);
|
|
8350
|
+
--pf-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8351
|
+
--pf-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8352
|
+
--pf-c-card--m-flat--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
8353
|
+
--pf-c-card--m-flat--BorderColor: var(--pf-global--BorderColor--100);
|
|
8354
|
+
--pf-c-card--m-rounded--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8355
|
+
--pf-c-card--m-full-height--Height: 100%;
|
|
8356
|
+
--pf-c-card--m-plain--BoxShadow: none;
|
|
8357
|
+
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8358
|
+
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8359
|
+
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8360
|
+
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8361
|
+
display: flex;
|
|
8362
|
+
flex-direction: column;
|
|
8363
|
+
background-color: var(--pf-c-card--BackgroundColor);
|
|
8364
|
+
box-shadow: var(--pf-c-card--BoxShadow);
|
|
8365
|
+
}
|
|
8366
|
+
|
|
8367
|
+
.pf-c-card.pf-m-hoverable:hover {
|
|
8368
|
+
box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow);
|
|
8369
|
+
}
|
|
8370
|
+
|
|
8371
|
+
.pf-c-card.pf-m-selectable {
|
|
8372
|
+
position: relative;
|
|
8373
|
+
cursor: pointer;
|
|
8374
|
+
}
|
|
8375
|
+
|
|
8376
|
+
.pf-c-card.pf-m-selectable:hover {
|
|
8377
|
+
box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow);
|
|
8163
8378
|
}
|
|
8164
8379
|
|
|
8165
8380
|
.pf-c-card.pf-m-selectable:focus {
|
|
@@ -8270,354 +8485,139 @@ button.pf-c-breadcrumb__link {
|
|
|
8270
8485
|
--pf-c-card--m-selectable-raised--before--Bottom: var(--pf-c-card--m-flat--m-selectable-raised--before--Bottom);
|
|
8271
8486
|
--pf-c-card--m-selectable-raised--before--Left: var(--pf-c-card--m-flat--m-selectable-raised--before--Left);
|
|
8272
8487
|
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY);
|
|
8273
|
-
border: var(--pf-c-card--m-flat--BorderWidth) solid var(--pf-c-card--m-flat--BorderColor);
|
|
8274
|
-
}
|
|
8275
|
-
|
|
8276
|
-
.pf-c-card.pf-m-plain {
|
|
8277
|
-
--pf-c-card--BoxShadow: var(--pf-c-card--m-plain--BoxShadow);
|
|
8278
|
-
--pf-c-card--BackgroundColor: var(--pf-c-card--m-plain--BackgroundColor);
|
|
8279
|
-
}
|
|
8280
|
-
|
|
8281
|
-
.pf-c-card.pf-m-rounded {
|
|
8282
|
-
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY);
|
|
8283
|
-
border-radius: var(--pf-c-card--m-rounded--BorderRadius);
|
|
8284
|
-
}
|
|
8285
|
-
|
|
8286
|
-
.pf-c-card.pf-m-expanded .pf-c-card__header-toggle-icon {
|
|
8287
|
-
transform: rotate(var(--pf-c-card--m-expanded__header-toggle-icon--Rotate));
|
|
8288
|
-
}
|
|
8289
|
-
|
|
8290
|
-
.pf-c-card.pf-m-full-height {
|
|
8291
|
-
height: var(--pf-c-card--m-full-height--Height);
|
|
8292
|
-
}
|
|
8293
|
-
|
|
8294
|
-
.pf-c-card > .pf-c-divider + .pf-c-card__header, .pf-c-card > .pf-c-divider + .pf-c-card__title, .pf-c-card > .pf-c-divider + .pf-c-card__body, .pf-c-card > .pf-c-divider + .pf-c-card__footer {
|
|
8295
|
-
padding-top: var(--pf-c-card--c-divider--child--PaddingTop);
|
|
8296
|
-
}
|
|
8297
|
-
|
|
8298
|
-
.pf-c-card__header {
|
|
8299
|
-
display: flex;
|
|
8300
|
-
flex-direction: row;
|
|
8301
|
-
align-items: center;
|
|
8302
|
-
}
|
|
8303
|
-
|
|
8304
|
-
.pf-c-card__header .pf-c-card__title {
|
|
8305
|
-
--pf-c-card--first-child--PaddingTop: 0;
|
|
8306
|
-
--pf-c-card__title--not--last-child--PaddingBottom: 0;
|
|
8307
|
-
padding: 0;
|
|
8308
|
-
}
|
|
8309
|
-
|
|
8310
|
-
.pf-c-card__header.pf-m-toggle-right {
|
|
8311
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8312
|
-
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8313
|
-
}
|
|
8314
|
-
|
|
8315
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8316
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8317
|
-
}
|
|
8318
|
-
|
|
8319
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8320
|
-
order: 2;
|
|
8321
|
-
}
|
|
8322
|
-
|
|
8323
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
|
|
8324
|
-
flex: 1;
|
|
8325
|
-
}
|
|
8326
|
-
|
|
8327
|
-
.pf-c-card__header-toggle {
|
|
8328
|
-
align-self: flex-start;
|
|
8329
|
-
margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) var(--pf-c-card__header-toggle--MarginLeft);
|
|
8330
|
-
}
|
|
8331
|
-
|
|
8332
|
-
.pf-c-card__header-toggle-icon {
|
|
8333
|
-
display: inline-block;
|
|
8334
|
-
transition: var(--pf-c-card__header-toggle-icon--Transition);
|
|
8335
|
-
}
|
|
8336
|
-
|
|
8337
|
-
.pf-c-card__title {
|
|
8338
|
-
font-family: var(--pf-c-card__title--FontFamily);
|
|
8339
|
-
font-size: var(--pf-c-card__title--FontSize);
|
|
8340
|
-
font-weight: var(--pf-c-card__title--FontWeight);
|
|
8341
|
-
}
|
|
8342
|
-
|
|
8343
|
-
.pf-c-card__actions {
|
|
8344
|
-
display: flex;
|
|
8345
|
-
align-items: center;
|
|
8346
|
-
align-self: flex-start;
|
|
8347
|
-
order: 1;
|
|
8348
|
-
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8349
|
-
margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
|
|
8350
|
-
}
|
|
8351
|
-
|
|
8352
|
-
.pf-c-card__actions > * + * {
|
|
8353
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8354
|
-
}
|
|
8355
|
-
|
|
8356
|
-
.pf-c-card__actions + .pf-c-card__title,
|
|
8357
|
-
.pf-c-card__actions + .pf-c-card__body,
|
|
8358
|
-
.pf-c-card__actions + .pf-c-card__footer {
|
|
8359
|
-
padding: 0;
|
|
8360
|
-
}
|
|
8361
|
-
|
|
8362
|
-
.pf-c-card__actions.pf-m-no-offset {
|
|
8363
|
-
--pf-c-card__header-toggle--MarginTop: 0;
|
|
8364
|
-
--pf-c-card__header-toggle--MarginBottom: 0;
|
|
8365
|
-
}
|
|
8366
|
-
|
|
8367
|
-
.pf-c-card__header,
|
|
8368
|
-
.pf-c-card__title,
|
|
8369
|
-
.pf-c-card__body,
|
|
8370
|
-
.pf-c-card__footer {
|
|
8371
|
-
padding-right: var(--pf-c-card--child--PaddingRight);
|
|
8372
|
-
padding-bottom: var(--pf-c-card--child--PaddingBottom);
|
|
8373
|
-
padding-left: var(--pf-c-card--child--PaddingLeft);
|
|
8374
|
-
}
|
|
8375
|
-
|
|
8376
|
-
.pf-c-card__header:first-child,
|
|
8377
|
-
.pf-c-card__title:first-child,
|
|
8378
|
-
.pf-c-card__body:first-child,
|
|
8379
|
-
.pf-c-card__footer:first-child {
|
|
8380
|
-
padding-top: var(--pf-c-card--first-child--PaddingTop);
|
|
8381
|
-
}
|
|
8382
|
-
|
|
8383
|
-
.pf-c-card__header:not(:last-child),
|
|
8384
|
-
.pf-c-card__title:not(:last-child) {
|
|
8385
|
-
padding-bottom: var(--pf-c-card__title--not--last-child--PaddingBottom);
|
|
8386
|
-
}
|
|
8387
|
-
|
|
8388
|
-
.pf-c-card__expandable-content {
|
|
8389
|
-
--pf-c-card--first-child--PaddingTop: 0;
|
|
8390
|
-
}
|
|
8391
|
-
|
|
8392
|
-
.pf-c-card__body:not(.pf-m-no-fill) {
|
|
8393
|
-
flex: 1 1 auto;
|
|
8394
|
-
}
|
|
8395
|
-
|
|
8396
|
-
.pf-c-card__body {
|
|
8397
|
-
font-size: var(--pf-c-card__body--FontSize);
|
|
8398
|
-
}
|
|
8399
|
-
|
|
8400
|
-
.pf-c-card__footer {
|
|
8401
|
-
font-size: var(--pf-c-card__footer--FontSize);
|
|
8402
|
-
}
|
|
8403
|
-
|
|
8404
|
-
.pf-m-overpass-font .pf-c-card .pf-c-card__title {
|
|
8405
|
-
font-weight: var(--pf-global--FontWeight--normal);
|
|
8406
|
-
}
|
|
8407
|
-
|
|
8408
|
-
.pf-c-calendar-month {
|
|
8409
|
-
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
8410
|
-
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
8411
|
-
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
8412
|
-
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
8413
|
-
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
8414
|
-
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
8415
|
-
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
8416
|
-
}
|
|
8417
|
-
|
|
8418
|
-
.pf-c-calendar-month {
|
|
8419
|
-
--pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
8420
|
-
--pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
|
|
8421
|
-
--pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
|
|
8422
|
-
--pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
|
|
8423
|
-
--pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8424
|
-
--pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
|
|
8425
|
-
--pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
|
|
8426
|
-
--pf-c-calendar-month__header-year--Width: 8ch;
|
|
8427
|
-
--pf-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
8428
|
-
--pf-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
8429
|
-
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
|
|
8430
|
-
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
|
|
8431
|
-
--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
|
|
8432
|
-
--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
|
|
8433
|
-
--pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
8434
|
-
--pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
8435
|
-
--pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
|
|
8436
|
-
--pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
|
|
8437
|
-
--pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
|
|
8438
|
-
--pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
|
|
8439
|
-
--pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
|
|
8440
|
-
--pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
|
|
8441
|
-
--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
|
|
8442
|
-
--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8443
|
-
--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
|
|
8444
|
-
--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
|
|
8445
|
-
--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8446
|
-
--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
|
|
8447
|
-
--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
|
|
8448
|
-
--pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
|
|
8449
|
-
--pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
8450
|
-
--pf-c-calendar-month__dates-cell--before--Top: 0;
|
|
8451
|
-
--pf-c-calendar-month__dates-cell--before--Right: 0;
|
|
8452
|
-
--pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
|
|
8453
|
-
--pf-c-calendar-month__dates-cell--before--Left: 0;
|
|
8454
|
-
--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
8455
|
-
--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
|
|
8456
|
-
--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
|
|
8457
|
-
--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
|
|
8458
|
-
--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
|
|
8459
|
-
--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
|
|
8460
|
-
--pf-c-calendar-month__date--Width: 4ch;
|
|
8461
|
-
--pf-c-calendar-month__date--Height: 4ch;
|
|
8462
|
-
--pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
8463
|
-
--pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
|
|
8464
|
-
--pf-c-calendar-month__date--BackgroundColor: transparent;
|
|
8465
|
-
--pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
|
|
8466
|
-
--pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8467
|
-
--pf-c-calendar-month__date--after--BorderColor: transparent;
|
|
8468
|
-
--pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
8469
|
-
--pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
8470
|
-
--pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
|
|
8471
|
-
--pf-c-calendar-month__date--focus--BoxShadow: none;
|
|
8472
|
-
color: var(--pf-global--Color--100);
|
|
8473
|
-
display: inline-flex;
|
|
8474
|
-
flex-direction: column;
|
|
8475
|
-
padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
|
|
8476
|
-
font-size: var(--pf-c-calendar-month--FontSize);
|
|
8477
|
-
background-color: var(--pf-c-calendar-month--BackgroundColor);
|
|
8488
|
+
border: var(--pf-c-card--m-flat--BorderWidth) solid var(--pf-c-card--m-flat--BorderColor);
|
|
8478
8489
|
}
|
|
8479
8490
|
|
|
8480
|
-
.pf-c-
|
|
8481
|
-
|
|
8482
|
-
|
|
8491
|
+
.pf-c-card.pf-m-plain {
|
|
8492
|
+
--pf-c-card--BoxShadow: var(--pf-c-card--m-plain--BoxShadow);
|
|
8493
|
+
--pf-c-card--BackgroundColor: var(--pf-c-card--m-plain--BackgroundColor);
|
|
8483
8494
|
}
|
|
8484
8495
|
|
|
8485
|
-
.pf-c-
|
|
8486
|
-
|
|
8487
|
-
|
|
8496
|
+
.pf-c-card.pf-m-rounded {
|
|
8497
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY);
|
|
8498
|
+
border-radius: var(--pf-c-card--m-rounded--BorderRadius);
|
|
8488
8499
|
}
|
|
8489
8500
|
|
|
8490
|
-
.pf-c-
|
|
8491
|
-
|
|
8492
|
-
--pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
|
|
8501
|
+
.pf-c-card.pf-m-expanded .pf-c-card__header-toggle-icon {
|
|
8502
|
+
transform: rotate(var(--pf-c-card--m-expanded__header-toggle-icon--Rotate));
|
|
8493
8503
|
}
|
|
8494
8504
|
|
|
8495
|
-
.pf-c-
|
|
8496
|
-
|
|
8497
|
-
--pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
|
|
8505
|
+
.pf-c-card.pf-m-full-height {
|
|
8506
|
+
height: var(--pf-c-card--m-full-height--Height);
|
|
8498
8507
|
}
|
|
8499
8508
|
|
|
8500
|
-
.pf-c-
|
|
8501
|
-
|
|
8509
|
+
.pf-c-card > .pf-c-divider + .pf-c-card__header, .pf-c-card > .pf-c-divider + .pf-c-card__title, .pf-c-card > .pf-c-divider + .pf-c-card__body, .pf-c-card > .pf-c-divider + .pf-c-card__footer {
|
|
8510
|
+
padding-top: var(--pf-c-card--c-divider--child--PaddingTop);
|
|
8502
8511
|
}
|
|
8503
8512
|
|
|
8504
|
-
.pf-c-
|
|
8505
|
-
|
|
8513
|
+
.pf-c-card__header {
|
|
8514
|
+
display: flex;
|
|
8515
|
+
flex-direction: row;
|
|
8516
|
+
align-items: center;
|
|
8506
8517
|
}
|
|
8507
8518
|
|
|
8508
|
-
.pf-c-
|
|
8509
|
-
|
|
8519
|
+
.pf-c-card__header .pf-c-card__title {
|
|
8520
|
+
--pf-c-card--first-child--PaddingTop: 0;
|
|
8521
|
+
--pf-c-card__title--not--last-child--PaddingBottom: 0;
|
|
8522
|
+
padding: 0;
|
|
8510
8523
|
}
|
|
8511
8524
|
|
|
8512
|
-
.pf-c-
|
|
8513
|
-
|
|
8525
|
+
.pf-c-card__header.pf-m-toggle-right {
|
|
8526
|
+
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8527
|
+
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8514
8528
|
}
|
|
8515
8529
|
|
|
8516
|
-
.pf-c-
|
|
8517
|
-
|
|
8518
|
-
font-weight: var(--pf-c-calendar-month__day--FontWeight);
|
|
8519
|
-
text-align: center;
|
|
8530
|
+
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8531
|
+
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8520
8532
|
}
|
|
8521
8533
|
|
|
8522
|
-
.pf-c-
|
|
8523
|
-
|
|
8534
|
+
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8535
|
+
order: 2;
|
|
8524
8536
|
}
|
|
8525
8537
|
|
|
8526
|
-
.pf-c-
|
|
8527
|
-
|
|
8528
|
-
position: relative;
|
|
8529
|
-
padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
|
|
8530
|
-
text-align: center;
|
|
8538
|
+
.pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
|
|
8539
|
+
flex: 1;
|
|
8531
8540
|
}
|
|
8532
8541
|
|
|
8533
|
-
.pf-c-
|
|
8534
|
-
|
|
8535
|
-
|
|
8536
|
-
right: var(--pf-c-calendar-month__dates-cell--before--Right);
|
|
8537
|
-
bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
|
|
8538
|
-
left: var(--pf-c-calendar-month__dates-cell--before--Left);
|
|
8539
|
-
content: "";
|
|
8540
|
-
background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
8542
|
+
.pf-c-card__header-toggle {
|
|
8543
|
+
align-self: flex-start;
|
|
8544
|
+
margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) var(--pf-c-card__header-toggle--MarginLeft);
|
|
8541
8545
|
}
|
|
8542
8546
|
|
|
8543
|
-
.pf-c-
|
|
8544
|
-
|
|
8547
|
+
.pf-c-card__header-toggle-icon {
|
|
8548
|
+
display: inline-block;
|
|
8549
|
+
transition: var(--pf-c-card__header-toggle-icon--Transition);
|
|
8545
8550
|
}
|
|
8546
8551
|
|
|
8547
|
-
.pf-c-
|
|
8548
|
-
|
|
8549
|
-
|
|
8550
|
-
|
|
8552
|
+
.pf-c-card__title {
|
|
8553
|
+
font-family: var(--pf-c-card__title--FontFamily);
|
|
8554
|
+
font-size: var(--pf-c-card__title--FontSize);
|
|
8555
|
+
font-weight: var(--pf-c-card__title--FontWeight);
|
|
8551
8556
|
}
|
|
8552
8557
|
|
|
8553
|
-
.pf-c-
|
|
8554
|
-
|
|
8558
|
+
.pf-c-card__actions {
|
|
8559
|
+
display: flex;
|
|
8560
|
+
align-items: center;
|
|
8561
|
+
align-self: flex-start;
|
|
8562
|
+
order: 1;
|
|
8563
|
+
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8564
|
+
margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
|
|
8555
8565
|
}
|
|
8556
8566
|
|
|
8557
|
-
.pf-c-
|
|
8558
|
-
|
|
8567
|
+
.pf-c-card__actions > * + * {
|
|
8568
|
+
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8559
8569
|
}
|
|
8560
8570
|
|
|
8561
|
-
.pf-c-
|
|
8562
|
-
|
|
8571
|
+
.pf-c-card__actions + .pf-c-card__title,
|
|
8572
|
+
.pf-c-card__actions + .pf-c-card__body,
|
|
8573
|
+
.pf-c-card__actions + .pf-c-card__footer {
|
|
8574
|
+
padding: 0;
|
|
8563
8575
|
}
|
|
8564
8576
|
|
|
8565
|
-
.pf-c-
|
|
8566
|
-
--pf-c-
|
|
8567
|
-
--pf-c-
|
|
8568
|
-
--pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
8569
|
-
--pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
8570
|
-
--pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
|
|
8571
|
-
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
8577
|
+
.pf-c-card__actions.pf-m-no-offset {
|
|
8578
|
+
--pf-c-card__header-toggle--MarginTop: 0;
|
|
8579
|
+
--pf-c-card__header-toggle--MarginBottom: 0;
|
|
8572
8580
|
}
|
|
8573
8581
|
|
|
8574
|
-
.pf-c-
|
|
8575
|
-
|
|
8576
|
-
|
|
8582
|
+
.pf-c-card__header,
|
|
8583
|
+
.pf-c-card__title,
|
|
8584
|
+
.pf-c-card__body,
|
|
8585
|
+
.pf-c-card__footer {
|
|
8586
|
+
padding-right: var(--pf-c-card--child--PaddingRight);
|
|
8587
|
+
padding-bottom: var(--pf-c-card--child--PaddingBottom);
|
|
8588
|
+
padding-left: var(--pf-c-card--child--PaddingLeft);
|
|
8577
8589
|
}
|
|
8578
8590
|
|
|
8579
|
-
.pf-c-
|
|
8580
|
-
|
|
8581
|
-
|
|
8582
|
-
|
|
8583
|
-
|
|
8584
|
-
width: var(--pf-c-calendar-month__date--Width);
|
|
8585
|
-
height: var(--pf-c-calendar-month__date--Height);
|
|
8586
|
-
line-height: 1;
|
|
8587
|
-
color: var(--pf-c-calendar-month__date--Color);
|
|
8588
|
-
background-color: var(--pf-c-calendar-month__date--BackgroundColor);
|
|
8589
|
-
border: 0;
|
|
8591
|
+
.pf-c-card__header:first-child,
|
|
8592
|
+
.pf-c-card__title:first-child,
|
|
8593
|
+
.pf-c-card__body:first-child,
|
|
8594
|
+
.pf-c-card__footer:first-child {
|
|
8595
|
+
padding-top: var(--pf-c-card--first-child--PaddingTop);
|
|
8590
8596
|
}
|
|
8591
8597
|
|
|
8592
|
-
.pf-c-
|
|
8593
|
-
|
|
8594
|
-
|
|
8595
|
-
right: 0;
|
|
8596
|
-
bottom: 0;
|
|
8597
|
-
left: 0;
|
|
8598
|
-
content: "";
|
|
8599
|
-
border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
|
|
8598
|
+
.pf-c-card__header:not(:last-child),
|
|
8599
|
+
.pf-c-card__title:not(:last-child) {
|
|
8600
|
+
padding-bottom: var(--pf-c-card__title--not--last-child--PaddingBottom);
|
|
8600
8601
|
}
|
|
8601
8602
|
|
|
8602
|
-
.pf-c-
|
|
8603
|
-
|
|
8603
|
+
.pf-c-card__expandable-content {
|
|
8604
|
+
--pf-c-card--first-child--PaddingTop: 0;
|
|
8604
8605
|
}
|
|
8605
8606
|
|
|
8606
|
-
.pf-c-
|
|
8607
|
-
|
|
8607
|
+
.pf-c-card__body:not(.pf-m-no-fill) {
|
|
8608
|
+
flex: 1 1 auto;
|
|
8608
8609
|
}
|
|
8609
8610
|
|
|
8610
|
-
.pf-c-
|
|
8611
|
-
|
|
8612
|
-
--pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
|
|
8613
|
-
outline: 0;
|
|
8614
|
-
box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
|
|
8611
|
+
.pf-c-card__body {
|
|
8612
|
+
font-size: var(--pf-c-card__body--FontSize);
|
|
8615
8613
|
}
|
|
8616
8614
|
|
|
8617
|
-
.pf-c-
|
|
8618
|
-
|
|
8619
|
-
|
|
8620
|
-
|
|
8615
|
+
.pf-c-card__footer {
|
|
8616
|
+
font-size: var(--pf-c-card__footer--FontSize);
|
|
8617
|
+
}
|
|
8618
|
+
|
|
8619
|
+
.pf-m-overpass-font .pf-c-card .pf-c-card__title {
|
|
8620
|
+
font-weight: var(--pf-global--FontWeight--normal);
|
|
8621
8621
|
}
|
|
8622
8622
|
|
|
8623
8623
|
.pf-c-chip-group {
|
|
@@ -12572,111 +12572,46 @@ button.pf-c-breadcrumb__link {
|
|
|
12572
12572
|
top: 0;
|
|
12573
12573
|
right: 0;
|
|
12574
12574
|
bottom: 0;
|
|
12575
|
-
left: 0;
|
|
12576
|
-
content: "";
|
|
12577
|
-
background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
|
|
12578
|
-
opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
|
|
12579
|
-
}
|
|
12580
|
-
|
|
12581
|
-
.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
|
|
12582
|
-
position: relative;
|
|
12583
|
-
}
|
|
12584
|
-
|
|
12585
|
-
.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
|
|
12586
|
-
position: absolute;
|
|
12587
|
-
top: 0;
|
|
12588
|
-
right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
|
|
12589
|
-
bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
|
|
12590
|
-
left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
|
|
12591
|
-
content: "";
|
|
12592
|
-
background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
|
|
12593
|
-
}
|
|
12594
|
-
|
|
12595
|
-
.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
|
|
12596
|
-
outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
12597
|
-
}
|
|
12598
|
-
|
|
12599
|
-
.pf-c-file-upload__file-details {
|
|
12600
|
-
position: relative;
|
|
12601
|
-
display: flex;
|
|
12602
|
-
}
|
|
12603
|
-
|
|
12604
|
-
.pf-c-file-upload__file-details .pf-c-form-control {
|
|
12605
|
-
flex: 1 1 auto;
|
|
12606
|
-
min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
|
|
12607
|
-
border-top: 0;
|
|
12608
|
-
}
|
|
12609
|
-
|
|
12610
|
-
.pf-c-file-upload__file-details-spinner {
|
|
12611
|
-
position: absolute;
|
|
12612
|
-
top: 50%;
|
|
12613
|
-
left: 50%;
|
|
12614
|
-
transform: translate(-50%, -50%);
|
|
12615
|
-
}
|
|
12616
|
-
|
|
12617
|
-
.pf-c-hint {
|
|
12618
|
-
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
12619
|
-
--pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
|
|
12620
|
-
--pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
|
|
12621
|
-
--pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
|
|
12622
|
-
--pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
|
|
12623
|
-
--pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
12624
|
-
--pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
|
|
12625
|
-
--pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
12626
|
-
--pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
12627
|
-
--pf-c-hint--Color: var(--pf-global--Color--100);
|
|
12628
|
-
--pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
|
|
12629
|
-
--pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
|
|
12630
|
-
--pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
|
|
12631
|
-
--pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
|
|
12632
|
-
--pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
12633
|
-
display: grid;
|
|
12634
|
-
grid-template-columns: 1fr auto;
|
|
12635
|
-
grid-row-gap: var(--pf-c-hint--GridRowGap);
|
|
12636
|
-
padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
|
|
12637
|
-
color: var(--pf-c-hint--Color);
|
|
12638
|
-
background-color: var(--pf-c-hint--BackgroundColor);
|
|
12639
|
-
border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
|
|
12640
|
-
box-shadow: var(--pf-c-hint--BoxShadow);
|
|
12641
|
-
}
|
|
12642
|
-
|
|
12643
|
-
.pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
|
|
12644
|
-
text-align: left;
|
|
12645
|
-
white-space: normal;
|
|
12646
|
-
}
|
|
12647
|
-
|
|
12648
|
-
.pf-c-hint__actions {
|
|
12649
|
-
display: inline-grid;
|
|
12650
|
-
grid-auto-flow: column;
|
|
12651
|
-
margin-left: var(--pf-c-hint__actions--MarginLeft);
|
|
12652
|
-
text-align: right;
|
|
12653
|
-
grid-column: 2;
|
|
12654
|
-
grid-row: 1;
|
|
12575
|
+
left: 0;
|
|
12576
|
+
content: "";
|
|
12577
|
+
background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
|
|
12578
|
+
opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
|
|
12655
12579
|
}
|
|
12656
12580
|
|
|
12657
|
-
.pf-c-
|
|
12658
|
-
|
|
12581
|
+
.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
|
|
12582
|
+
position: relative;
|
|
12659
12583
|
}
|
|
12660
12584
|
|
|
12661
|
-
.pf-c-
|
|
12662
|
-
|
|
12585
|
+
.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
|
|
12586
|
+
position: absolute;
|
|
12587
|
+
top: 0;
|
|
12588
|
+
right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
|
|
12589
|
+
bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
|
|
12590
|
+
left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
|
|
12591
|
+
content: "";
|
|
12592
|
+
background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
|
|
12663
12593
|
}
|
|
12664
12594
|
|
|
12665
|
-
.pf-c-
|
|
12666
|
-
|
|
12595
|
+
.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
|
|
12596
|
+
outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
12667
12597
|
}
|
|
12668
12598
|
|
|
12669
|
-
.pf-c-
|
|
12670
|
-
|
|
12671
|
-
|
|
12599
|
+
.pf-c-file-upload__file-details {
|
|
12600
|
+
position: relative;
|
|
12601
|
+
display: flex;
|
|
12672
12602
|
}
|
|
12673
12603
|
|
|
12674
|
-
.pf-c-
|
|
12675
|
-
|
|
12604
|
+
.pf-c-file-upload__file-details .pf-c-form-control {
|
|
12605
|
+
flex: 1 1 auto;
|
|
12606
|
+
min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
|
|
12607
|
+
border-top: 0;
|
|
12676
12608
|
}
|
|
12677
12609
|
|
|
12678
|
-
.pf-c-
|
|
12679
|
-
|
|
12610
|
+
.pf-c-file-upload__file-details-spinner {
|
|
12611
|
+
position: absolute;
|
|
12612
|
+
top: 50%;
|
|
12613
|
+
left: 50%;
|
|
12614
|
+
transform: translate(-50%, -50%);
|
|
12680
12615
|
}
|
|
12681
12616
|
|
|
12682
12617
|
.pf-c-helper-text {
|
|
@@ -12754,6 +12689,71 @@ button.pf-c-breadcrumb__link {
|
|
|
12754
12689
|
color: var(--pf-c-helper-text__item-text--Color);
|
|
12755
12690
|
}
|
|
12756
12691
|
|
|
12692
|
+
.pf-c-hint {
|
|
12693
|
+
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
12694
|
+
--pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
|
|
12695
|
+
--pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
|
|
12696
|
+
--pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
|
|
12697
|
+
--pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
|
|
12698
|
+
--pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
12699
|
+
--pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
|
|
12700
|
+
--pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
12701
|
+
--pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
12702
|
+
--pf-c-hint--Color: var(--pf-global--Color--100);
|
|
12703
|
+
--pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
|
|
12704
|
+
--pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
|
|
12705
|
+
--pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
|
|
12706
|
+
--pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
|
|
12707
|
+
--pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
12708
|
+
display: grid;
|
|
12709
|
+
grid-template-columns: 1fr auto;
|
|
12710
|
+
grid-row-gap: var(--pf-c-hint--GridRowGap);
|
|
12711
|
+
padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
|
|
12712
|
+
color: var(--pf-c-hint--Color);
|
|
12713
|
+
background-color: var(--pf-c-hint--BackgroundColor);
|
|
12714
|
+
border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
|
|
12715
|
+
box-shadow: var(--pf-c-hint--BoxShadow);
|
|
12716
|
+
}
|
|
12717
|
+
|
|
12718
|
+
.pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
|
|
12719
|
+
text-align: left;
|
|
12720
|
+
white-space: normal;
|
|
12721
|
+
}
|
|
12722
|
+
|
|
12723
|
+
.pf-c-hint__actions {
|
|
12724
|
+
display: inline-grid;
|
|
12725
|
+
grid-auto-flow: column;
|
|
12726
|
+
margin-left: var(--pf-c-hint__actions--MarginLeft);
|
|
12727
|
+
text-align: right;
|
|
12728
|
+
grid-column: 2;
|
|
12729
|
+
grid-row: 1;
|
|
12730
|
+
}
|
|
12731
|
+
|
|
12732
|
+
.pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
|
|
12733
|
+
margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
|
|
12734
|
+
}
|
|
12735
|
+
|
|
12736
|
+
.pf-c-hint__actions + .pf-c-hint__body {
|
|
12737
|
+
grid-column: 1;
|
|
12738
|
+
}
|
|
12739
|
+
|
|
12740
|
+
.pf-c-hint__title {
|
|
12741
|
+
font-size: var(--pf-c-hint__title--FontSize);
|
|
12742
|
+
}
|
|
12743
|
+
|
|
12744
|
+
.pf-c-hint__body {
|
|
12745
|
+
grid-column: 1/-1;
|
|
12746
|
+
font-size: var(--pf-c-hint__body--FontSize);
|
|
12747
|
+
}
|
|
12748
|
+
|
|
12749
|
+
.pf-c-hint__footer {
|
|
12750
|
+
grid-column: 1/-1;
|
|
12751
|
+
}
|
|
12752
|
+
|
|
12753
|
+
.pf-c-hint__footer > :not(:last-child) {
|
|
12754
|
+
margin-right: var(--pf-c-hint__footer--child--MarginRight);
|
|
12755
|
+
}
|
|
12756
|
+
|
|
12757
12757
|
.pf-c-input-group {
|
|
12758
12758
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
12759
12759
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -22311,81 +22311,229 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
22311
22311
|
border: none;
|
|
22312
22312
|
}
|
|
22313
22313
|
|
|
22314
|
-
.pf-c-content ol {
|
|
22315
|
-
padding-left: var(--pf-c-content--ol--PaddingLeft);
|
|
22316
|
-
margin-left: var(--pf-c-content--ol--MarginLeft);
|
|
22314
|
+
.pf-c-content ol {
|
|
22315
|
+
padding-left: var(--pf-c-content--ol--PaddingLeft);
|
|
22316
|
+
margin-left: var(--pf-c-content--ol--MarginLeft);
|
|
22317
|
+
}
|
|
22318
|
+
|
|
22319
|
+
.pf-c-content ol ul {
|
|
22320
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
22321
|
+
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
22322
|
+
}
|
|
22323
|
+
|
|
22324
|
+
.pf-c-content ol ol {
|
|
22325
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
22326
|
+
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
22327
|
+
}
|
|
22328
|
+
|
|
22329
|
+
.pf-c-content ul {
|
|
22330
|
+
padding-left: var(--pf-c-content--ul--PaddingLeft);
|
|
22331
|
+
margin-left: var(--pf-c-content--ul--MarginLeft);
|
|
22332
|
+
list-style: var(--pf-c-content--ul--ListStyle);
|
|
22333
|
+
}
|
|
22334
|
+
|
|
22335
|
+
.pf-c-content ul ul {
|
|
22336
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
22337
|
+
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
22338
|
+
}
|
|
22339
|
+
|
|
22340
|
+
.pf-c-content ul ol {
|
|
22341
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
22342
|
+
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
22343
|
+
}
|
|
22344
|
+
|
|
22345
|
+
.pf-c-content dl {
|
|
22346
|
+
display: grid;
|
|
22347
|
+
grid-template-columns: 1fr;
|
|
22348
|
+
}
|
|
22349
|
+
|
|
22350
|
+
@media screen and (min-width: 576px) {
|
|
22351
|
+
.pf-c-content dl {
|
|
22352
|
+
grid-template: auto/auto 1fr;
|
|
22353
|
+
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
22354
|
+
grid-row-gap: var(--pf-c-content--dl--RowGap);
|
|
22355
|
+
}
|
|
22356
|
+
}
|
|
22357
|
+
.pf-c-content dt {
|
|
22358
|
+
font-weight: var(--pf-c-content--dt--FontWeight);
|
|
22359
|
+
}
|
|
22360
|
+
|
|
22361
|
+
.pf-c-content dt:not(:first-child) {
|
|
22362
|
+
margin-top: var(--pf-c-content--dt--MarginTop);
|
|
22363
|
+
}
|
|
22364
|
+
|
|
22365
|
+
@media screen and (min-width: 576px) {
|
|
22366
|
+
.pf-c-content dt:not(:first-child) {
|
|
22367
|
+
--pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
|
|
22368
|
+
}
|
|
22369
|
+
}
|
|
22370
|
+
@media screen and (min-width: 576px) {
|
|
22371
|
+
.pf-c-content dt {
|
|
22372
|
+
grid-column: 1;
|
|
22373
|
+
}
|
|
22374
|
+
}
|
|
22375
|
+
@media screen and (min-width: 576px) {
|
|
22376
|
+
.pf-c-content dd {
|
|
22377
|
+
grid-column: 2;
|
|
22378
|
+
}
|
|
22379
|
+
}
|
|
22380
|
+
.pf-m-overpass-font .pf-c-content {
|
|
22381
|
+
--pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
|
|
22382
|
+
--pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
22383
|
+
--pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
22384
|
+
--pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
22385
|
+
}
|
|
22386
|
+
|
|
22387
|
+
.pf-m-overpass-font .pf-c-content blockquote {
|
|
22388
|
+
font-weight: var(--pf-global--FontWeight--light);
|
|
22389
|
+
}
|
|
22390
|
+
|
|
22391
|
+
.pf-c-tile {
|
|
22392
|
+
--pf-c-tile--PaddingTop: var(--pf-global--spacer--lg);
|
|
22393
|
+
--pf-c-tile--PaddingRight: var(--pf-global--spacer--lg);
|
|
22394
|
+
--pf-c-tile--PaddingBottom: var(--pf-global--spacer--lg);
|
|
22395
|
+
--pf-c-tile--PaddingLeft: var(--pf-global--spacer--lg);
|
|
22396
|
+
--pf-c-tile--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
22397
|
+
--pf-c-tile--Transition: none;
|
|
22398
|
+
--pf-c-tile--TranslateY: 0;
|
|
22399
|
+
--pf-c-tile--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
22400
|
+
--pf-c-tile--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
22401
|
+
--pf-c-tile--after--Height: var(--pf-global--BorderWidth--lg);
|
|
22402
|
+
--pf-c-tile--after--BackgroundColor: transparent;
|
|
22403
|
+
--pf-c-tile--after--Transition: none;
|
|
22404
|
+
--pf-c-tile--after--ScaleY: 1;
|
|
22405
|
+
--pf-c-tile--after--TranslateY: 0;
|
|
22406
|
+
--pf-c-tile__icon--MarginRight: var(--pf-global--spacer--sm);
|
|
22407
|
+
--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md);
|
|
22408
|
+
--pf-c-tile__icon--Color: var(--pf-global--Color--100);
|
|
22409
|
+
--pf-c-tile__title--Color: var(--pf-global--Color--100);
|
|
22410
|
+
--pf-c-tile__body--Color: var(--pf-global--Color--100);
|
|
22411
|
+
--pf-c-tile__body--FontSize: var(--pf-global--FontSize--xs);
|
|
22412
|
+
--pf-c-tile--hover--after--BackgroundColor: var(--pf-global--active-color--400);
|
|
22413
|
+
--pf-c-tile--hover__icon--Color: var(--pf-global--primary-color--100);
|
|
22414
|
+
--pf-c-tile--hover__title--Color: var(--pf-global--primary-color--100);
|
|
22415
|
+
--pf-c-tile--focus--after--BackgroundColor: var(--pf-global--active-color--400);
|
|
22416
|
+
--pf-c-tile--focus__icon--Color: var(--pf-global--primary-color--100);
|
|
22417
|
+
--pf-c-tile--focus__title--Color: var(--pf-global--primary-color--100);
|
|
22418
|
+
--pf-c-tile--m-selected--TranslateY: calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY) * var(--pf-c-tile--m-selected--after--Height));
|
|
22419
|
+
--pf-c-tile--m-selected--Transition: var(--pf-global--Transition);
|
|
22420
|
+
--pf-c-tile--m-selected--after--Height: var(--pf-global--BorderWidth--lg);
|
|
22421
|
+
--pf-c-tile--m-selected--after--BackgroundColor: var(--pf-global--active-color--100);
|
|
22422
|
+
--pf-c-tile--m-selected--after--Transition: var(--pf-global--Transition);
|
|
22423
|
+
--pf-c-tile--m-selected--after--ScaleY: 2;
|
|
22424
|
+
--pf-c-tile--m-selected__icon--Color: var(--pf-global--primary-color--100);
|
|
22425
|
+
--pf-c-tile--m-selected__title--Color: var(--pf-global--primary-color--100);
|
|
22426
|
+
--pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
22427
|
+
--pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--100);
|
|
22428
|
+
--pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--100);
|
|
22429
|
+
--pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--100);
|
|
22430
|
+
--pf-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-global--spacer--xs);
|
|
22431
|
+
--pf-c-tile__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--lg);
|
|
22432
|
+
--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
22433
|
+
position: relative;
|
|
22434
|
+
display: inline-grid;
|
|
22435
|
+
padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
|
|
22436
|
+
text-align: center;
|
|
22437
|
+
cursor: pointer;
|
|
22438
|
+
background-color: var(--pf-c-tile--BackgroundColor);
|
|
22439
|
+
grid-template-rows: min-content;
|
|
22440
|
+
transition: var(--pf-c-tile--Transition);
|
|
22441
|
+
transform: translateY(var(--pf-c-tile--TranslateY));
|
|
22442
|
+
}
|
|
22443
|
+
|
|
22444
|
+
.pf-c-tile::before, .pf-c-tile::after {
|
|
22445
|
+
position: absolute;
|
|
22446
|
+
pointer-events: none;
|
|
22447
|
+
content: "";
|
|
22448
|
+
}
|
|
22449
|
+
|
|
22450
|
+
.pf-c-tile::before {
|
|
22451
|
+
top: 0;
|
|
22452
|
+
right: 0;
|
|
22453
|
+
bottom: 0;
|
|
22454
|
+
left: 0;
|
|
22455
|
+
border: var(--pf-c-tile--before--BorderWidth) solid var(--pf-c-tile--before--BorderColor);
|
|
22456
|
+
}
|
|
22457
|
+
|
|
22458
|
+
.pf-c-tile::after {
|
|
22459
|
+
right: 0;
|
|
22460
|
+
bottom: 0;
|
|
22461
|
+
left: 0;
|
|
22462
|
+
height: var(--pf-c-tile--after--Height);
|
|
22463
|
+
background-color: var(--pf-c-tile--after--BackgroundColor);
|
|
22464
|
+
transition: var(--pf-c-tile--after--Transition);
|
|
22465
|
+
transform: scaleY(var(--pf-c-tile--after--ScaleY)) translateY(var(--pf-c-tile--after--TranslateY));
|
|
22466
|
+
}
|
|
22467
|
+
|
|
22468
|
+
.pf-c-tile:hover {
|
|
22469
|
+
--pf-c-tile__title--Color: var(--pf-c-tile--hover__title--Color);
|
|
22470
|
+
--pf-c-tile__icon--Color: var(--pf-c-tile--hover__icon--Color);
|
|
22471
|
+
--pf-c-tile--after--BackgroundColor: var(--pf-c-tile--hover--after--BackgroundColor);
|
|
22317
22472
|
}
|
|
22318
22473
|
|
|
22319
|
-
.pf-c-
|
|
22320
|
-
|
|
22321
|
-
--pf-c-
|
|
22474
|
+
.pf-c-tile:focus {
|
|
22475
|
+
--pf-c-tile__title--Color: var(--pf-c-tile--focus__title--Color);
|
|
22476
|
+
--pf-c-tile__icon--Color: var(--pf-c-tile--focus__icon--Color);
|
|
22477
|
+
--pf-c-tile--after--BackgroundColor: var(--pf-c-tile--focus--after--BackgroundColor);
|
|
22322
22478
|
}
|
|
22323
22479
|
|
|
22324
|
-
.pf-c-
|
|
22325
|
-
|
|
22326
|
-
--pf-c-
|
|
22480
|
+
.pf-c-tile:active, .pf-c-tile.pf-m-selected {
|
|
22481
|
+
--pf-c-tile__title--Color: var(--pf-c-tile--m-selected__title--Color);
|
|
22482
|
+
--pf-c-tile__icon--Color: var(--pf-c-tile--m-selected__icon--Color);
|
|
22483
|
+
--pf-c-tile--TranslateY: var(--pf-c-tile--m-selected--TranslateY);
|
|
22484
|
+
--pf-c-tile--Transition: var(--pf-c-tile--m-selected--Transition);
|
|
22485
|
+
--pf-c-tile--after--Height: var(--pf-c-tile--m-selected--after--Height);
|
|
22486
|
+
--pf-c-tile--after--BackgroundColor: var(--pf-c-tile--m-selected--after--BackgroundColor);
|
|
22487
|
+
--pf-c-tile--after--Transition: var(--pf-c-tile--m-selected--after--Transition);
|
|
22488
|
+
--pf-c-tile--after--ScaleY: var(--pf-c-tile--m-selected--after--ScaleY);
|
|
22327
22489
|
}
|
|
22328
22490
|
|
|
22329
|
-
.pf-c-
|
|
22330
|
-
|
|
22331
|
-
|
|
22332
|
-
|
|
22491
|
+
.pf-c-tile.pf-m-disabled {
|
|
22492
|
+
--pf-c-tile--BackgroundColor: var(--pf-c-tile--m-disabled--BackgroundColor);
|
|
22493
|
+
--pf-c-tile__title--Color: var(--pf-c-tile--m-disabled__title--Color);
|
|
22494
|
+
--pf-c-tile__body--Color: var(--pf-c-tile--m-disabled__body--Color);
|
|
22495
|
+
--pf-c-tile--before--BorderWidth: 0;
|
|
22496
|
+
--pf-c-tile__icon--Color: var(--pf-c-tile--m-disabled__icon--Color);
|
|
22497
|
+
pointer-events: none;
|
|
22333
22498
|
}
|
|
22334
22499
|
|
|
22335
|
-
.pf-c-
|
|
22336
|
-
|
|
22337
|
-
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
22500
|
+
.pf-c-tile.pf-m-display-lg .pf-c-tile__header.pf-m-stacked {
|
|
22501
|
+
--pf-c-tile__icon--FontSize: var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize);
|
|
22338
22502
|
}
|
|
22339
22503
|
|
|
22340
|
-
.pf-c-
|
|
22341
|
-
|
|
22342
|
-
|
|
22504
|
+
.pf-c-tile__header {
|
|
22505
|
+
display: flex;
|
|
22506
|
+
align-items: center;
|
|
22507
|
+
justify-content: center;
|
|
22343
22508
|
}
|
|
22344
22509
|
|
|
22345
|
-
.pf-c-
|
|
22346
|
-
|
|
22347
|
-
|
|
22510
|
+
.pf-c-tile__header.pf-m-stacked {
|
|
22511
|
+
--pf-c-tile__icon--MarginRight: 0;
|
|
22512
|
+
--pf-c-tile__icon--FontSize: var(--pf-c-tile__header--m-stacked__icon--FontSize);
|
|
22513
|
+
flex-direction: column;
|
|
22514
|
+
justify-content: initial;
|
|
22348
22515
|
}
|
|
22349
22516
|
|
|
22350
|
-
|
|
22351
|
-
|
|
22352
|
-
|
|
22353
|
-
|
|
22354
|
-
|
|
22355
|
-
}
|
|
22356
|
-
}
|
|
22357
|
-
.pf-c-content dt {
|
|
22358
|
-
font-weight: var(--pf-c-content--dt--FontWeight);
|
|
22517
|
+
.pf-c-tile__header.pf-m-stacked .pf-c-tile__icon {
|
|
22518
|
+
display: flex;
|
|
22519
|
+
align-items: center;
|
|
22520
|
+
justify-content: center;
|
|
22521
|
+
margin-bottom: var(--pf-c-tile__header--m-stacked__icon--MarginBottom);
|
|
22359
22522
|
}
|
|
22360
22523
|
|
|
22361
|
-
.pf-c-
|
|
22362
|
-
|
|
22524
|
+
.pf-c-tile__title {
|
|
22525
|
+
color: var(--pf-c-tile__title--Color);
|
|
22363
22526
|
}
|
|
22364
22527
|
|
|
22365
|
-
|
|
22366
|
-
|
|
22367
|
-
|
|
22368
|
-
}
|
|
22369
|
-
}
|
|
22370
|
-
@media screen and (min-width: 576px) {
|
|
22371
|
-
.pf-c-content dt {
|
|
22372
|
-
grid-column: 1;
|
|
22373
|
-
}
|
|
22374
|
-
}
|
|
22375
|
-
@media screen and (min-width: 576px) {
|
|
22376
|
-
.pf-c-content dd {
|
|
22377
|
-
grid-column: 2;
|
|
22378
|
-
}
|
|
22379
|
-
}
|
|
22380
|
-
.pf-m-overpass-font .pf-c-content {
|
|
22381
|
-
--pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
|
|
22382
|
-
--pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
22383
|
-
--pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
22384
|
-
--pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
22528
|
+
.pf-c-tile__body {
|
|
22529
|
+
font-size: var(--pf-c-tile__body--FontSize);
|
|
22530
|
+
color: var(--pf-c-tile__body--Color);
|
|
22385
22531
|
}
|
|
22386
22532
|
|
|
22387
|
-
.pf-
|
|
22388
|
-
|
|
22533
|
+
.pf-c-tile__icon {
|
|
22534
|
+
margin-right: var(--pf-c-tile__icon--MarginRight);
|
|
22535
|
+
font-size: var(--pf-c-tile__icon--FontSize);
|
|
22536
|
+
color: var(--pf-c-tile__icon--Color);
|
|
22389
22537
|
}
|
|
22390
22538
|
|
|
22391
22539
|
.pf-c-title {
|
|
@@ -25279,154 +25427,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25279
25427
|
box-shadow: var(--pf-c-panel__footer--BoxShadow);
|
|
25280
25428
|
}
|
|
25281
25429
|
|
|
25282
|
-
.pf-c-tile {
|
|
25283
|
-
--pf-c-tile--PaddingTop: var(--pf-global--spacer--lg);
|
|
25284
|
-
--pf-c-tile--PaddingRight: var(--pf-global--spacer--lg);
|
|
25285
|
-
--pf-c-tile--PaddingBottom: var(--pf-global--spacer--lg);
|
|
25286
|
-
--pf-c-tile--PaddingLeft: var(--pf-global--spacer--lg);
|
|
25287
|
-
--pf-c-tile--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25288
|
-
--pf-c-tile--Transition: none;
|
|
25289
|
-
--pf-c-tile--TranslateY: 0;
|
|
25290
|
-
--pf-c-tile--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
25291
|
-
--pf-c-tile--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
25292
|
-
--pf-c-tile--after--Height: var(--pf-global--BorderWidth--lg);
|
|
25293
|
-
--pf-c-tile--after--BackgroundColor: transparent;
|
|
25294
|
-
--pf-c-tile--after--Transition: none;
|
|
25295
|
-
--pf-c-tile--after--ScaleY: 1;
|
|
25296
|
-
--pf-c-tile--after--TranslateY: 0;
|
|
25297
|
-
--pf-c-tile__icon--MarginRight: var(--pf-global--spacer--sm);
|
|
25298
|
-
--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md);
|
|
25299
|
-
--pf-c-tile__icon--Color: var(--pf-global--Color--100);
|
|
25300
|
-
--pf-c-tile__title--Color: var(--pf-global--Color--100);
|
|
25301
|
-
--pf-c-tile__body--Color: var(--pf-global--Color--100);
|
|
25302
|
-
--pf-c-tile__body--FontSize: var(--pf-global--FontSize--xs);
|
|
25303
|
-
--pf-c-tile--hover--after--BackgroundColor: var(--pf-global--active-color--400);
|
|
25304
|
-
--pf-c-tile--hover__icon--Color: var(--pf-global--primary-color--100);
|
|
25305
|
-
--pf-c-tile--hover__title--Color: var(--pf-global--primary-color--100);
|
|
25306
|
-
--pf-c-tile--focus--after--BackgroundColor: var(--pf-global--active-color--400);
|
|
25307
|
-
--pf-c-tile--focus__icon--Color: var(--pf-global--primary-color--100);
|
|
25308
|
-
--pf-c-tile--focus__title--Color: var(--pf-global--primary-color--100);
|
|
25309
|
-
--pf-c-tile--m-selected--TranslateY: calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY) * var(--pf-c-tile--m-selected--after--Height));
|
|
25310
|
-
--pf-c-tile--m-selected--Transition: var(--pf-global--Transition);
|
|
25311
|
-
--pf-c-tile--m-selected--after--Height: var(--pf-global--BorderWidth--lg);
|
|
25312
|
-
--pf-c-tile--m-selected--after--BackgroundColor: var(--pf-global--active-color--100);
|
|
25313
|
-
--pf-c-tile--m-selected--after--Transition: var(--pf-global--Transition);
|
|
25314
|
-
--pf-c-tile--m-selected--after--ScaleY: 2;
|
|
25315
|
-
--pf-c-tile--m-selected__icon--Color: var(--pf-global--primary-color--100);
|
|
25316
|
-
--pf-c-tile--m-selected__title--Color: var(--pf-global--primary-color--100);
|
|
25317
|
-
--pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
25318
|
-
--pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--100);
|
|
25319
|
-
--pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--100);
|
|
25320
|
-
--pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--100);
|
|
25321
|
-
--pf-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-global--spacer--xs);
|
|
25322
|
-
--pf-c-tile__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--lg);
|
|
25323
|
-
--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
25324
|
-
position: relative;
|
|
25325
|
-
display: inline-grid;
|
|
25326
|
-
padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
|
|
25327
|
-
text-align: center;
|
|
25328
|
-
cursor: pointer;
|
|
25329
|
-
background-color: var(--pf-c-tile--BackgroundColor);
|
|
25330
|
-
grid-template-rows: min-content;
|
|
25331
|
-
transition: var(--pf-c-tile--Transition);
|
|
25332
|
-
transform: translateY(var(--pf-c-tile--TranslateY));
|
|
25333
|
-
}
|
|
25334
|
-
|
|
25335
|
-
.pf-c-tile::before, .pf-c-tile::after {
|
|
25336
|
-
position: absolute;
|
|
25337
|
-
pointer-events: none;
|
|
25338
|
-
content: "";
|
|
25339
|
-
}
|
|
25340
|
-
|
|
25341
|
-
.pf-c-tile::before {
|
|
25342
|
-
top: 0;
|
|
25343
|
-
right: 0;
|
|
25344
|
-
bottom: 0;
|
|
25345
|
-
left: 0;
|
|
25346
|
-
border: var(--pf-c-tile--before--BorderWidth) solid var(--pf-c-tile--before--BorderColor);
|
|
25347
|
-
}
|
|
25348
|
-
|
|
25349
|
-
.pf-c-tile::after {
|
|
25350
|
-
right: 0;
|
|
25351
|
-
bottom: 0;
|
|
25352
|
-
left: 0;
|
|
25353
|
-
height: var(--pf-c-tile--after--Height);
|
|
25354
|
-
background-color: var(--pf-c-tile--after--BackgroundColor);
|
|
25355
|
-
transition: var(--pf-c-tile--after--Transition);
|
|
25356
|
-
transform: scaleY(var(--pf-c-tile--after--ScaleY)) translateY(var(--pf-c-tile--after--TranslateY));
|
|
25357
|
-
}
|
|
25358
|
-
|
|
25359
|
-
.pf-c-tile:hover {
|
|
25360
|
-
--pf-c-tile__title--Color: var(--pf-c-tile--hover__title--Color);
|
|
25361
|
-
--pf-c-tile__icon--Color: var(--pf-c-tile--hover__icon--Color);
|
|
25362
|
-
--pf-c-tile--after--BackgroundColor: var(--pf-c-tile--hover--after--BackgroundColor);
|
|
25363
|
-
}
|
|
25364
|
-
|
|
25365
|
-
.pf-c-tile:focus {
|
|
25366
|
-
--pf-c-tile__title--Color: var(--pf-c-tile--focus__title--Color);
|
|
25367
|
-
--pf-c-tile__icon--Color: var(--pf-c-tile--focus__icon--Color);
|
|
25368
|
-
--pf-c-tile--after--BackgroundColor: var(--pf-c-tile--focus--after--BackgroundColor);
|
|
25369
|
-
}
|
|
25370
|
-
|
|
25371
|
-
.pf-c-tile:active, .pf-c-tile.pf-m-selected {
|
|
25372
|
-
--pf-c-tile__title--Color: var(--pf-c-tile--m-selected__title--Color);
|
|
25373
|
-
--pf-c-tile__icon--Color: var(--pf-c-tile--m-selected__icon--Color);
|
|
25374
|
-
--pf-c-tile--TranslateY: var(--pf-c-tile--m-selected--TranslateY);
|
|
25375
|
-
--pf-c-tile--Transition: var(--pf-c-tile--m-selected--Transition);
|
|
25376
|
-
--pf-c-tile--after--Height: var(--pf-c-tile--m-selected--after--Height);
|
|
25377
|
-
--pf-c-tile--after--BackgroundColor: var(--pf-c-tile--m-selected--after--BackgroundColor);
|
|
25378
|
-
--pf-c-tile--after--Transition: var(--pf-c-tile--m-selected--after--Transition);
|
|
25379
|
-
--pf-c-tile--after--ScaleY: var(--pf-c-tile--m-selected--after--ScaleY);
|
|
25380
|
-
}
|
|
25381
|
-
|
|
25382
|
-
.pf-c-tile.pf-m-disabled {
|
|
25383
|
-
--pf-c-tile--BackgroundColor: var(--pf-c-tile--m-disabled--BackgroundColor);
|
|
25384
|
-
--pf-c-tile__title--Color: var(--pf-c-tile--m-disabled__title--Color);
|
|
25385
|
-
--pf-c-tile__body--Color: var(--pf-c-tile--m-disabled__body--Color);
|
|
25386
|
-
--pf-c-tile--before--BorderWidth: 0;
|
|
25387
|
-
--pf-c-tile__icon--Color: var(--pf-c-tile--m-disabled__icon--Color);
|
|
25388
|
-
pointer-events: none;
|
|
25389
|
-
}
|
|
25390
|
-
|
|
25391
|
-
.pf-c-tile.pf-m-display-lg .pf-c-tile__header.pf-m-stacked {
|
|
25392
|
-
--pf-c-tile__icon--FontSize: var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize);
|
|
25393
|
-
}
|
|
25394
|
-
|
|
25395
|
-
.pf-c-tile__header {
|
|
25396
|
-
display: flex;
|
|
25397
|
-
align-items: center;
|
|
25398
|
-
justify-content: center;
|
|
25399
|
-
}
|
|
25400
|
-
|
|
25401
|
-
.pf-c-tile__header.pf-m-stacked {
|
|
25402
|
-
--pf-c-tile__icon--MarginRight: 0;
|
|
25403
|
-
--pf-c-tile__icon--FontSize: var(--pf-c-tile__header--m-stacked__icon--FontSize);
|
|
25404
|
-
flex-direction: column;
|
|
25405
|
-
justify-content: initial;
|
|
25406
|
-
}
|
|
25407
|
-
|
|
25408
|
-
.pf-c-tile__header.pf-m-stacked .pf-c-tile__icon {
|
|
25409
|
-
display: flex;
|
|
25410
|
-
align-items: center;
|
|
25411
|
-
justify-content: center;
|
|
25412
|
-
margin-bottom: var(--pf-c-tile__header--m-stacked__icon--MarginBottom);
|
|
25413
|
-
}
|
|
25414
|
-
|
|
25415
|
-
.pf-c-tile__title {
|
|
25416
|
-
color: var(--pf-c-tile__title--Color);
|
|
25417
|
-
}
|
|
25418
|
-
|
|
25419
|
-
.pf-c-tile__body {
|
|
25420
|
-
font-size: var(--pf-c-tile__body--FontSize);
|
|
25421
|
-
color: var(--pf-c-tile__body--Color);
|
|
25422
|
-
}
|
|
25423
|
-
|
|
25424
|
-
.pf-c-tile__icon {
|
|
25425
|
-
margin-right: var(--pf-c-tile__icon--MarginRight);
|
|
25426
|
-
font-size: var(--pf-c-tile__icon--FontSize);
|
|
25427
|
-
color: var(--pf-c-tile__icon--Color);
|
|
25428
|
-
}
|
|
25429
|
-
|
|
25430
25430
|
.pf-l-flex {
|
|
25431
25431
|
--pf-l-flex--Display: flex;
|
|
25432
25432
|
--pf-l-flex--FlexWrap: wrap;
|