@patternfly/react-core 4.235.5 → 4.235.6

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.
@@ -1288,90 +1288,6 @@ textarea.pf-c-form-control {
1288
1288
  display: none !important;
1289
1289
  }
1290
1290
  }
1291
- .pf-c-back-to-top {
1292
- --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
1293
- --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
1294
- --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
1295
- --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
1296
- --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
1297
- --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
1298
- --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
1299
- --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
1300
- --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
1301
- --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
1302
- position: absolute;
1303
- right: var(--pf-c-back-to-top--Right);
1304
- bottom: var(--pf-c-back-to-top--Bottom);
1305
- }
1306
-
1307
- @media (min-width: 768px) {
1308
- .pf-c-back-to-top {
1309
- --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
1310
- }
1311
- }
1312
- .pf-c-back-to-top.pf-m-hidden {
1313
- display: none;
1314
- }
1315
-
1316
- .pf-c-back-to-top .pf-c-button {
1317
- --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
1318
- --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
1319
- --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
1320
- --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
1321
- --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
1322
- --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
1323
- box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1324
- }
1325
-
1326
- .pf-c-background-image {
1327
- --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1328
- --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
1329
- --pf-c-background-image--BackgroundImage-2x: url("../../assets/images/pfbg_576@2x.jpg");
1330
- --pf-c-background-image--BackgroundImage--sm: url("../../assets/images/pfbg_768.jpg");
1331
- --pf-c-background-image--BackgroundImage--sm-2x: url("../../assets/images/pfbg_768@2x.jpg");
1332
- --pf-c-background-image--BackgroundImage--lg: url("../../assets/images/pfbg_2000.jpg");
1333
- --pf-c-background-image--Filter: url("#image_overlay");
1334
- }
1335
-
1336
- .pf-c-background-image::before {
1337
- position: fixed;
1338
- top: 0;
1339
- left: 0;
1340
- z-index: -1;
1341
- width: 100%;
1342
- height: 100%;
1343
- content: "";
1344
- background-color: var(--pf-c-background-image--BackgroundColor);
1345
- background-image: var(--pf-c-background-image--BackgroundImage);
1346
- filter: var(--pf-c-background-image--Filter);
1347
- background-repeat: no-repeat;
1348
- background-size: cover;
1349
- }
1350
-
1351
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
1352
- .pf-c-background-image::before {
1353
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x);
1354
- }
1355
- }
1356
- @media (min-width: 576px) {
1357
- .pf-c-background-image::before {
1358
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm);
1359
- }
1360
- }
1361
- @media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) {
1362
- .pf-c-background-image::before {
1363
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x);
1364
- }
1365
- }
1366
- @media (min-width: 992px) {
1367
- .pf-c-background-image::before {
1368
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg);
1369
- }
1370
- }
1371
- .pf-c-background-image__filter {
1372
- display: block;
1373
- }
1374
-
1375
1291
  .pf-c-avatar {
1376
1292
  --pf-c-avatar--BorderColor: transparent;
1377
1293
  --pf-c-avatar--BorderWidth: 0;
@@ -1626,6 +1542,90 @@ textarea.pf-c-form-control {
1626
1542
  --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
1627
1543
  }
1628
1544
  }
