@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.
- package/CHANGELOG.md +11 -0
- package/dist/esm/components/NumberInput/NumberInput.js +1 -1
- package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.js +1 -1
- package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/umd/react-core.min.css +405 -405
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/NumberInput/NumberInput.tsx +1 -1
- package/src/components/NumberInput/__tests__/NumberInput.test.tsx +34 -15
|
@@ -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);
|