UNPKG

@patternfly/react-tokens

Version:

This library provides access to the design tokens of PatternFly 4 from JavaScript

233 lines 7.63 kB
export const c_breadcrumb: { ".pf-v6-c-breadcrumb": { "c_breadcrumb__item_FontSize": { "name": "--pf-v6-c-breadcrumb__item--FontSize", "value": "0.75rem", "values": [ "--pf-t--global--font--size--body--sm", "--pf-t--global--font--size--xs", "--pf-t--global--font--size--100", "0.75rem" ] }, "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": "solid", "values": [ "--pf-t--global--text-decoration--link--style--default", "--pf-t--global--text-decoration--style--100", "solid" ] }, "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": "solid", "values": [ "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--100", "solid" ] }, "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": "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__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": "solid", "values": [ "--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle", "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--100", "solid" ] } } }; export default c_breadcrumb;