@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
593 lines • 19.6 kB
JavaScript
export const c_masthead = {
".pf-v6-c-masthead": {
"c_masthead_RowGap": {
"name": "--pf-v6-c-masthead--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_masthead_ColumnGap": {
"name": "--pf-v6-c-masthead--ColumnGap",
"value": "1rem",
"values": [
"--pf-v6-c-masthead--m-display-stack--ColumnGap",
"--pf-t--global--spacer--gutter--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_masthead_BorderWidth": {
"name": "--pf-v6-c-masthead--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_masthead_PaddingBlock": {
"name": "--pf-v6-c-masthead--PaddingBlock",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_masthead_PaddingInline": {
"name": "--pf-v6-c-masthead--PaddingInline",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_masthead_BorderColor": {
"name": "--pf-v6-c-masthead--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_masthead_BackgroundColor": {
"name": "--pf-v6-c-masthead--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_masthead__main_ColumnGap": {
"name": "--pf-v6-c-masthead__main--ColumnGap",
"value": "unset",
"values": [
"--pf-v6-c-masthead--m-display-stack__main--ColumnGap",
"unset"
]
},
"c_masthead__main_MarginInlineEnd": {
"name": "--pf-v6-c-masthead__main--MarginInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_masthead__logo_MaxHeight": {
"name": "--pf-v6-c-masthead__logo--MaxHeight",
"value": "2.375rem"
},
"c_masthead__logo_Width": {
"name": "--pf-v6-c-masthead__logo--Width",
"value": "11.8125rem"
},
"c_masthead__toggle_Size": {
"name": "--pf-v6-c-masthead__toggle--Size",
"value": "1.5rem",
"values": [
"--pf-t--global--icon--size--xl",
"--pf-t--global--icon--size--300",
"1.5rem"
]
},
"c_masthead__content_ColumnGap": {
"name": "--pf-v6-c-masthead__content--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_masthead_m_display_stack_ColumnGap": {
"name": "--pf-v6-c-masthead--m-display-stack--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gutter--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_masthead_m_display_stack_GridTemplateColumns": {
"name": "--pf-v6-c-masthead--m-display-stack--GridTemplateColumns",
"value": "max-content 1fr"
},
"c_masthead_m_display_stack__brand_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-stack__brand--GridColumn",
"value": "-1 / 1"
},
"c_masthead_m_display_stack__brand_Order": {
"name": "--pf-v6-c-masthead--m-display-stack__brand--Order",
"value": "-1"
},
"c_masthead_m_display_stack__brand_PaddingBlockEnd": {
"name": "--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-masthead--RowGap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_masthead_m_display_stack__brand_BorderBlockEnd": {
"name": "--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd",
"value": "1px solid #c7c7c7",
"values": [
"--pf-v6-c-masthead--BorderWidth solid --pf-v6-c-masthead--BorderColor",
"--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
"--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
"1px solid --pf-t--color--gray--30",
"1px solid #c7c7c7"
]
},
"c_masthead_m_display_stack__content_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-stack__content--GridColumn",
"value": "1"
},
"c_masthead_m_display_stack__content_Order": {
"name": "--pf-v6-c-masthead--m-display-stack__content--Order",
"value": "1"
},
"c_masthead_m_display_stack__main_toggle_content_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn",
"value": "2"
},
"c_masthead_m_display_stack__main_Display": {
"name": "--pf-v6-c-masthead--m-display-stack__main--Display",
"value": "contents"
},
"c_masthead_m_display_stack__main_ColumnGap": {
"name": "--pf-v6-c-masthead--m-display-stack__main--ColumnGap",
"value": "unset"
},
"c_masthead_m_display_inline_ColumnGap": {
"name": "--pf-v6-c-masthead--m-display-inline--ColumnGap",
"value": "0"
},
"c_masthead_m_display_inline_GridTemplateColumns": {
"name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
"value": "min-content 1fr"
},
"c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns": {
"name": "--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns",
"value": "subgrid"
},
"c_masthead_m_display_inline__brand_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-inline__brand--GridColumn",
"value": "initial"
},
"c_masthead_m_display_inline__brand_Order": {
"name": "--pf-v6-c-masthead--m-display-inline__brand--Order",
"value": "initial"
},
"c_masthead_m_display_inline__brand_PaddingBlockEnd": {
"name": "--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd",
"value": "0"
},
"c_masthead_m_display_inline__brand_BorderBlockEnd": {
"name": "--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd",
"value": "0"
},
"c_masthead_m_display_inline__main_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-inline__main--GridColumn",
"value": "1"
},
"c_masthead_m_display_inline__content_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-inline__content--GridColumn",
"value": "2"
},
"c_masthead_m_display_inline__content_Order": {
"name": "--pf-v6-c-masthead--m-display-inline__content--Order",
"value": "0"
},
"c_masthead_m_display_inline__main_toggle_content_GridColumn": {
"name": "--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn",
"value": "2"
},
"c_masthead_m_display_inline__main_Display": {
"name": "--pf-v6-c-masthead--m-display-inline__main--Display",
"value": "flex"
},
"c_masthead_m_display_inline__main_ColumnGap": {
"name": "--pf-v6-c-masthead--m-display-inline__main--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_masthead__expandable_content_BoxShadow": {
"name": "--pf-v6-c-masthead__expandable-content--BoxShadow",
"value": "0px\n 10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md--bottom",
"--pf-t--global--box-shadow--X--md--bottom\n --pf-t--global--box-shadow--Y--md--bottom\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100",
"0px\n 10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_masthead__expandable_content_BorderBlockStart": {
"name": "--pf-v6-c-masthead__expandable-content--BorderBlockStart",
"value": "1px solid #c7c7c7",
"values": [
"--pf-v6-c-masthead--BorderWidth solid --pf-v6-c-masthead--BorderColor",
"--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
"--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
"1px solid --pf-t--color--gray--30",
"1px solid #c7c7c7"
]
},
"c_masthead_c_toolbar_Width": {
"name": "--pf-v6-c-masthead--c-toolbar--Width",
"value": "100%"
},
"c_masthead_c_toolbar_PaddingBlock": {
"name": "--pf-v6-c-masthead--c-toolbar--PaddingBlock",
"value": "0"
},
"c_masthead_GridTemplateColumns": {
"name": "--pf-v6-c-masthead--GridTemplateColumns",
"value": "max-content 1fr",
"values": [
"--pf-v6-c-masthead--m-display-stack--GridTemplateColumns",
"max-content 1fr"
]
},
"c_masthead__brand_GridColumn": {
"name": "--pf-v6-c-masthead__brand--GridColumn",
"value": "-1 / 1",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--GridColumn",
"-1 / 1"
]
},
"c_masthead__brand_Order": {
"name": "--pf-v6-c-masthead__brand--Order",
"value": "-1",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--Order",
"-1"
]
},
"c_masthead__brand_PaddingBlockEnd": {
"name": "--pf-v6-c-masthead__brand--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd",
"--pf-v6-c-masthead--RowGap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_masthead__brand_BorderBlockEnd": {
"name": "--pf-v6-c-masthead__brand--BorderBlockEnd",
"value": "1px solid #c7c7c7",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd",
"--pf-v6-c-masthead--BorderWidth solid --pf-v6-c-masthead--BorderColor",
"--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
"--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
"1px solid --pf-t--color--gray--30",
"1px solid #c7c7c7"
]
},
"c_masthead__main_GridColumn": {
"name": "--pf-v6-c-masthead__main--GridColumn",
"value": "unset"
},
"c_masthead__content_GridColumn": {
"name": "--pf-v6-c-masthead__content--GridColumn",
"value": "1",
"values": [
"--pf-v6-c-masthead--m-display-stack__content--GridColumn",
"1"
]
},
"c_masthead__content_Order": {
"name": "--pf-v6-c-masthead__content--Order",
"value": "1",
"values": [
"--pf-v6-c-masthead--m-display-stack__content--Order",
"1"
]
},
"c_masthead__main_toggle_content_GridColumn": {
"name": "--pf-v6-c-masthead__main--toggle--content--GridColumn",
"value": "2",
"values": [
"--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn",
"2"
]
},
"c_masthead__main_Display": {
"name": "--pf-v6-c-masthead__main--Display",
"value": "contents",
"values": [
"--pf-v6-c-masthead--m-display-stack__main--Display",
"contents"
]
}
},
".pf-v6-c-masthead .pf-v6-c-toolbar": {
"c_toolbar_Width": {
"name": "--pf-v6-c-toolbar--Width",
"value": "100%",
"values": [
"--pf-v6-c-masthead--c-toolbar--Width",
"100%"
]
},
"c_toolbar_PaddingBlockEnd": {
"name": "--pf-v6-c-toolbar--PaddingBlockEnd",
"value": "0"
},
"c_toolbar__content_MinWidth": {
"name": "--pf-v6-c-toolbar__content--MinWidth",
"value": "0"
}
},
".pf-v6-c-masthead.pf-m-display-stack": {
"c_masthead_ColumnGap": {
"name": "--pf-v6-c-masthead--ColumnGap",
"value": "1rem",
"values": [
"--pf-v6-c-masthead--m-display-stack--ColumnGap",
"--pf-t--global--spacer--gutter--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_masthead_GridTemplateColumns": {
"name": "--pf-v6-c-masthead--GridTemplateColumns",
"value": "max-content 1fr",
"values": [
"--pf-v6-c-masthead--m-display-stack--GridTemplateColumns",
"max-content 1fr"
]
},
"c_masthead__brand_GridColumn": {
"name": "--pf-v6-c-masthead__brand--GridColumn",
"value": "-1 / 1",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--GridColumn",
"-1 / 1"
]
},
"c_masthead__brand_Order": {
"name": "--pf-v6-c-masthead__brand--Order",
"value": "-1",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--Order",
"-1"
]
},
"c_masthead__brand_PaddingBlockEnd": {
"name": "--pf-v6-c-masthead__brand--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd",
"--pf-v6-c-masthead--RowGap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_masthead__brand_BorderBlockEnd": {
"name": "--pf-v6-c-masthead__brand--BorderBlockEnd",
"value": "1px solid #c7c7c7",
"values": [
"--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd",
"--pf-v6-c-masthead--BorderWidth solid --pf-v6-c-masthead--BorderColor",
"--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
"--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
"1px solid --pf-t--color--gray--30",
"1px solid #c7c7c7"
]
},
"c_masthead__main_GridColumn": {
"name": "--pf-v6-c-masthead__main--GridColumn",
"value": "unset"
},
"c_masthead__content_GridColumn": {
"name": "--pf-v6-c-masthead__content--GridColumn",
"value": "1",
"values": [
"--pf-v6-c-masthead--m-display-stack__content--GridColumn",
"1"
]
},
"c_masthead__content_Order": {
"name": "--pf-v6-c-masthead__content--Order",
"value": "1",
"values": [
"--pf-v6-c-masthead--m-display-stack__content--Order",
"1"
]
},
"c_masthead__main_toggle_content_GridColumn": {
"name": "--pf-v6-c-masthead__main--toggle--content--GridColumn",
"value": "2",
"values": [
"--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn",
"2"
]
},
"c_masthead__main_Display": {
"name": "--pf-v6-c-masthead__main--Display",
"value": "contents",
"values": [
"--pf-v6-c-masthead--m-display-stack__main--Display",
"contents"
]
},
"c_masthead__main_ColumnGap": {
"name": "--pf-v6-c-masthead__main--ColumnGap",
"value": "unset",
"values": [
"--pf-v6-c-masthead--m-display-stack__main--ColumnGap",
"unset"
]
}
},
".pf-v6-c-masthead.pf-m-display-inline": {
"c_masthead_ColumnGap": {
"name": "--pf-v6-c-masthead--ColumnGap",
"value": "0",
"values": [
"--pf-v6-c-masthead--m-display-inline--ColumnGap",
"0"
]
},
"c_masthead_GridTemplateColumns": {
"name": "--pf-v6-c-masthead--GridTemplateColumns",
"value": "min-content 1fr",
"values": [
"--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
"min-content 1fr"
]
},
"c_masthead__brand_GridColumn": {
"name": "--pf-v6-c-masthead__brand--GridColumn",
"value": "initial",
"values": [
"--pf-v6-c-masthead--m-display-inline__brand--GridColumn",
"initial"
]
},
"c_masthead__brand_Order": {
"name": "--pf-v6-c-masthead__brand--Order",
"value": "initial",
"values": [
"--pf-v6-c-masthead--m-display-inline__brand--Order",
"initial"
]
},
"c_masthead__brand_PaddingBlockEnd": {
"name": "--pf-v6-c-masthead__brand--PaddingBlockEnd",
"value": "0",
"values": [
"--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd",
"0"
]
},
"c_masthead__brand_BorderBlockEnd": {
"name": "--pf-v6-c-masthead__brand--BorderBlockEnd",
"value": "0",
"values": [
"--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd",
"0"
]
},
"c_masthead__main_GridColumn": {
"name": "--pf-v6-c-masthead__main--GridColumn",
"value": "1",
"values": [
"--pf-v6-c-masthead--m-display-inline__main--GridColumn",
"1"
]
},
"c_masthead__content_GridColumn": {
"name": "--pf-v6-c-masthead__content--GridColumn",
"value": "2",
"values": [
"--pf-v6-c-masthead--m-display-inline__content--GridColumn",
"2"
]
},
"c_masthead__content_Order": {
"name": "--pf-v6-c-masthead__content--Order",
"value": "0",
"values": [
"--pf-v6-c-masthead--m-display-inline__content--Order",
"0"
]
},
"c_masthead__main_toggle_content_GridColumn": {
"name": "--pf-v6-c-masthead__main--toggle--content--GridColumn",
"value": "2",
"values": [
"--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn",
"2"
]
},
"c_masthead__main_Display": {
"name": "--pf-v6-c-masthead__main--Display",
"value": "flex",
"values": [
"--pf-v6-c-masthead--m-display-inline__main--Display",
"flex"
]
},
"c_masthead__main_ColumnGap": {
"name": "--pf-v6-c-masthead__main--ColumnGap",
"value": "1rem",
"values": [
"--pf-v6-c-masthead--m-display-inline__main--ColumnGap",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-masthead__main:has(.pf-v6-c-masthead__toggle) ~ .pf-v6-c-masthead__content": {
"c_masthead__content_GridColumn": {
"name": "--pf-v6-c-masthead__content--GridColumn",
"value": "2",
"values": [
"--pf-v6-c-masthead__main--toggle--content--GridColumn",
"--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn",
"2"
]
}
},
".pf-v6-c-masthead__toggle": {
"c_button_FontSize": {
"name": "--pf-v6-c-button--FontSize",
"value": "1.5rem",
"values": [
"--pf-v6-c-masthead__toggle--Size",
"--pf-t--global--icon--size--xl",
"--pf-t--global--icon--size--300",
"1.5rem"
]
}
}
};
export default c_masthead;