@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
271 lines • 8.92 kB
JavaScript
;
exports.__esModule = true;
exports.c_breadcrumb = {
".pf-v6-c-breadcrumb": {
"c_breadcrumb__item_FontSize": {
"name": "--pf-v6-c-breadcrumb__item--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_breadcrumb__item_LineHeight": {
"name": "--pf-v6-c-breadcrumb__item--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_breadcrumb__item_MarginInlineEnd": {
"name": "--pf-v6-c-breadcrumb__item--MarginInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_breadcrumb__item_divider_Color": {
"name": "--pf-v6-c-breadcrumb__item-divider--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_breadcrumb__item_divider_MarginInlineEnd": {
"name": "--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_breadcrumb__item_divider_FontSize": {
"name": "--pf-v6-c-breadcrumb__item-divider--FontSize",
"value": "var( --pf-t--global--font--size--body--sm)",
"values": [
"var( --pf-t--global--font--size--body--sm)",
"var( --pf-t--global--font--size--body--sm)"
]
},
"c_breadcrumb__link_PaddingInlineStart": {
"name": "--pf-v6-c-breadcrumb__link--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_breadcrumb__link_PaddingInlineEnd": {
"name": "--pf-v6-c-breadcrumb__link--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_breadcrumb__link_Color": {
"name": "--pf-v6-c-breadcrumb__link--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_breadcrumb__link_TextDecorationLine": {
"name": "--pf-v6-c-breadcrumb__link--TextDecorationLine",
"value": "underline",
"values": [
"--pf-t--global--text-decoration--link--line--default",
"--pf-t--global--text-decoration--line--200",
"underline"
]
},
"c_breadcrumb__link_TextDecorationStyle": {
"name": "--pf-v6-c-breadcrumb__link--TextDecorationStyle",
"value": "dashed",
"values": [
"--pf-t--global--text-decoration--link--style--default",
"--pf-t--global--text-decoration--style--200",
"dashed"
]
},
"c_breadcrumb__link_TextDecorationColor": {
"name": "--pf-v6-c-breadcrumb__link--TextDecorationColor",
"value": "#8c8c8c",
"values": [
"--pf-t--global--text-decoration--color--default",
"--pf-t--global--border--color--300",
"--pf-t--color--gray--45",
"#8c8c8c"
]
},
"c_breadcrumb__link_hover_Color": {
"name": "--pf-v6-c-breadcrumb__link--hover--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_breadcrumb__link_hover_TextDecorationLine": {
"name": "--pf-v6-c-breadcrumb__link--hover--TextDecorationLine",
"value": "underline",
"values": [
"--pf-t--global--text-decoration--link--line--hover",
"--pf-t--global--text-decoration--line--200",
"underline"
]
},
"c_breadcrumb__link_hover_TextDecorationStyle": {
"name": "--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle",
"value": "dashed",
"values": [
"--pf-t--global--text-decoration--link--style--hover",
"--pf-t--global--text-decoration--style--200",
"dashed"
]
},
"c_breadcrumb__link_hover_TextDecorationColor": {
"name": "--pf-v6-c-breadcrumb__link--hover--TextDecorationColor",
"value": "#4394e5",
"values": [
"--pf-t--global--text-decoration--color--hover",
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
},
"c_breadcrumb__link_m_current_Color": {
"name": "--pf-v6-c-breadcrumb__link--m-current--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_breadcrumb__link_BackgroundColor": {
"name": "--pf-v6-c-breadcrumb__link--BackgroundColor",
"value": "transparent"
},
"c_breadcrumb__heading_FontSize": {
"name": "--pf-v6-c-breadcrumb__heading--FontSize",
"value": "0.875rem",
"values": [
"--pf-v6-c-breadcrumb__item--FontSize",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_breadcrumb__menu_toggle_MarginBlockStart": {
"name": "--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_breadcrumb__menu_toggle_MarginInlineEnd": {
"name": "--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_breadcrumb__menu_toggle_MarginBlockEnd": {
"name": "--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_breadcrumb__menu_toggle_MarginInlineStart": {
"name": "--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
}
},
".pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link)": {
"c_breadcrumb__link_PaddingInlineStart": {
"name": "--pf-v6-c-breadcrumb__link--PaddingInlineStart",
"value": "0"
}
},
".pf-v6-c-breadcrumb__link:is(:hover, :focus)": {
"c_breadcrumb__link_Color": {
"name": "--pf-v6-c-breadcrumb__link--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-breadcrumb__link--hover--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_breadcrumb__link_TextDecorationLine": {
"name": "--pf-v6-c-breadcrumb__link--TextDecorationLine",
"value": "underline",
"values": [
"--pf-v6-c-breadcrumb__link--hover--TextDecorationLine",
"--pf-t--global--text-decoration--link--line--hover",
"--pf-t--global--text-decoration--line--200",
"underline"
]
},
"c_breadcrumb__link_TextDecorationStyle": {
"name": "--pf-v6-c-breadcrumb__link--TextDecorationStyle",
"value": "dashed",
"values": [
"--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle",
"--pf-t--global--text-decoration--link--style--hover",
"--pf-t--global--text-decoration--style--200",
"dashed"
]
},
"c_breadcrumb__link_TextDecorationColor": {
"name": "--pf-v6-c-breadcrumb__link--TextDecorationColor",
"value": "#4394e5",
"values": [
"--pf-v6-c-breadcrumb__link--hover--TextDecorationColor",
"--pf-t--global--text-decoration--color--hover",
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
}
}
};
exports["default"] = exports.c_breadcrumb;