UNPKG

@patternfly/react-tokens

Version:

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

354 lines 11.1 kB
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;