@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
354 lines • 11.1 kB
TypeScript
export const c_about_modal_box: {
".pf-v6-c-about-modal-box": {
"c_about_modal_box_BackgroundImage": {
"name": "--pf-v6-c-about-modal-box--BackgroundImage",
"value": "none"
},
"c_about_modal_box_BackgroundColor": {
"name": "--pf-v6-c-about-modal-box--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--floating--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_about_modal_box_BackgroundSize_min_width": {
"name": "--pf-v6-c-about-modal-box--BackgroundSize--min-width",
"value": "200px"
},
"c_about_modal_box_BackgroundSize_width": {
"name": "--pf-v6-c-about-modal-box--BackgroundSize--width",
"value": "60%"
},
"c_about_modal_box_BackgroundSize_max_width": {
"name": "--pf-v6-c-about-modal-box--BackgroundSize--max-width",
"value": "600px"
},
"c_about_modal_box_BackgroundSize": {
"name": "--pf-v6-c-about-modal-box--BackgroundSize",
"value": "clamp(200px, 60%, 600px)",
"values": [
"clamp(--pf-v6-c-about-modal-box--BackgroundSize--min-width, --pf-v6-c-about-modal-box--BackgroundSize--width, --pf-v6-c-about-modal-box--BackgroundSize--max-width)",
"clamp(200px, 60%, 600px)"
]
},
"c_about_modal_box_Height": {
"name": "--pf-v6-c-about-modal-box--Height",
"value": "100%"
},
"c_about_modal_box_lg_Height": {
"name": "--pf-v6-c-about-modal-box--lg--Height",
"value": "47.625rem"
},
"c_about_modal_box_Width": {
"name": "--pf-v6-c-about-modal-box--Width",
"value": "100%"
},
"c_about_modal_box_sm_GridTemplateColumns": {
"name": "--pf-v6-c-about-modal-box--sm--GridTemplateColumns",
"value": "5fr 1fr"
},
"c_about_modal_box_lg_GridTemplateColumns": {
"name": "--pf-v6-c-about-modal-box--lg--GridTemplateColumns",
"value": "1fr .6fr"
},
"c_about_modal_box__brand_PaddingBlockStart": {
"name": "--pf-v6-c-about-modal-box__brand--PaddingBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_about_modal_box__brand_PaddingInlineEnd": {
"name": "--pf-v6-c-about-modal-box__brand--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__brand_PaddingInlineStart": {
"name": "--pf-v6-c-about-modal-box__brand--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__brand_PaddingBlockEnd": {
"name": "--pf-v6-c-about-modal-box__brand--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__brand_sm_PaddingInlineEnd": {
"name": "--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__brand_sm_PaddingInlineStart": {
"name": "--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__brand_sm_PaddingBlockEnd": {
"name": "--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__close_ZIndex": {
"name": "--pf-v6-c-about-modal-box__close--ZIndex",
"value": "600",
"values": [
"--pf-t--global--z-index--2xl",
"--pf-t--global--z-index--600",
"600"
]
},
"c_about_modal_box__close_PaddingBlockStart": {
"name": "--pf-v6-c-about-modal-box__close--PaddingBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_about_modal_box__close_PaddingInlineEnd": {
"name": "--pf-v6-c-about-modal-box__close--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__close_PaddingBlockEnd": {
"name": "--pf-v6-c-about-modal-box__close--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__close_sm_PaddingBlockEnd": {
"name": "--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__close_lg_PaddingInlineEnd": {
"name": "--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__close_c_button_FontSize": {
"name": "--pf-v6-c-about-modal-box__close--c-button--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
},
"c_about_modal_box__brand_image_Height": {
"name": "--pf-v6-c-about-modal-box__brand-image--Height",
"value": "2.3125rem"
},
"c_about_modal_box__header_PaddingInlineEnd": {
"name": "--pf-v6-c-about-modal-box__header--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__header_PaddingBlockEnd": {
"name": "--pf-v6-c-about-modal-box__header--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_about_modal_box__header_PaddingInlineStart": {
"name": "--pf-v6-c-about-modal-box__header--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__header_sm_PaddingInlineEnd": {
"name": "--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__header_sm_PaddingInlineStart": {
"name": "--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__strapline_PaddingBlockStart": {
"name": "--pf-v6-c-about-modal-box__strapline--PaddingBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__strapline_FontSize": {
"name": "--pf-v6-c-about-modal-box__strapline--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_about_modal_box__strapline_Color": {
"name": "--pf-v6-c-about-modal-box__strapline--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_about_modal_box__strapline_sm_PaddingBlockStart": {
"name": "--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_about_modal_box__content_MarginBlockStart": {
"name": "--pf-v6-c-about-modal-box__content--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__content_MarginInlineEnd": {
"name": "--pf-v6-c-about-modal-box__content--MarginInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__content_MarginBlockEnd": {
"name": "--pf-v6-c-about-modal-box__content--MarginBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__content_MarginInlineStart": {
"name": "--pf-v6-c-about-modal-box__content--MarginInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_about_modal_box__content_sm_MarginBlockStart": {
"name": "--pf-v6-c-about-modal-box__content--sm--MarginBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_about_modal_box__content_sm_MarginInlineEnd": {
"name": "--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box__content_sm_MarginBlockEnd": {
"name": "--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_about_modal_box__content_sm_MarginInlineStart": {
"name": "--pf-v6-c-about-modal-box__content--sm--MarginInlineStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_about_modal_box_BackgroundPosition": {
"name": "--pf-v6-c-about-modal-box--BackgroundPosition",
"value": "bottom right"
}
},
":where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box": {
"c_about_modal_box_BackgroundPosition": {
"name": "--pf-v6-c-about-modal-box--BackgroundPosition",
"value": "bottom left"
}
}
};
export default c_about_modal_box;