1545
+ .pf-c-back-to-top {
1546
+ --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
1547
+ --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
1548
+ --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
1549
+ --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
1550
+ --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
1551
+ --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
1552
+ --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
1553
+ --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
1554
+ --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
1555
+ --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
1556
+ position: absolute;
1557
+ right: var(--pf-c-back-to-top--Right);
1558
+ bottom: var(--pf-c-back-to-top--Bottom);
1559
+ }
1560
+
1561
+ @media (min-width: 768px) {
1562
+ .pf-c-back-to-top {
1563
+ --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
1564
+ }
1565
+ }
1566
+ .pf-c-back-to-top.pf-m-hidden {
1567
+ display: none;
1568
+ }
1569
+
1570
+ .pf-c-back-to-top .pf-c-button {
1571
+ --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
1572
+ --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
1573
+ --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
1574
+ --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
1575
+ --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
1576
+ --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
1577
+ box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1578
+ }
1579
+
1580
+ .pf-c-background-image {
1581
+ --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1582
+ --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
1583
+ --pf-c-background-image--BackgroundImage-2x: url("../../assets/images/pfbg_576@2x.jpg");
1584
+ --pf-c-background-image--BackgroundImage--sm: url("../../assets/images/pfbg_768.jpg");
1585
+ --pf-c-background-image--BackgroundImage--sm-2x: url("../../assets/images/pfbg_768@2x.jpg");
1586
+ --pf-c-background-image--BackgroundImage--lg: url("../../assets/images/pfbg_2000.jpg");
1587
+ --pf-c-background-image--Filter: url("#image_overlay");
1588
+ }
1589
+
1590
+ .pf-c-background-image::before {
1591
+ position: fixed;
1592
+ top: 0;
1593
+ left: 0;
1594
+ z-index: -1;
1595
+ width: 100%;
1596
+ height: 100%;
1597
+ content: "";
1598
+ background-color: var(--pf-c-background-image--BackgroundColor);
1599
+ background-image: var(--pf-c-background-image--BackgroundImage);
1600
+ filter: var(--pf-c-background-image--Filter);
1601
+ background-repeat: no-repeat;
1602
+ background-size: cover;
1603
+ }
1604
+
1605
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
1606
+ .pf-c-background-image::before {
1607
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x);
1608
+ }
1609
+ }
1610
+ @media (min-width: 576px) {
1611
+ .pf-c-background-image::before {
1612
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm);
1613
+ }
1614
+ }
1615
+ @media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) {
1616
+ .pf-c-background-image::before {
1617
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x);
1618
+ }
1619
+ }
1620
+ @media (min-width: 992px) {
1621
+ .pf-c-background-image::before {
1622
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg);
1623
+ }
1624
+ }
1625
+ .pf-c-background-image__filter {
1626
+ display: block;
1627
+ }
1628
+
1629
1629
  .pf-c-badge {
1630
1630
  --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
1631
1631
  --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
@@ -9510,327 +9510,6 @@ label.pf-c-input-group__text {
9510
9510
  --pf-c-input-group__text--BackgroundColor: transparent;
9511
9511
  }
9512
9512
 
9513
- .pf-c-jump-links {
9514
- --pf-c-jump-links__list--Display: flex;
9515
- --pf-c-jump-links__list--Visibility: visible;
9516
- --pf-c-jump-links__list--PaddingTop: 0;
9517
- --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
9518
- --pf-c-jump-links__list--PaddingBottom: 0;
9519
- --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
9520
- --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
9521
- --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
9522
- --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
9523
- --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
9524
- --pf-c-jump-links__list--FlexDirection: row;
9525
- --pf-c-jump-links--m-vertical__list--FlexDirection: column;
9526
- --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
9527
- --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9528
- --pf-c-jump-links__list--before--BorderRightWidth: 0;
9529
- --pf-c-jump-links__list--before--BorderBottomWidth: 0;
9530
- --pf-c-jump-links__list--before--BorderLeftWidth: 0;
9531
- --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
9532
- --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
9533
- --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
9534
- --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
9535
- --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
9536
- --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
9537
- --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
9538
- --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
9539
- --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
9540
- --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
9541
- --pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
9542
- --pf-c-jump-links__link--before--BorderTopWidth: 0;
9543
- --pf-c-jump-links__link--before--BorderRightWidth: 0;
9544
- --pf-c-jump-links__link--before--BorderBottomWidth: 0;
9545
- --pf-c-jump-links__link--before--BorderLeftWidth: 0;
9546
- --pf-c-jump-links__link--before--BorderColor: transparent;
9547
- --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
9548
- --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
9549
- --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
9550
- --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
9551
- --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
9552
- --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
9553
- --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
9554
- --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
9555
- --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
9556
- --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
9557
- --pf-c-jump-links__label--Display: block;
9558
- --pf-c-jump-links__label--Visibility: visible;
9559
- --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
9560
- --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
9561
- --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
9562
- --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
9563
- --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
9564
- --pf-c-jump-links__toggle--Display: none;
9565
- --pf-c-jump-links__toggle--Visibility: hidden;
9566
- --pf-c-jump-links__toggle-icon--Color: currentcolor;
9567
- --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
9568
- --pf-c-jump-links__toggle-icon--Rotate: 0;
9569
- --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
9570
- --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
9571
- --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
9572
- --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
9573
- display: flex;
9574
- }
9575
-
9576
- .pf-c-jump-links.pf-m-center {
9577
- justify-content: center;
9578
- }
9579
-
9580
- .pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
9581
- align-items: center;
9582
- }
9583
-
9584
- .pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
9585
- --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
9586
- --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
9587
- --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
9588
- --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
9589
- --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
9590
- --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
9591
- --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
9592
- --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
9593
- --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
9594
- flex-direction: column;
9595
- }
9596
-
9597
- .pf-c-jump-links.pf-m-expandable {
9598
- --pf-c-jump-links__list--Display: none;
9599
- --pf-c-jump-links__list--Visibility: hidden;
9600
- --pf-c-jump-links__toggle--Display: block;
9601
- --pf-c-jump-links__toggle--Visibility: visible;
9602
- --pf-c-jump-links__label--Display: none;
9603
- --pf-c-jump-links__label--Visibility: hidden;
9604
- }
9605
-
9606
- .pf-c-jump-links.pf-m-non-expandable {
9607
- --pf-c-jump-links__list--Display: flex;
9608
- --pf-c-jump-links__list--Visibility: visible;
9609
- --pf-c-jump-links__toggle--Display: none;
9610
- --pf-c-jump-links__toggle--Visibility: hidden;
9611
- --pf-c-jump-links__label--Display: block;
9612
- --pf-c-jump-links__label--Visibility: visible;
9613
- }
9614
-
9615
- @media (min-width: 576px) {
9616
- .pf-c-jump-links.pf-m-expandable-on-sm {
9617
- --pf-c-jump-links__list--Display: none;
9618
- --pf-c-jump-links__list--Visibility: hidden;
9619
- --pf-c-jump-links__toggle--Display: block;
9620
- --pf-c-jump-links__toggle--Visibility: visible;
9621
- --pf-c-jump-links__label--Display: none;
9622
- --pf-c-jump-links__label--Visibility: hidden;
9623
- }
9624
-
9625
- .pf-c-jump-links.pf-m-non-expandable-on-sm {
9626
- --pf-c-jump-links__list--Display: flex;
9627
- --pf-c-jump-links__list--Visibility: visible;
9628
- --pf-c-jump-links__toggle--Display: none;
9629
- --pf-c-jump-links__toggle--Visibility: hidden;
9630
- --pf-c-jump-links__label--Display: block;
9631
- --pf-c-jump-links__label--Visibility: visible;
9632
- }
9633
- }
9634
- @media (min-width: 768px) {
9635
- .pf-c-jump-links.pf-m-expandable-on-md {
9636
- --pf-c-jump-links__list--Display: none;
9637
- --pf-c-jump-links__list--Visibility: hidden;
9638
- --pf-c-jump-links__toggle--Display: block;
9639
- --pf-c-jump-links__toggle--Visibility: visible;
9640
- --pf-c-jump-links__label--Display: none;
9641
- --pf-c-jump-links__label--Visibility: hidden;
9642
- }
9643
-
9644
- .pf-c-jump-links.pf-m-non-expandable-on-md {
9645
- --pf-c-jump-links__list--Display: flex;
9646
- --pf-c-jump-links__list--Visibility: visible;
9647
- --pf-c-jump-links__toggle--Display: none;
9648
- --pf-c-jump-links__toggle--Visibility: hidden;
9649
- --pf-c-jump-links__label--Display: block;
9650
- --pf-c-jump-links__label--Visibility: visible;
9651
- }
9652
- }
9653
- @media (min-width: 992px) {
9654
- .pf-c-jump-links.pf-m-expandable-on-lg {
9655
- --pf-c-jump-links__list--Display: none;
9656
- --pf-c-jump-links__list--Visibility: hidden;
9657
- --pf-c-jump-links__toggle--Display: block;
9658
- --pf-c-jump-links__toggle--Visibility: visible;
9659
- --pf-c-jump-links__label--Display: none;
9660
- --pf-c-jump-links__label--Visibility: hidden;
9661
- }
9662
-
9663
- .pf-c-jump-links.pf-m-non-expandable-on-lg {
9664
- --pf-c-jump-links__list--Display: flex;
9665
- --pf-c-jump-links__list--Visibility: visible;
9666
- --pf-c-jump-links__toggle--Display: none;
9667
- --pf-c-jump-links__toggle--Visibility: hidden;
9668
- --pf-c-jump-links__label--Display: block;
9669
- --pf-c-jump-links__label--Visibility: visible;
9670
- }
9671
- }
9672
- @media (min-width: 1200px) {
9673
- .pf-c-jump-links.pf-m-expandable-on-xl {
9674
- --pf-c-jump-links__list--Display: none;
9675
- --pf-c-jump-links__list--Visibility: hidden;
9676
- --pf-c-jump-links__toggle--Display: block;
9677
- --pf-c-jump-links__toggle--Visibility: visible;
9678
- --pf-c-jump-links__label--Display: none;
9679
- --pf-c-jump-links__label--Visibility: hidden;
9680
- }
9681
-
9682
- .pf-c-jump-links.pf-m-non-expandable-on-xl {
9683
- --pf-c-jump-links__list--Display: flex;
9684
- --pf-c-jump-links__list--Visibility: visible;
9685
- --pf-c-jump-links__toggle--Display: none;
9686
- --pf-c-jump-links__toggle--Visibility: hidden;
9687
- --pf-c-jump-links__label--Display: block;
9688
- --pf-c-jump-links__label--Visibility: visible;
9689
- }
9690
- }
9691
- @media (min-width: 1450px) {
9692
- .pf-c-jump-links.pf-m-expandable-on-2xl {
9693
- --pf-c-jump-links__list--Display: none;
9694
- --pf-c-jump-links__list--Visibility: hidden;
9695
- --pf-c-jump-links__toggle--Display: block;
9696
- --pf-c-jump-links__toggle--Visibility: visible;
9697
- --pf-c-jump-links__label--Display: none;
9698
- --pf-c-jump-links__label--Visibility: hidden;
9699
- }
9700
-
9701
- .pf-c-jump-links.pf-m-non-expandable-on-2xl {
9702
- --pf-c-jump-links__list--Display: flex;
9703
- --pf-c-jump-links__list--Visibility: visible;
9704
- --pf-c-jump-links__toggle--Display: none;
9705
- --pf-c-jump-links__toggle--Visibility: hidden;
9706
- --pf-c-jump-links__label--Display: block;
9707
- --pf-c-jump-links__label--Visibility: visible;
9708
- }
9709
- }
9710
- .pf-c-jump-links.pf-m-expanded {
9711
- --pf-c-jump-links__list--Display: flex;
9712
- --pf-c-jump-links__list--Visibility: visible;
9713
- --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
9714
- --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
9715
- --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
9716
- }
9717
-
9718
- .pf-c-jump-links__list {
9719
- position: relative;
9720
- display: var(--pf-c-jump-links__list--Display);
9721
- flex-direction: var(--pf-c-jump-links__list--FlexDirection);
9722
- padding-top: var(--pf-c-jump-links__list--PaddingTop);
9723
- padding-right: var(--pf-c-jump-links__list--PaddingRight);
9724
- padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
9725
- padding-left: var(--pf-c-jump-links__list--PaddingLeft);
9726
- visibility: var(--pf-c-jump-links__list--Visibility);
9727
- }
9728
-
9729
- .pf-c-jump-links__list::before {
9730
- position: absolute;
9731
- top: 0;
9732
- right: 0;
9733
- bottom: 0;
9734
- left: 0;
9735
- pointer-events: none;
9736
- content: "";
9737
- border: solid var(--pf-c-jump-links__list--before--BorderColor);
9738
- border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
9739
- }
9740
-
9741
- .pf-c-jump-links__list .pf-c-jump-links__list {
9742
- --pf-c-jump-links__list--PaddingTop: 0;
9743
- --pf-c-jump-links__list--PaddingBottom: 0;
9744
- --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
9745
- --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
9746
- --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
9747
- margin-top: var(--pf-c-jump-links__list__list--MarginTop);
9748
- }
9749
-
9750
- .pf-c-jump-links__link {
9751
- position: relative;
9752
- display: flex;
9753
- flex: 1;
9754
- padding-top: var(--pf-c-jump-links__link--PaddingTop);
9755
- padding-right: var(--pf-c-jump-links__link--PaddingRight);
9756
- padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
9757
- padding-left: var(--pf-c-jump-links__link--PaddingLeft);
9758
- text-decoration: none;
9759
- outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
9760
- }
9761
-
9762
- .pf-c-jump-links__link:hover {
9763
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
9764
- }
9765
-
9766
- .pf-c-jump-links__link:focus {
9767
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
9768
- }
9769
-
9770
- .pf-c-jump-links__link::before {
9771
- position: absolute;
9772
- top: 0;
9773
- right: 0;
9774
- bottom: 0;
9775
- left: 0;
9776
- pointer-events: none;
9777
- content: "";
9778
- border-color: var(--pf-c-jump-links__link--before--BorderColor);
9779
- border-style: solid;
9780
- border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
9781
- }
9782
-
9783
- .pf-c-jump-links__item {
9784
- --pf-c-jump-links__list--before--BorderColor: transparent;
9785
- }
9786
-
9787
- .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
9788
- --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
9789
- --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
9790
- --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
9791
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
9792
- }
9793
-
9794
- .pf-c-jump-links__link-text {
9795
- color: var(--pf-c-jump-links__link-text--Color);
9796
- }
9797
-
9798
- .pf-c-jump-links__label {
9799
- display: var(--pf-c-jump-links__label--Display);
9800
- margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
9801
- visibility: var(--pf-c-jump-links__label--Visibility);
9802
- }
9803
-
9804
- .pf-c-jump-links__main {
9805
- display: flex;
9806
- flex-direction: column;
9807
- }
9808
-
9809
- .pf-c-jump-links__toggle {
9810
- display: var(--pf-c-jump-links__toggle--Display);
9811
- margin-top: var(--pf-c-jump-links__toggle--MarginTop);
9812
- margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
9813
- margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
9814
- visibility: var(--pf-c-jump-links__toggle--Visibility);
9815
- }
9816
-
9817
- .pf-c-jump-links__toggle .pf-c-button {
9818
- display: flex;
9819
- align-items: center;
9820
- }
9821
-
9822
- .pf-c-jump-links__toggle-icon {
9823
- display: inline-block;
9824
- color: var(--pf-c-jump-links__toggle-icon--Color);
9825
- transition: var(--pf-c-jump-links__toggle-icon--Transition);
9826
- transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
9827
- }
9828
-
9829
- .pf-c-jump-links__toggle-text {
9830
- margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
9831
- color: var(--pf-c-jump-links__toggle-text--Color);
9832
- }
9833
-
9834
9513
  .pf-c-sidebar {
9835
9514
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
9836
9515
  --pf-c-sidebar__main--FlexDirection: column;
@@ -10154,6 +9833,327 @@ label.pf-c-input-group__text {
10154
9833
  --pf-c-sidebar__panel--FlexBasis: 100%;
10155
9834
  }
10156
9835
  }
