@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
467 lines • 13.8 kB
JavaScript
export const c_login = {
".pf-v6-c-login": {
"c_login_PaddingBlockStart": {
"name": "--pf-v6-c-login--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_login_PaddingBlockEnd": {
"name": "--pf-v6-c-login--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_login__container_xl_GridColumnGap": {
"name": "--pf-v6-c-login__container--xl--GridColumnGap",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_login__container_MaxWidth": {
"name": "--pf-v6-c-login__container--MaxWidth",
"value": "31.25rem"
},
"c_login__container_xl_MaxWidth": {
"name": "--pf-v6-c-login__container--xl--MaxWidth",
"value": "none"
},
"c_login__container_PaddingInlineStart": {
"name": "--pf-v6-c-login__container--PaddingInlineStart",
"value": "6.125rem"
},
"c_login__container_PaddingInlineEnd": {
"name": "--pf-v6-c-login__container--PaddingInlineEnd",
"value": "6.125rem"
},
"c_login__container_xl_GridTemplateColumns": {
"name": "--pf-v6-c-login__container--xl--GridTemplateColumns",
"value": "34rem minmax(auto, 34rem)"
},
"c_login__header_MarginBlockEnd": {
"name": "--pf-v6-c-login__header--MarginBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__header_PaddingInlineStart": {
"name": "--pf-v6-c-login__header--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__header_PaddingInlineEnd": {
"name": "--pf-v6-c-login__header--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__header_xl_MarginBlockEnd": {
"name": "--pf-v6-c-login__header--xl--MarginBlockEnd",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__header_xl_MarginBlockStart": {
"name": "--pf-v6-c-login__header--xl--MarginBlockStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_login__header_c_brand_MarginBlockEnd": {
"name": "--pf-v6-c-login__header--c-brand--MarginBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_login__header_c_brand_xl_MarginBlockEnd": {
"name": "--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__main_BackgroundColor": {
"name": "--pf-v6-c-login__main--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_login__main_MarginBlockEnd": {
"name": "--pf-v6-c-login__main--MarginBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_login__main_BorderRadius": {
"name": "--pf-v6-c-login__main--BorderRadius",
"value": "24px",
"values": [
"--pf-t--global--border--radius--large",
"--pf-t--global--border--radius--400",
"24px"
]
},
"c_login__main_header_PaddingBlockStart": {
"name": "--pf-v6-c-login__main-header--PaddingBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__main_header_PaddingInlineEnd": {
"name": "--pf-v6-c-login__main-header--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_login__main_header_PaddingBlockEnd": {
"name": "--pf-v6-c-login__main-header--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_header_PaddingInlineStart": {
"name": "--pf-v6-c-login__main-header--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_login__main_header_md_PaddingInlineEnd": {
"name": "--pf-v6-c-login__main-header--md--PaddingInlineEnd",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__main_header_md_PaddingInlineStart": {
"name": "--pf-v6-c-login__main-header--md--PaddingInlineStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__main_header_ColumnGap": {
"name": "--pf-v6-c-login__main-header--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_header_RowGap": {
"name": "--pf-v6-c-login__main-header--RowGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_header_desc_MarginBlockEnd": {
"name": "--pf-v6-c-login__main-header-desc--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_login__main_header_desc_md_MarginBlockEnd": {
"name": "--pf-v6-c-login__main-header-desc--md--MarginBlockEnd",
"value": "0"
},
"c_login__main_header_desc_FontSize": {
"name": "--pf-v6-c-login__main-header-desc--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_login__main_body_PaddingInlineEnd": {
"name": "--pf-v6-c-login__main-body--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_login__main_body_PaddingBlockEnd": {
"name": "--pf-v6-c-login__main-body--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_login__main_body_PaddingInlineStart": {
"name": "--pf-v6-c-login__main-body--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_login__main_body_md_PaddingInlineEnd": {
"name": "--pf-v6-c-login__main-body--md--PaddingInlineEnd",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__main_body_md_PaddingInlineStart": {
"name": "--pf-v6-c-login__main-body--md--PaddingInlineStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_login__main_footer_PaddingBlockEnd": {
"name": "--pf-v6-c-login__main-footer--PaddingBlockEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_login__main_footer_c_title_MarginBlockEnd": {
"name": "--pf-v6-c-login__main-footer--c-title--MarginBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_footer_links_PaddingBlockStart": {
"name": "--pf-v6-c-login__main-footer-links--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_login__main_footer_links_PaddingInlineEnd": {
"name": "--pf-v6-c-login__main-footer-links--PaddingInlineEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_login__main_footer_links_PaddingBlockEnd": {
"name": "--pf-v6-c-login__main-footer-links--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_login__main_footer_links_PaddingInlineStart": {
"name": "--pf-v6-c-login__main-footer-links--PaddingInlineStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_login__main_footer_links_Gap": {
"name": "--pf-v6-c-login__main-footer-links--Gap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_footer_links_item_c_button_FontSize": {
"name": "--pf-v6-c-login__main-footer-links-item--c-button--FontSize",
"value": "1.5rem",
"values": [
"--pf-t--global--icon--size--xl",
"--pf-t--global--icon--size--300",
"1.5rem"
]
},
"c_login__main_footer_band_PaddingBlockStart": {
"name": "--pf-v6-c-login__main-footer-band--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_login__main_footer_band_PaddingInlineEnd": {
"name": "--pf-v6-c-login__main-footer-band--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_footer_band_PaddingBlockEnd": {
"name": "--pf-v6-c-login__main-footer-band--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_login__main_footer_band_PaddingInlineStart": {
"name": "--pf-v6-c-login__main-footer-band--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__main_footer_band_BorderBlockStartColor": {
"name": "--pf-v6-c-login__main-footer-band--BorderBlockStartColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_login__main_footer_band_BorderBlockStartWidth": {
"name": "--pf-v6-c-login__main-footer-band--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_login__main_footer_band_item_PaddingBlockStart": {
"name": "--pf-v6-c-login__main-footer-band-item--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__footer_PaddingInlineStart": {
"name": "--pf-v6-c-login__footer--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__footer_PaddingInlineEnd": {
"name": "--pf-v6-c-login__footer--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__footer_c_list_PaddingBlockStart": {
"name": "--pf-v6-c-login__footer--c-list--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_login__footer_c_list_xl_PaddingBlockStart": {
"name": "--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
}
},
".pf-v6-c-login__main-footer-links-item .pf-v6-c-button": {
"c_button_FontSize": {
"name": "--pf-v6-c-button--FontSize",
"value": "1.5rem",
"values": [
"--pf-v6-c-login__main-footer-links-item--c-button--FontSize",
"--pf-t--global--icon--size--xl",
"--pf-t--global--icon--size--300",
"1.5rem"
]
}
}
};
export default c_login;