package.dist.esm.c_card.d.ts Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_card: {
".pf-v5-c-card": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--sm",
"$pf-v5-global--BoxShadow--sm",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
"0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_first_child_PaddingTop": {
"name": "--pf-v5-c-card--first-child--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_card_child_PaddingRight": {
"name": "--pf-v5-c-card--child--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_card_child_PaddingBottom": {
"name": "--pf-v5-c-card--child--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_card_child_PaddingLeft": {
"name": "--pf-v5-c-card--child--PaddingLeft",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_card_c_divider_child_PaddingTop": {
"name": "--pf-v5-c-card--c-divider--child--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_card__title_not_last_child_PaddingBottom": {
"name": "--pf-v5-c-card__title--not--last-child--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card__title_text_FontFamily": {
"name": "--pf-v5-c-card__title-text--FontFamily",
"value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
"values": [
"--pf-v5-global--FontFamily--heading",
"$pf-v5-global--FontFamily--heading",
"'\"RedHatDisplay\", helvetica, arial, sans-serif'"
]
},
"c_card__title_text_FontSize": {
"name": "--pf-v5-c-card__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_card__title_text_FontWeight": {
"name": "--pf-v5-c-card__title-text--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_card__title_text_LineHeight": {
"name": "--pf-v5-c-card__title-text--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_card__body_FontSize": {
"name": "--pf-v5-c-card__body--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_card__footer_FontSize": {
"name": "--pf-v5-c-card__footer--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_card__actions_PaddingLeft": {
"name": "--pf-v5-c-card__actions--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card__actions_Gap": {
"name": "--pf-v5-c-card__actions--Gap",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_card__actions_MarginTop": {
"name": "--pf-v5-c-card__actions--MarginTop",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_card__actions_MarginBottom": {
"name": "--pf-v5-c-card__actions--MarginBottom",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_card__header_toggle_MarginTop": {
"name": "--pf-v5-c-card__header-toggle--MarginTop",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_card__header_toggle_MarginRight": {
"name": "--pf-v5-c-card__header-toggle--MarginRight",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_card__header_toggle_MarginBottom": {
"name": "--pf-v5-c-card__header-toggle--MarginBottom",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_card__header_toggle_MarginLeft": {
"name": "--pf-v5-c-card__header-toggle--MarginLeft",
"value": "calc(1rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--md * -1)",
"calc($pf-v5-global--spacer--md * -1)",
"calc(pf-size-prem(16px) * -1)",
"calc(1rem * -1)"
]
},
"c_card__header_toggle_icon_Transition": {
"name": "--pf-v5-c-card__header-toggle-icon--Transition",
"value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
"values": [
"--pf-v5-global--Transition",
"$pf-v5-global--Transition",
"all 250ms cubic-bezier(.42, 0, .58, 1)"
]
},
"c_card_m_expanded__header_toggle_icon_Rotate": {
"name": "--pf-v5-c-card--m-expanded__header-toggle-icon--Rotate",
"value": "90deg"
},
"c_card_m_selectable_BorderWidth": {
"name": "--pf-v5-c-card--m-selectable--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_card_m_selectable_m_selected_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--m-selected--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_card_m_selectable_m_selected_BorderColor": {
"name": "--pf-v5-c-card--m-selectable--m-selected--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_m_selectable_hover_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--hover--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_card_m_selectable_hover_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable--hover--BoxShadow",
"value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
"values": [
"--pf-v5-global--BoxShadow--lg",
"$pf-v5-global--BoxShadow--lg",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08)",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
"0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
]
},
"c_card_m_selectable_focus_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--focus--BackgroundColor",
"value": "#bee1f4",
"values": [
"--pf-v5-global--palette--blue-100",
"$pf-v5-color-blue-100",
"#bee1f4"
]
},
"c_card_m_selectable_focus_BorderColor": {
"name": "--pf-v5-c-card--m-selectable--focus--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_m_selectable_m_selected_focus_BorderColor": {
"name": "--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_m_selectable_m_disabled_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor",
"value": "#fafafa",
"values": [
"--pf-v5-global--palette--black-100",
"$pf-v5-color-black-100",
"#fafafa"
]
},
"c_card_m_selectable_m_disabled_BorderColor": {
"name": "--pf-v5-c-card--m-selectable--m-disabled--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_m_selectable_m_disabled_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable--m-disabled--BoxShadow",
"value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--sm",
"$pf-v5-global--BoxShadow--sm",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
"0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_m_clickable_hover_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_card_m_selectable_m_clickable_hover_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow",
"value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--sm",
"$pf-v5-global--BoxShadow--sm",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
"0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_m_clickable_m_selected_BorderColor": {
"name": "--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor",
"value": "transparent"
},
"c_card_m_selectable_m_clickable_m_selected_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_card_m_selectable_m_clickable_m_current_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_card_m_selectable_m_clickable_m_current_BorderColor": {
"name": "--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_m_hoverable_raised_hover_BoxShadow": {
"name": "--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_hoverable_raised_hover_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
},
"c_card_m_selectable_raised_before_Right": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Right",
"value": "0"
},
"c_card_m_selectable_raised_before_Bottom": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Bottom",
"value": "0"
},
"c_card_m_selectable_raised_before_Left": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Left",
"value": "0"
},
"c_card_m_flat_m_selectable_raised_before_Right": {
"name": "--pf-v5-c-card--m-flat--m-selectable-raised--before--Right",
"value": "calc(-1 * 1px)",
"values": [
"calc(-1 * --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-1 * --pf-v5-global--BorderWidth--sm)",
"calc(-1 * $pf-v5-global--BorderWidth--sm)",
"calc(-1 * 1px)"
]
},
"c_card_m_flat_m_selectable_raised_before_Bottom": {
"name": "--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom",
"value": "calc(-1 * 1px)",
"values": [
"calc(-1 * --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-1 * --pf-v5-global--BorderWidth--sm)",
"calc(-1 * $pf-v5-global--BorderWidth--sm)",
"calc(-1 * 1px)"
]
},
"c_card_m_flat_m_selectable_raised_before_Left": {
"name": "--pf-v5-c-card--m-flat--m-selectable-raised--before--Left",
"value": "calc(-1 * 1px)",
"values": [
"calc(-1 * --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-1 * --pf-v5-global--BorderWidth--sm)",
"calc(-1 * $pf-v5-global--BorderWidth--sm)",
"calc(-1 * 1px)"
]
},
"c_card_m_selectable_raised_before_Height": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Height",
"value": "4px",
"values": [
"--pf-v5-global--BorderWidth--xl",
"$pf-v5-global--BorderWidth--xl",
"4px"
]
},
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "transparent"
},
"c_card_m_selectable_raised_before_Transition": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Transition",
"value": "none"
},
"c_card_m_selectable_raised_before_ScaleY": {
"name": "--pf-v5-c-card--m-selectable-raised--before--ScaleY",
"value": "1"
},
"c_card_m_selectable_raised_before_TranslateY": {
"name": "--pf-v5-c-card--m-selectable-raised--before--TranslateY",
"value": "0"
},
"c_card_m_selectable_raised_hover_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable-raised--hover--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_hover_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
},
"c_card_m_selectable_raised_focus_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable-raised--focus--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_focus_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
},
"c_card_m_selectable_raised_active_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable-raised--active--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_active_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
},
"c_card_m_selectable_raised_m_selected_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_m_selectable_raised_m_selected_raised_BoxShadow": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow",
"value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
"values": [
"--pf-v5-global--BoxShadow--lg",
"$pf-v5-global--BoxShadow--lg",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08)",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
"0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
]
},
"c_card_m_selectable_raised_m_selected_raised_TranslateY_base": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base",
"value": "-0.5rem"
},
"c_card_m_selectable_raised_m_selected_raised_TranslateY": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY",
"value": "-0.5rem",
"values": [
"--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base",
"-0.5rem"
]
},
"c_card_m_flat_m_selectable_raised_m_selected_raised_TranslateY": {
"name": "--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY",
"value": "calc(-0.5rem + 1px)",
"values": [
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base + --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-0.5rem + --pf-v5-global--BorderWidth--sm)",
"calc(-0.5rem + $pf-v5-global--BorderWidth--sm)",
"calc(-0.5rem + 1px)"
]
},
"c_card_m_rounded_m_selectable_raised_m_selected_raised_TranslateY": {
"name": "--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY",
"value": "calc(-0.5rem + 3px)",
"values": [
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base + --pf-v5-c-card--m-rounded--BorderRadius)",
"calc(-0.5rem + --pf-v5-global--BorderRadius--sm)",
"calc(-0.5rem + $pf-v5-global--BorderRadius--sm)",
"calc(-0.5rem + 3px)"
]
},
"c_card_m_selectable_raised_m_selected_raised_ZIndex": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex",
"value": "100",
"values": [
"--pf-v5-global--ZIndex--xs",
"$pf-v5-global--ZIndex--xs",
"100"
]
},
"c_card_m_selectable_raised_m_selected_raised_Transition": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition",
"value": "transform .25s linear, box-shadow .25s linear"
},
"c_card_m_selectable_raised_m_selected_raised_before_Transition": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition",
"value": "transform .25s linear"
},
"c_card_m_selectable_raised_m_selected_raised_before_TranslateY": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY",
"value": "calc(-0.5rem * -1)",
"values": [
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY * -1)",
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base * -1)",
"calc(-0.5rem * -1)"
]
},
"c_card_m_selectable_raised_m_selected_raised_before_ScaleY": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY",
"value": "2"
},
"c_card_m_non_selectable_raised_BackgroundColor": {
"name": "--pf-v5-c-card--m-non-selectable-raised--BackgroundColor",
"value": "#fafafa",
"values": [
"--pf-v5-global--BackgroundColor--light-200",
"$pf-v5-global--BackgroundColor--light-200",
"$pf-v5-color-black-100",
"#fafafa"
]
},
"c_card_m_non_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_m_non_selectable_raised_before_ScaleY": {
"name": "--pf-v5-c-card--m-non-selectable-raised--before--ScaleY",
"value": "2"
},
"c_card_m_flat_m_non_selectable_raised_before_BorderColor": {
"name": "--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_m_compact__body_FontSize": {
"name": "--pf-v5-c-card--m-compact__body--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_card_m_compact__footer_FontSize": {
"name": "--pf-v5-c-card--m-compact__footer--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_card_m_compact_first_child_PaddingTop": {
"name": "--pf-v5-c-card--m-compact--first-child--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_m_compact_child_PaddingRight": {
"name": "--pf-v5-c-card--m-compact--child--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_m_compact_child_PaddingBottom": {
"name": "--pf-v5-c-card--m-compact--child--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_m_compact_child_PaddingLeft": {
"name": "--pf-v5-c-card--m-compact--child--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_m_compact_c_divider_child_PaddingTop": {
"name": "--pf-v5-c-card--m-compact--c-divider--child--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_m_compact__title_not_last_child_PaddingBottom": {
"name": "--pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_card_m_display_lg__title_text_FontSize": {
"name": "--pf-v5-c-card--m-display-lg__title-text--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_card_m_display_lg_first_child_PaddingTop": {
"name": "--pf-v5-c-card--m-display-lg--first-child--PaddingTop",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_m_display_lg_child_PaddingRight": {
"name": "--pf-v5-c-card--m-display-lg--child--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_m_display_lg_child_PaddingBottom": {
"name": "--pf-v5-c-card--m-display-lg--child--PaddingBottom",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_m_display_lg_child_PaddingLeft": {
"name": "--pf-v5-c-card--m-display-lg--child--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_m_display_lg_c_divider_child_PaddingTop": {
"name": "--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_m_display_lg__title_not_last_child_PaddingBottom": {
"name": "--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_card_m_flat_BorderWidth": {
"name": "--pf-v5-c-card--m-flat--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_card_m_flat_BorderColor": {
"name": "--pf-v5-c-card--m-flat--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_m_rounded_BorderRadius": {
"name": "--pf-v5-c-card--m-rounded--BorderRadius",
"value": "3px",
"values": [
"--pf-v5-global--BorderRadius--sm",
"$pf-v5-global--BorderRadius--sm",
"3px"
]
},
"c_card_m_full_height_Height": {
"name": "--pf-v5-c-card--m-full-height--Height",
"value": "100%"
},
"c_card_m_plain_BoxShadow": {
"name": "--pf-v5-c-card--m-plain--BoxShadow",
"value": "none"
},
"c_card_m_plain_BackgroundColor": {
"name": "--pf-v5-c-card--m-plain--BackgroundColor",
"value": "transparent"
},
"c_card__header_m_toggle_right_toggle_MarginRight": {
"name": "--pf-v5-c-card__header--m-toggle-right--toggle--MarginRight",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_card__header_m_toggle_right_toggle_MarginLeft": {
"name": "--pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_card__input_focus_BorderWidth": {
"name": "--pf-v5-c-card__input--focus--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_card__input_focus_BorderColor": {
"name": "--pf-v5-c-card__input--focus--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "unset"
},
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "unset"
}
},
".pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "transparent",
"values": [
"--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor",
"transparent"
]
}
},
".pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor",
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor",
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#fafafa",
"values": [
"--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor",
"--pf-v5-global--palette--black-100",
"$pf-v5-color-black-100",
"#fafafa"
]
},
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-card--m-selectable--m-disabled--BorderColor",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-card--m-selectable--m-disabled--BoxShadow",
"--pf-v5-global--BoxShadow--sm",
"$pf-v5-global--BoxShadow--sm",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
"0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
]
}
},
".pf-v5-c-card.pf-m-hoverable-raised:hover": {
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow",
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor",
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
}
},
".pf-v5-c-card.pf-m-selectable-raised:hover": {
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-card--m-selectable-raised--hover--BoxShadow",
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor",
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
}
},
".pf-v5-c-card.pf-m-selectable-raised:focus": {
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-card--m-selectable-raised--focus--BoxShadow",
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor",
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
}
},
".pf-v5-c-card.pf-m-selectable-raised:active": {
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-card--m-selectable-raised--active--BoxShadow",
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "#73bcf7",
"values": [
"--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor",
"--pf-v5-global--active-color--400",
"$pf-v5-global--active-color--400",
"$pf-v5-color-blue-200",
"#73bcf7"
]
}
},
".pf-v5-c-card.pf-m-selectable-raised.pf-m-selected-raised": {
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_m_selectable_raised_before_Transition": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Transition",
"value": "transform .25s linear",
"values": [
"--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition",
"transform .25s linear"
]
},
"c_card_m_selectable_raised_before_TranslateY": {
"name": "--pf-v5-c-card--m-selectable-raised--before--TranslateY",
"value": "calc(-0.5rem * -1)",
"values": [
"--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY",
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY * -1)",
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base * -1)",
"calc(-0.5rem * -1)"
]
},
"c_card_m_selectable_raised_before_ScaleY": {
"name": "--pf-v5-c-card--m-selectable-raised--before--ScaleY",
"value": "2",
"values": [
"--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY",
"2"
]
}
},
".pf-v5-c-card.pf-m-non-selectable-raised": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#fafafa",
"values": [
"--pf-v5-c-card--m-non-selectable-raised--BackgroundColor",
"--pf-v5-global--BackgroundColor--light-200",
"$pf-v5-global--BackgroundColor--light-200",
"$pf-v5-color-black-100",
"#fafafa"
]
},
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "none"
},
"c_card_m_flat_BorderColor": {
"name": "--pf-v5-c-card--m-flat--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_m_selectable_raised_before_BackgroundColor": {
"name": "--pf-v5-c-card--m-selectable-raised--before--BackgroundColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_m_selectable_raised_before_ScaleY": {
"name": "--pf-v5-c-card--m-selectable-raised--before--ScaleY",
"value": "2",
"values": [
"--pf-v5-c-card--m-non-selectable-raised--before--ScaleY",
"2"
]
}
},
".pf-v5-c-card.pf-m-compact": {
"c_card__body_FontSize": {
"name": "--pf-v5-c-card__body--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-card--m-compact__body--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_card__footer_FontSize": {
"name": "--pf-v5-c-card__footer--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-card--m-compact__footer--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_card_first_child_PaddingTop": {
"name": "--pf-v5-c-card--first-child--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-card--m-compact--first-child--PaddingTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_child_PaddingRight": {
"name": "--pf-v5-c-card--child--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-c-card--m-compact--child--PaddingRight",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_child_PaddingBottom": {
"name": "--pf-v5-c-card--child--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-c-card--m-compact--child--PaddingBottom",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_child_PaddingLeft": {
"name": "--pf-v5-c-card--child--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-c-card--m-compact--child--PaddingLeft",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card_c_divider_child_PaddingTop": {
"name": "--pf-v5-c-card--c-divider--child--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-card--m-compact--c-divider--child--PaddingTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_card__title_not_last_child_PaddingBottom": {
"name": "--pf-v5-c-card__title--not--last-child--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
}
},
".pf-v5-c-card.pf-m-display-lg": {
"c_card__title_text_FontSize": {
"name": "--pf-v5-c-card__title-text--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-c-card--m-display-lg__title-text--FontSize",
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_card_first_child_PaddingTop": {
"name": "--pf-v5-c-card--first-child--PaddingTop",
"value": "2rem",
"values": [
"--pf-v5-c-card--m-display-lg--first-child--PaddingTop",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_child_PaddingRight": {
"name": "--pf-v5-c-card--child--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-c-card--m-display-lg--child--PaddingRight",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_child_PaddingBottom": {
"name": "--pf-v5-c-card--child--PaddingBottom",
"value": "2rem",
"values": [
"--pf-v5-c-card--m-display-lg--child--PaddingBottom",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_child_PaddingLeft": {
"name": "--pf-v5-c-card--child--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-c-card--m-display-lg--child--PaddingLeft",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card_c_divider_child_PaddingTop": {
"name": "--pf-v5-c-card--c-divider--child--PaddingTop",
"value": "2rem",
"values": [
"--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_card__title_not_last_child_PaddingBottom": {
"name": "--pf-v5-c-card__title--not--last-child--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom",
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
}
},
".pf-v5-c-card.pf-m-flat": {
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "none"
},
"c_card_m_selectable_raised_before_Right": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Right",
"value": "calc(-1 * 1px)",
"values": [
"--pf-v5-c-card--m-flat--m-selectable-raised--before--Right",
"calc(-1 * --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-1 * --pf-v5-global--BorderWidth--sm)",
"calc(-1 * $pf-v5-global--BorderWidth--sm)",
"calc(-1 * 1px)"
]
},
"c_card_m_selectable_raised_before_Bottom": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Bottom",
"value": "calc(-1 * 1px)",
"values": [
"--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom",
"calc(-1 * --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-1 * --pf-v5-global--BorderWidth--sm)",
"calc(-1 * $pf-v5-global--BorderWidth--sm)",
"calc(-1 * 1px)"
]
},
"c_card_m_selectable_raised_before_Left": {
"name": "--pf-v5-c-card--m-selectable-raised--before--Left",
"value": "calc(-1 * 1px)",
"values": [
"--pf-v5-c-card--m-flat--m-selectable-raised--before--Left",
"calc(-1 * --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-1 * --pf-v5-global--BorderWidth--sm)",
"calc(-1 * $pf-v5-global--BorderWidth--sm)",
"calc(-1 * 1px)"
]
},
"c_card_m_selectable_raised_m_selected_raised_TranslateY": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY",
"value": "calc(-0.5rem + 1px)",
"values": [
"--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY",
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base + --pf-v5-c-card--m-flat--BorderWidth)",
"calc(-0.5rem + --pf-v5-global--BorderWidth--sm)",
"calc(-0.5rem + $pf-v5-global--BorderWidth--sm)",
"calc(-0.5rem + 1px)"
]
}
},
".pf-v5-c-card.pf-m-plain": {
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "none",
"values": [
"--pf-v5-c-card--m-plain--BoxShadow",
"none"
]
},
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-card--m-plain--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-card.pf-m-rounded": {
"c_card_m_selectable_raised_m_selected_raised_TranslateY": {
"name": "--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY",
"value": "calc(-0.5rem + 3px)",
"values": [
"--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY",
"calc(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base + --pf-v5-c-card--m-rounded--BorderRadius)",
"calc(-0.5rem + --pf-v5-global--BorderRadius--sm)",
"calc(-0.5rem + $pf-v5-global--BorderRadius--sm)",
"calc(-0.5rem + 3px)"
]
}
},
".pf-v5-c-card__header .pf-v5-c-card__title": {
"c_card_first_child_PaddingTop": {
"name": "--pf-v5-c-card--first-child--PaddingTop",
"value": "0"
},
"c_card__title_not_last_child_PaddingBottom": {
"name": "--pf-v5-c-card__title--not--last-child--PaddingBottom",
"value": "0"
}
},
".pf-v5-c-card__header.pf-m-toggle-right": {
"c_card__header_toggle_MarginRight": {
"name": "--pf-v5-c-card__header-toggle--MarginRight",
"value": "calc(0.375rem * -1)",
"values": [
"--pf-v5-c-card__header--m-toggle-right--toggle--MarginRight",
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_card__header_toggle_MarginLeft": {
"name": "--pf-v5-c-card__header-toggle--MarginLeft",
"value": "0.25rem",
"values": [
"--pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft",
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
}
},
".pf-v5-c-card__actions.pf-m-no-offset": {
"c_card__actions_MarginTop": {
"name": "--pf-v5-c-card__actions--MarginTop",
"value": "0"
},
"c_card__actions_MarginBottom": {
"name": "--pf-v5-c-card__actions--MarginBottom",
"value": "0"
}
},
".pf-v5-c-card__selectable-actions .pf-v5-c-check__label:hover": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-c-card--m-selectable--hover--BackgroundColor",
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
"values": [
"--pf-v5-c-card--m-selectable--hover--BoxShadow",
"--pf-v5-global--BoxShadow--lg",
"$pf-v5-global--BoxShadow--lg",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08)",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
"0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
]
}
},
".pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label": {
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-card--m-selectable--m-selected--BorderColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-card--m-selectable--m-selected--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
}
},
".pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label": {
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-card--m-selectable--focus--BorderColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#bee1f4",
"values": [
"--pf-v5-c-card--m-selectable--focus--BackgroundColor",
"--pf-v5-global--palette--blue-100",
"$pf-v5-color-blue-100",
"#bee1f4"
]
}
},
".pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-check__label": {
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label": {
"c_card_BackgroundColor": {
"name": "--pf-v5-c-card--BackgroundColor",
"value": "#fafafa",
"values": [
"--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor",
"--pf-v5-global--palette--black-100",
"$pf-v5-color-black-100",
"#fafafa"
]
},
"c_card_BorderColor": {
"name": "--pf-v5-c-card--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-card--m-selectable--m-disabled--BorderColor",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_card_BoxShadow": {
"name": "--pf-v5-c-card--BoxShadow",
"value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-card--m-selectable--m-disabled--BoxShadow",
"--pf-v5-global--BoxShadow--sm",
"$pf-v5-global--BoxShadow--sm",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
"0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
]
}
},
".pf-v5-c-card__expandable-content": {
"c_card_first_child_PaddingTop": {
"name": "--pf-v5-c-card--first-child--PaddingTop",
"value": "0"
}
}
};
export default c_card;© 2015 - 2025 Weber Informatics LLC | Privacy Policy