9836
+ .pf-c-jump-links {
9837
+ --pf-c-jump-links__list--Display: flex;
9838
+ --pf-c-jump-links__list--Visibility: visible;
9839
+ --pf-c-jump-links__list--PaddingTop: 0;
9840
+ --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
9841
+ --pf-c-jump-links__list--PaddingBottom: 0;
9842
+ --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
9843
+ --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
9844
+ --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
9845
+ --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
9846
+ --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
9847
+ --pf-c-jump-links__list--FlexDirection: row;
9848
+ --pf-c-jump-links--m-vertical__list--FlexDirection: column;
9849
+ --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
9850
+ --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9851
+ --pf-c-jump-links__list--before--BorderRightWidth: 0;
9852
+ --pf-c-jump-links__list--before--BorderBottomWidth: 0;
9853
+ --pf-c-jump-links__list--before--BorderLeftWidth: 0;
9854
+ --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
9855
+ --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
9856
+ --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
9857
+ --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
9858
+ --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
9859
+ --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
9860
+ --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
9861
+ --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
9862
+ --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
9863
+ --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
9864
+ --pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
9865
+ --pf-c-jump-links__link--before--BorderTopWidth: 0;
9866
+ --pf-c-jump-links__link--before--BorderRightWidth: 0;
9867
+ --pf-c-jump-links__link--before--BorderBottomWidth: 0;
9868
+ --pf-c-jump-links__link--before--BorderLeftWidth: 0;
9869
+ --pf-c-jump-links__link--before--BorderColor: transparent;
9870
+ --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
9871
+ --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
9872
+ --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
9873
+ --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
9874
+ --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
9875
+ --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
9876
+ --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
9877
+ --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
9878
+ --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
9879
+ --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
9880
+ --pf-c-jump-links__label--Display: block;
9881
+ --pf-c-jump-links__label--Visibility: visible;
9882
+ --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
9883
+ --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
9884
+ --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
9885
+ --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
9886
+ --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
9887
+ --pf-c-jump-links__toggle--Display: none;
9888
+ --pf-c-jump-links__toggle--Visibility: hidden;
9889
+ --pf-c-jump-links__toggle-icon--Color: currentcolor;
9890
+ --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
9891
+ --pf-c-jump-links__toggle-icon--Rotate: 0;
9892
+ --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
9893
+ --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
9894
+ --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
9895
+ --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
9896
+ display: flex;
9897
+ }
9898
+
9899
+ .pf-c-jump-links.pf-m-center {
9900
+ justify-content: center;
9901
+ }
9902
+
9903
+ .pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
9904
+ align-items: center;
9905
+ }
9906
+
9907
+ .pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
9908
+ --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
9909
+ --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
9910
+ --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
9911
+ --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
9912
+ --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
9913
+ --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
9914
+ --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
9915
+ --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
9916
+ --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
9917
+ flex-direction: column;
9918
+ }
9919
+
9920
+ .pf-c-jump-links.pf-m-expandable {
9921
+ --pf-c-jump-links__list--Display: none;
9922
+ --pf-c-jump-links__list--Visibility: hidden;
9923
+ --pf-c-jump-links__toggle--Display: block;
9924
+ --pf-c-jump-links__toggle--Visibility: visible;
9925
+ --pf-c-jump-links__label--Display: none;
9926
+ --pf-c-jump-links__label--Visibility: hidden;
9927
+ }
9928
+
9929
+ .pf-c-jump-links.pf-m-non-expandable {
9930
+ --pf-c-jump-links__list--Display: flex;
9931
+ --pf-c-jump-links__list--Visibility: visible;
9932
+ --pf-c-jump-links__toggle--Display: none;
9933
+ --pf-c-jump-links__toggle--Visibility: hidden;
9934
+ --pf-c-jump-links__label--Display: block;
9935
+ --pf-c-jump-links__label--Visibility: visible;
9936
+ }
9937
+
9938
+ @media (min-width: 576px) {
9939
+ .pf-c-jump-links.pf-m-expandable-on-sm {
9940
+ --pf-c-jump-links__list--Display: none;
9941
+ --pf-c-jump-links__list--Visibility: hidden;
9942
+ --pf-c-jump-links__toggle--Display: block;
9943
+ --pf-c-jump-links__toggle--Visibility: visible;
9944
+ --pf-c-jump-links__label--Display: none;
9945
+ --pf-c-jump-links__label--Visibility: hidden;
9946
+ }
9947
+
9948
+ .pf-c-jump-links.pf-m-non-expandable-on-sm {
9949
+ --pf-c-jump-links__list--Display: flex;
9950
+ --pf-c-jump-links__list--Visibility: visible;
9951
+ --pf-c-jump-links__toggle--Display: none;
9952
+ --pf-c-jump-links__toggle--Visibility: hidden;
9953
+ --pf-c-jump-links__label--Display: block;
9954
+ --pf-c-jump-links__label--Visibility: visible;
9955
+ }
9956
+ }
9957
+ @media (min-width: 768px) {
9958
+ .pf-c-jump-links.pf-m-expandable-on-md {
9959
+ --pf-c-jump-links__list--Display: none;
9960
+ --pf-c-jump-links__list--Visibility: hidden;
9961
+ --pf-c-jump-links__toggle--Display: block;
9962
+ --pf-c-jump-links__toggle--Visibility: visible;
9963
+ --pf-c-jump-links__label--Display: none;
9964
+ --pf-c-jump-links__label--Visibility: hidden;
9965
+ }
9966
+
9967
+ .pf-c-jump-links.pf-m-non-expandable-on-md {
9968
+ --pf-c-jump-links__list--Display: flex;
9969
+ --pf-c-jump-links__list--Visibility: visible;
9970
+ --pf-c-jump-links__toggle--Display: none;
9971
+ --pf-c-jump-links__toggle--Visibility: hidden;
9972
+ --pf-c-jump-links__label--Display: block;
9973
+ --pf-c-jump-links__label--Visibility: visible;
9974
+ }
9975
+ }
9976
+ @media (min-width: 992px) {
9977
+ .pf-c-jump-links.pf-m-expandable-on-lg {
9978
+ --pf-c-jump-links__list--Display: none;
9979
+ --pf-c-jump-links__list--Visibility: hidden;
9980
+ --pf-c-jump-links__toggle--Display: block;
9981
+ --pf-c-jump-links__toggle--Visibility: visible;
9982
+ --pf-c-jump-links__label--Display: none;
9983
+ --pf-c-jump-links__label--Visibility: hidden;
9984
+ }
9985
+
9986
+ .pf-c-jump-links.pf-m-non-expandable-on-lg {
9987
+ --pf-c-jump-links__list--Display: flex;
9988
+ --pf-c-jump-links__list--Visibility: visible;
9989
+ --pf-c-jump-links__toggle--Display: none;
9990
+ --pf-c-jump-links__toggle--Visibility: hidden;
9991
+ --pf-c-jump-links__label--Display: block;
9992
+ --pf-c-jump-links__label--Visibility: visible;
9993
+ }
9994
+ }
9995
+ @media (min-width: 1200px) {
9996
+ .pf-c-jump-links.pf-m-expandable-on-xl {
9997
+ --pf-c-jump-links__list--Display: none;
9998
+ --pf-c-jump-links__list--Visibility: hidden;
9999
+ --pf-c-jump-links__toggle--Display: block;
10000
+ --pf-c-jump-links__toggle--Visibility: visible;
10001
+ --pf-c-jump-links__label--Display: none;
10002
+ --pf-c-jump-links__label--Visibility: hidden;
10003
+ }
10004
+
10005
+ .pf-c-jump-links.pf-m-non-expandable-on-xl {
10006
+ --pf-c-jump-links__list--Display: flex;
10007
+ --pf-c-jump-links__list--Visibility: visible;
10008
+ --pf-c-jump-links__toggle--Display: none;
10009
+ --pf-c-jump-links__toggle--Visibility: hidden;
10010
+ --pf-c-jump-links__label--Display: block;
10011
+ --pf-c-jump-links__label--Visibility: visible;
10012
+ }
10013
+ }
10014
+ @media (min-width: 1450px) {
10015
+ .pf-c-jump-links.pf-m-expandable-on-2xl {
10016
+ --pf-c-jump-links__list--Display: none;
10017
+ --pf-c-jump-links__list--Visibility: hidden;
10018
+ --pf-c-jump-links__toggle--Display: block;
10019
+ --pf-c-jump-links__toggle--Visibility: visible;
10020
+ --pf-c-jump-links__label--Display: none;
10021
+ --pf-c-jump-links__label--Visibility: hidden;
10022
+ }
10023
+
10024
+ .pf-c-jump-links.pf-m-non-expandable-on-2xl {
10025
+ --pf-c-jump-links__list--Display: flex;
10026
+ --pf-c-jump-links__list--Visibility: visible;
10027
+ --pf-c-jump-links__toggle--Display: none;
10028
+ --pf-c-jump-links__toggle--Visibility: hidden;
10029
+ --pf-c-jump-links__label--Display: block;
10030
+ --pf-c-jump-links__label--Visibility: visible;
10031
+ }
10032
+ }
10033
+ .pf-c-jump-links.pf-m-expanded {
10034
+ --pf-c-jump-links__list--Display: flex;
10035
+ --pf-c-jump-links__list--Visibility: visible;
10036
+ --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
10037
+ --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
10038
+ --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
10039
+ }
10040
+
10041
+ .pf-c-jump-links__list {
10042
+ position: relative;
10043
+ display: var(--pf-c-jump-links__list--Display);
10044
+ flex-direction: var(--pf-c-jump-links__list--FlexDirection);
10045
+ padding-top: var(--pf-c-jump-links__list--PaddingTop);
10046
+ padding-right: var(--pf-c-jump-links__list--PaddingRight);
10047
+ padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
10048
+ padding-left: var(--pf-c-jump-links__list--PaddingLeft);
10049
+ visibility: var(--pf-c-jump-links__list--Visibility);
10050
+ }
10051
+
10052
+ .pf-c-jump-links__list::before {
10053
+ position: absolute;
10054
+ top: 0;
10055
+ right: 0;
10056
+ bottom: 0;
10057
+ left: 0;
10058
+ pointer-events: none;
10059
+ content: "";
10060
+ border: solid var(--pf-c-jump-links__list--before--BorderColor);
10061
+ border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
10062
+ }
10063
+
10064
+ .pf-c-jump-links__list .pf-c-jump-links__list {
10065
+ --pf-c-jump-links__list--PaddingTop: 0;
10066
+ --pf-c-jump-links__list--PaddingBottom: 0;
10067
+ --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
10068
+ --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
10069
+ --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
10070
+ margin-top: var(--pf-c-jump-links__list__list--MarginTop);
10071
+ }
10072
+
10073
+ .pf-c-jump-links__link {
10074
+ position: relative;
10075
+ display: flex;
10076
+ flex: 1;
10077
+ padding-top: var(--pf-c-jump-links__link--PaddingTop);
10078
+ padding-right: var(--pf-c-jump-links__link--PaddingRight);
10079
+ padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
10080
+ padding-left: var(--pf-c-jump-links__link--PaddingLeft);
10081
+ text-decoration: none;
10082
+ outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
10083
+ }
10084
+
10085
+ .pf-c-jump-links__link:hover {
10086
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
10087
+ }
10088
+
10089
+ .pf-c-jump-links__link:focus {
10090
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
10091
+ }
10092
+
10093
+ .pf-c-jump-links__link::before {
10094
+ position: absolute;
10095
+ top: 0;
10096
+ right: 0;
10097
+ bottom: 0;
10098
+ left: 0;
10099
+ pointer-events: none;
10100
+ content: "";
10101
+ border-color: var(--pf-c-jump-links__link--before--BorderColor);
10102
+ border-style: solid;
10103
+ border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
10104
+ }
10105
+
10106
+ .pf-c-jump-links__item {
10107
+ --pf-c-jump-links__list--before--BorderColor: transparent;
10108
+ }
10109
+
10110
+ .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
10111
+ --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
10112
+ --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
10113
+ --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
10114
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
10115
+ }
10116
+
10117
+ .pf-c-jump-links__link-text {
10118
+ color: var(--pf-c-jump-links__link-text--Color);
10119
+ }
10120
+
10121
+ .pf-c-jump-links__label {
10122
+ display: var(--pf-c-jump-links__label--Display);
10123
+ margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
10124
+ visibility: var(--pf-c-jump-links__label--Visibility);
10125
+ }
10126
+
10127
+ .pf-c-jump-links__main {
10128
+ display: flex;
10129
+ flex-direction: column;
10130
+ }
10131
+
10132
+ .pf-c-jump-links__toggle {
10133
+ display: var(--pf-c-jump-links__toggle--Display);
10134
+ margin-top: var(--pf-c-jump-links__toggle--MarginTop);
10135
+ margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
10136
+ margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
10137
+ visibility: var(--pf-c-jump-links__toggle--Visibility);
10138
+ }
10139
+
10140
+ .pf-c-jump-links__toggle .pf-c-button {
10141
+ display: flex;
10142
+ align-items: center;
10143
+ }
10144
+
10145
+ .pf-c-jump-links__toggle-icon {
10146
+ display: inline-block;
10147
+ color: var(--pf-c-jump-links__toggle-icon--Color);
10148
+ transition: var(--pf-c-jump-links__toggle-icon--Transition);
10149
+ transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
10150
+ }
10151
+
10152
+ .pf-c-jump-links__toggle-text {
10153
+ margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
10154
+ color: var(--pf-c-jump-links__toggle-text--Color);
10155
+ }
10156
+
10157
10157
  .pf-c-label {
10158
10158
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10159
10159
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);