Examples
Documentation
Overview
Accessibility
Attribute | Applied to | Outcome |
|---|---|---|
aria-label | .pf-v5-c-jump-links | Provides an accessible name for the jump links. |
Usage
Class | Applied to | Outcome |
|---|---|---|
.pf-v5-c-jump-links | <div> | Initiates the jump links container. |
.pf-v5-c-jump-links__header | <div> | Initiates the jump links header. |
.pf-v5-c-jump-links__toggle | <div> | Initiates the jump links expandable toggle. |
.pf-v5-c-jump-links__toggle-text | <span> | Initiates the jump links expandable toggle text. |
.pf-v5-c-jump-links__toggle-icon | <span> | Initiates the jump links expandable toggle icon. |
.pf-v5-c-jump-links__label | <div> | Initiates the jump links label. |
.pf-v5-c-jump-links__main | <div> | Initiates the jump links main container for when a label and list is used in the horizontal variation. |
.pf-v5-c-jump-links__list | <ul> | Initiates the jump links list. |
.pf-v5-c-jump-links__item | <li> | Initiates the jump links list item. |
.pf-v5-c-jump-links__link | <button> | Initiates the jump links link. |
.pf-v5-c-jump-links__link-text | <div> | Initiates the jump links link text. |
.pf-m-vertical | .pf-v5-c-jump-links | Modifies the jump links component to be vertical. |
.pf-m-center | .pf-v5-c-jump-links | Modifies the jump links component to center its list and label. |
.pf-m-expandable{-on-[breakpoint]} | .pf-v5-c-jump-links | Modifies the jump links component to be expandable via a toggle at optional breakpoint. Note: works with vertical jump links only. |
.pf-m-non-expandable{-on-[breakpoint]} | .pf-v5-c-jump-links | Modifies the jump links component to be non-expandable at optional breakpoint. |
.pf-m-expanded | .pf-v5-c-jump-links | Modifies the expandable jump links component for the expanded state. |
.pf-m-current | .pf-v5-c-jump-links__item | Modifies the jump links item to be current. |
CSS variables
| Expand or collapse column | Selector | Variable | Value | |
|---|---|---|---|---|
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--Display | flex | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--PaddingTop | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--PaddingRight | 1rem | ||
--pf-v5-c-jump-links__list--PaddingRight --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--PaddingBottom | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--PaddingLeft | 1rem | ||
--pf-v5-c-jump-links__list--PaddingLeft --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--PaddingTop | 1rem | ||
--pf-v5-c-jump-links--m-vertical__list--PaddingTop --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--PaddingRight | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--PaddingBottom | 1rem | ||
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--PaddingLeft | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--FlexDirection | row | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--FlexDirection | column | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--before--BorderColor | #d2d2d2 | ||
--pf-v5-c-jump-links__list--before--BorderColor --pf-v5-global--BorderColor--100 $pf-v5-global--BorderColor--100 $pf-v5-color-black-300 #d2d2d2 | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--before--BorderTopWidth | 1px | ||
--pf-v5-c-jump-links__list--before--BorderTopWidth --pf-v5-global--BorderWidth--sm $pf-v5-global--BorderWidth--sm 1px | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--before--BorderRightWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--before--BorderBottomWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list--before--BorderLeftWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth | 1px | ||
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth --pf-v5-global--BorderWidth--sm $pf-v5-global--BorderWidth--sm 1px | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list__list--MarginTop | calc(0.5rem * -1) | ||
--pf-v5-c-jump-links__list__list--MarginTop calc(--pf-v5-global--spacer--sm * -1) calc($pf-v5-global--spacer--sm * -1) calc(pf-size-prem(8px) * -1) calc(0.5rem * -1) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--PaddingTop | 1rem | ||
--pf-v5-c-jump-links__link--PaddingTop --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--PaddingRight | 1rem | ||
--pf-v5-c-jump-links__link--PaddingRight --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--PaddingBottom | 1rem | ||
--pf-v5-c-jump-links__link--PaddingBottom --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--PaddingLeft | 1rem | ||
--pf-v5-c-jump-links__link--PaddingLeft --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list__list__link--PaddingTop | 0.5rem | ||
--pf-v5-c-jump-links__list__list__link--PaddingTop --pf-v5-global--spacer--sm $pf-v5-global--spacer--sm pf-size-prem(8px) 0.5rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list__list__link--PaddingLeft | 1.5rem | ||
--pf-v5-c-jump-links__list__list__link--PaddingLeft --pf-v5-global--spacer--lg $pf-v5-global--spacer--lg pf-size-prem(24px) 1.5rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__list__list__link--PaddingBottom | 0.5rem | ||
--pf-v5-c-jump-links__list__list__link--PaddingBottom --pf-v5-global--spacer--sm $pf-v5-global--spacer--sm pf-size-prem(8px) 0.5rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--OutlineOffset | calc(-1 * 0.5rem) | ||
--pf-v5-c-jump-links__link--OutlineOffset calc(-1 * --pf-v5-global--spacer--sm) calc(-1 * $pf-v5-global--spacer--sm) calc(-1 * pf-size-prem(8px)) calc(-1 * 0.5rem) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--before--BorderTopWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--before--BorderRightWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--before--BorderBottomWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--before--BorderLeftWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--before--BorderColor | transparent | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth | 3px | ||
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth --pf-v5-global--BorderWidth--lg $pf-v5-global--BorderWidth--lg 3px | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__item--m-current__link--before--BorderColor | #06c | ||
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor --pf-v5-global--primary-color--100 $pf-v5-global--primary-color--100 $pf-v5-color-blue-400 #06c | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth | 3px | ||
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth --pf-v5-global--BorderWidth--lg $pf-v5-global--BorderWidth--lg 3px | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link-text--Color | #6a6e73 | ||
--pf-v5-c-jump-links__link-text--Color --pf-v5-global--Color--200 $pf-v5-global--Color--200 $pf-v5-color-black-600 #6a6e73 | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--hover__link-text--Color | #151515 | ||
--pf-v5-c-jump-links__link--hover__link-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__link--focus__link-text--Color | #151515 | ||
--pf-v5-c-jump-links__link--focus__link-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__item--m-current__link-text--Color | #151515 | ||
--pf-v5-c-jump-links__item--m-current__link-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__label--MarginBottom | 1rem | ||
--pf-v5-c-jump-links__label--MarginBottom --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__label--Display | block | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle--MarginTop | calc(-1 * 0.375rem) | ||
--pf-v5-c-jump-links__toggle--MarginTop calc(-1 * --pf-v5-global--spacer--form-element) calc(-1 * $pf-v5-global--spacer--form-element) calc(-1 * pf-size-prem(6px)) calc(-1 * 0.375rem) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle--MarginBottom--base | calc(-1 * 0.375rem) | ||
--pf-v5-c-jump-links__toggle--MarginBottom--base calc(-1 * --pf-v5-global--spacer--form-element) calc(-1 * $pf-v5-global--spacer--form-element) calc(-1 * pf-size-prem(6px)) calc(-1 * 0.375rem) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle--MarginBottom | calc(-1 * 0.375rem) | ||
--pf-v5-c-jump-links__toggle--MarginBottom --pf-v5-c-jump-links__toggle--MarginBottom--base calc(-1 * --pf-v5-global--spacer--form-element) calc(-1 * $pf-v5-global--spacer--form-element) calc(-1 * pf-size-prem(6px)) calc(-1 * 0.375rem) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom | calc(calc(-1 * 0.375rem) + 1rem) | ||
--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom calc(--pf-v5-c-jump-links__toggle--MarginBottom--base + --pf-v5-global--spacer--md) calc(calc(-1 * --pf-v5-global--spacer--form-element) + $pf-v5-global--spacer--md) calc(calc(-1 * $pf-v5-global--spacer--form-element) + $pf-v5-global--spacer--md) calc(calc(-1 * pf-size-prem(6px)) + pf-size-prem(16px)) calc(calc(-1 * 0.375rem) + 1rem) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle--MarginLeft | calc(-1 * 1rem) | ||
--pf-v5-c-jump-links__toggle--MarginLeft calc(-1 * --pf-v5-global--spacer--md) calc(-1 * $pf-v5-global--spacer--md) calc(-1 * pf-size-prem(16px)) calc(-1 * 1rem) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle--Display | none | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle-icon--Color | currentcolor | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle-icon--Transition | all 250ms cubic-bezier(.42, 0, .58, 1) | ||
--pf-v5-c-jump-links__toggle-icon--Transition --pf-v5-global--Transition $pf-v5-global--Transition all 250ms cubic-bezier(.42, 0, .58, 1) | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle-icon--Rotate | 0 | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-expanded__toggle-icon--Color | #151515 | ||
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate | 90deg | ||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle-text--MarginLeft | 1rem | ||
--pf-v5-c-jump-links__toggle-text--MarginLeft --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links | --pf-v5-c-jump-links__toggle-text--Color | #151515 | ||
--pf-v5-c-jump-links__toggle-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--PaddingTop | 1rem | ||
--pf-v5-c-jump-links__list--PaddingTop --pf-v5-c-jump-links--m-vertical__list--PaddingTop --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--PaddingRight | 0 | ||
--pf-v5-c-jump-links__list--PaddingRight --pf-v5-c-jump-links--m-vertical__list--PaddingRight 0 | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--PaddingBottom | 1rem | ||
--pf-v5-c-jump-links__list--PaddingBottom --pf-v5-c-jump-links--m-vertical__list--PaddingBottom --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--PaddingLeft | 0 | ||
--pf-v5-c-jump-links__list--PaddingLeft --pf-v5-c-jump-links--m-vertical__list--PaddingLeft 0 | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--before--BorderTopWidth | 0 | ||
--pf-v5-c-jump-links__list--before--BorderTopWidth --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth 0 | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--before--BorderLeftWidth | 1px | ||
--pf-v5-c-jump-links__list--before--BorderLeftWidth --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth --pf-v5-global--BorderWidth--sm $pf-v5-global--BorderWidth--sm 1px | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth | 0 | ||
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth 0 | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth | 3px | ||
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth --pf-v5-global--BorderWidth--lg $pf-v5-global--BorderWidth--lg 3px | ||||
| .pf-v5-c-jump-links.pf-m-vertical | --pf-v5-c-jump-links__list--FlexDirection | column | ||
--pf-v5-c-jump-links__list--FlexDirection --pf-v5-c-jump-links--m-vertical__list--FlexDirection column | ||||
| .pf-v5-c-jump-links.pf-m-expandable | --pf-v5-c-jump-links__list--Display | none | ||
| .pf-v5-c-jump-links.pf-m-expandable | --pf-v5-c-jump-links__toggle--Display | block | ||
| .pf-v5-c-jump-links.pf-m-expandable | --pf-v5-c-jump-links__label--Display | none | ||
| .pf-v5-c-jump-links.pf-m-non-expandable | --pf-v5-c-jump-links__list--Display | flex | ||
| .pf-v5-c-jump-links.pf-m-non-expandable | --pf-v5-c-jump-links__toggle--Display | none | ||
| .pf-v5-c-jump-links.pf-m-non-expandable | --pf-v5-c-jump-links__label--Display | block | ||
| .pf-v5-c-jump-links.pf-m-expanded | --pf-v5-c-jump-links__list--Display | flex | ||
| .pf-v5-c-jump-links.pf-m-expanded | --pf-v5-c-jump-links__toggle--MarginBottom | calc(calc(-1 * 0.375rem) + 1rem) | ||
--pf-v5-c-jump-links__toggle--MarginBottom --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom calc(--pf-v5-c-jump-links__toggle--MarginBottom--base + --pf-v5-global--spacer--md) calc(calc(-1 * --pf-v5-global--spacer--form-element) + $pf-v5-global--spacer--md) calc(calc(-1 * $pf-v5-global--spacer--form-element) + $pf-v5-global--spacer--md) calc(calc(-1 * pf-size-prem(6px)) + pf-size-prem(16px)) calc(calc(-1 * 0.375rem) + 1rem) | ||||
| .pf-v5-c-jump-links.pf-m-expanded | --pf-v5-c-jump-links__toggle-icon--Rotate | 90deg | ||
--pf-v5-c-jump-links__toggle-icon--Rotate --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate 90deg | ||||
| .pf-v5-c-jump-links.pf-m-expanded | --pf-v5-c-jump-links__toggle-icon--Color | #151515 | ||
--pf-v5-c-jump-links__toggle-icon--Color --pf-v5-c-jump-links--m-expanded__toggle-icon--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list | --pf-v5-c-jump-links__list--PaddingTop | 0 | ||
| .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list | --pf-v5-c-jump-links__list--PaddingBottom | 0 | ||
| .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list | --pf-v5-c-jump-links__link--PaddingTop | 0.5rem | ||
--pf-v5-c-jump-links__link--PaddingTop --pf-v5-c-jump-links__list__list__link--PaddingTop --pf-v5-global--spacer--sm $pf-v5-global--spacer--sm pf-size-prem(8px) 0.5rem | ||||
| .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list | --pf-v5-c-jump-links__link--PaddingBottom | 0.5rem | ||
--pf-v5-c-jump-links__link--PaddingBottom --pf-v5-c-jump-links__list__list__link--PaddingBottom --pf-v5-global--spacer--sm $pf-v5-global--spacer--sm pf-size-prem(8px) 0.5rem | ||||
| .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list | --pf-v5-c-jump-links__link--PaddingLeft | 1.5rem | ||
--pf-v5-c-jump-links__link--PaddingLeft --pf-v5-c-jump-links__list__list__link--PaddingLeft --pf-v5-global--spacer--lg $pf-v5-global--spacer--lg pf-size-prem(24px) 1.5rem | ||||
| .pf-v5-c-jump-links__link:hover | --pf-v5-c-jump-links__link-text--Color | #151515 | ||
--pf-v5-c-jump-links__link-text--Color --pf-v5-c-jump-links__link--hover__link-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links__link:focus | --pf-v5-c-jump-links__link-text--Color | #151515 | ||
--pf-v5-c-jump-links__link-text--Color --pf-v5-c-jump-links__link--focus__link-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
| .pf-v5-c-jump-links__item | --pf-v5-c-jump-links__list--before--BorderColor | transparent | ||
| .pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link | --pf-v5-c-jump-links__link--before--BorderTopWidth | 3px | ||
--pf-v5-c-jump-links__link--before--BorderTopWidth --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth --pf-v5-global--BorderWidth--lg $pf-v5-global--BorderWidth--lg 3px | ||||
| .pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link | --pf-v5-c-jump-links__link--before--BorderLeftWidth | 0 | ||
--pf-v5-c-jump-links__link--before--BorderLeftWidth --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth 0 | ||||
| .pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link | --pf-v5-c-jump-links__link--before--BorderColor | #06c | ||
--pf-v5-c-jump-links__link--before--BorderColor --pf-v5-c-jump-links__item--m-current__link--before--BorderColor --pf-v5-global--primary-color--100 $pf-v5-global--primary-color--100 $pf-v5-color-blue-400 #06c | ||||
| .pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link | --pf-v5-c-jump-links__link-text--Color | #151515 | ||
--pf-v5-c-jump-links__link-text--Color --pf-v5-c-jump-links__item--m-current__link-text--Color --pf-v5-global--Color--100 $pf-v5-global--Color--100 $pf-v5-color-black-900 #151515 | ||||
View source on GitHub
