@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
687 lines • 20.4 kB
JavaScript
export const c_content = {
":root": {
"c_content_MarginBlockEnd": {
"name": "--pf-v6-c-content--MarginBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_LineHeight": {
"name": "--pf-v6-c-content--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_content_FontSize": {
"name": "--pf-v6-c-content--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_content_m_editorial_FontSize": {
"name": "--pf-v6-c-content--m-editorial--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_content_FontWeight": {
"name": "--pf-v6-c-content--FontWeight",
"value": "400",
"values": [
"--pf-t--global--font--weight--body--default",
"--pf-t--global--font--weight--100",
"400"
]
},
"c_content_Color": {
"name": "--pf-v6-c-content--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_content_heading_FontFamily": {
"name": "--pf-v6-c-content--heading--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
},
"c_content_h1_MarginBlockStart": {
"name": "--pf-v6-c-content--h1--MarginBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_h1_MarginBlockEnd": {
"name": "--pf-v6-c-content--h1--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_h1_LineHeight": {
"name": "--pf-v6-c-content--h1--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_content_h1_FontSize": {
"name": "--pf-v6-c-content--h1--FontSize",
"value": "1.5rem",
"values": [
"--pf-t--global--font--size--heading--h1",
"--pf-t--global--font--size--2xl",
"--pf-t--global--font--size--600",
"1.5rem"
]
},
"c_content_h1_FontWeight": {
"name": "--pf-v6-c-content--h1--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_content_h2_MarginBlockStart": {
"name": "--pf-v6-c-content--h2--MarginBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_h2_MarginBlockEnd": {
"name": "--pf-v6-c-content--h2--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_h2_LineHeight": {
"name": "--pf-v6-c-content--h2--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_content_h2_FontSize": {
"name": "--pf-v6-c-content--h2--FontSize",
"value": "1.25rem",
"values": [
"--pf-t--global--font--size--heading--h2",
"--pf-t--global--font--size--xl",
"--pf-t--global--font--size--500",
"1.25rem"
]
},
"c_content_h2_FontWeight": {
"name": "--pf-v6-c-content--h2--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_content_h3_MarginBlockStart": {
"name": "--pf-v6-c-content--h3--MarginBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_h3_MarginBlockEnd": {
"name": "--pf-v6-c-content--h3--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_h3_LineHeight": {
"name": "--pf-v6-c-content--h3--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_content_h3_FontSize": {
"name": "--pf-v6-c-content--h3--FontSize",
"value": "1.125rem",
"values": [
"--pf-t--global--font--size--heading--h3",
"--pf-t--global--font--size--lg",
"--pf-t--global--font--size--400",
"1.125rem"
]
},
"c_content_h3_FontWeight": {
"name": "--pf-v6-c-content--h3--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_content_h4_MarginBlockStart": {
"name": "--pf-v6-c-content--h4--MarginBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_h4_MarginBlockEnd": {
"name": "--pf-v6-c-content--h4--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_h4_LineHeight": {
"name": "--pf-v6-c-content--h4--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_content_h4_FontSize": {
"name": "--pf-v6-c-content--h4--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--h4",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_content_h4_FontWeight": {
"name": "--pf-v6-c-content--h4--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_content_h5_MarginBlockStart": {
"name": "--pf-v6-c-content--h5--MarginBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_h5_MarginBlockEnd": {
"name": "--pf-v6-c-content--h5--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_h5_LineHeight": {
"name": "--pf-v6-c-content--h5--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_content_h5_FontSize": {
"name": "--pf-v6-c-content--h5--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--h5",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_content_h5_FontWeight": {
"name": "--pf-v6-c-content--h5--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_content_h6_MarginBlockStart": {
"name": "--pf-v6-c-content--h6--MarginBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_h6_MarginBlockEnd": {
"name": "--pf-v6-c-content--h6--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_h6_LineHeight": {
"name": "--pf-v6-c-content--h6--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_content_h6_FontSize": {
"name": "--pf-v6-c-content--h6--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--h6",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_content_h6_FontWeight": {
"name": "--pf-v6-c-content--h6--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_content_small_MarginBlockEnd": {
"name": "--pf-v6-c-content--small--MarginBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_small_LineHeight": {
"name": "--pf-v6-c-content--small--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_content_small_FontSize": {
"name": "--pf-v6-c-content--small--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_content_m_editorial_small_FontSize": {
"name": "--pf-v6-c-content--m-editorial--small--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_content_small_Color": {
"name": "--pf-v6-c-content--small--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_content_a_Color": {
"name": "--pf-v6-c-content--a--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_content_a_TextDecorationLine": {
"name": "--pf-v6-c-content--a--TextDecorationLine",
"value": "underline",
"values": [
"--pf-t--global--text-decoration--link--line--default",
"--pf-t--global--text-decoration--line--200",
"underline"
]
},
"c_content_a_TextDecorationStyle": {
"name": "--pf-v6-c-content--a--TextDecorationStyle",
"value": "solid",
"values": [
"--pf-t--global--text-decoration--link--style--default",
"--pf-t--global--text-decoration--style--100",
"solid"
]
},
"c_content_a_hover_Color": {
"name": "--pf-v6-c-content--a--hover--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_content_a_hover_TextDecorationLine": {
"name": "--pf-v6-c-content--a--hover--TextDecorationLine",
"value": "underline",
"values": [
"--pf-t--global--text-decoration--link--line--hover",
"--pf-t--global--text-decoration--line--200",
"underline"
]
},
"c_content_a_hover_TextDecorationStyle": {
"name": "--pf-v6-c-content--a--hover--TextDecorationStyle",
"value": "solid",
"values": [
"--pf-t--global--text-decoration--link--style--hover",
"--pf-t--global--text-decoration--style--100",
"solid"
]
},
"c_content_a_visited_Color": {
"name": "--pf-v6-c-content--a--visited--Color",
"value": "#5e40be",
"values": [
"--pf-t--global--text--color--link--visited",
"--pf-t--global--text--color--link--300",
"--pf-t--color--purple--50",
"#5e40be"
]
},
"c_content_blockquote_PaddingBlockStart": {
"name": "--pf-v6-c-content--blockquote--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_blockquote_PaddingInlineEnd": {
"name": "--pf-v6-c-content--blockquote--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_blockquote_PaddingBlockEnd": {
"name": "--pf-v6-c-content--blockquote--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_blockquote_PaddingInlineStart": {
"name": "--pf-v6-c-content--blockquote--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_blockquote_Color": {
"name": "--pf-v6-c-content--blockquote--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_content_blockquote_BorderInlineStartColor": {
"name": "--pf-v6-c-content--blockquote--BorderInlineStartColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_content_blockquote_BorderInlineStartWidth": {
"name": "--pf-v6-c-content--blockquote--BorderInlineStartWidth",
"value": "3px",
"values": [
"--pf-t--global--border--width--300",
"3px"
]
},
"c_content_list_Gap": {
"name": "--pf-v6-c-content--list--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_list_PaddingInlineStart": {
"name": "--pf-v6-c-content--list--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_list_nested_MarginBlockStart": {
"name": "--pf-v6-c-content--list--nested--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-v6-c-content--list--Gap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_content_ul_ListStyle": {
"name": "--pf-v6-c-content--ul--ListStyle",
"value": "disc outside",
"values": [
"--pf-t--global--list-style",
"disc outside"
]
},
"c_content_dl_GridTemplateColumns_dt": {
"name": "--pf-v6-c-content--dl--GridTemplateColumns--dt",
"value": "12ch"
},
"c_content_dl_GridTemplateColumns_dd": {
"name": "--pf-v6-c-content--dl--GridTemplateColumns--dd",
"value": "1fr"
},
"c_content_dl_ColumnGap": {
"name": "--pf-v6-c-content--dl--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_dl_RowGap": {
"name": "--pf-v6-c-content--dl--RowGap",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--gap--group-to-group--vertical--default",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_content_dt_FontWeight": {
"name": "--pf-v6-c-content--dt--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"c_content_dt_MarginBlockStart": {
"name": "--pf-v6-c-content--dt--MarginBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_content_dt_sm_MarginBlockStart": {
"name": "--pf-v6-c-content--dt--sm--MarginBlockStart",
"value": "0"
},
"c_content_hr_Height": {
"name": "--pf-v6-c-content--hr--Height",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_content_hr_BackgroundColor": {
"name": "--pf-v6-c-content--hr--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
}
},
"[class*=pf-v6-c-content].pf-m-editorial": {
"c_content_FontSize": {
"name": "--pf-v6-c-content--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-content--m-editorial--FontSize",
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_content_small_FontSize": {
"name": "--pf-v6-c-content--small--FontSize",
"value": "0.875rem",
"values": [
"--pf-v6-c-content--m-editorial--small--FontSize",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
}
},
":is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus)": {
"c_content_a_Color": {
"name": "--pf-v6-c-content--a--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-content--a--hover--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_content_a_TextDecorationLine": {
"name": "--pf-v6-c-content--a--TextDecorationLine",
"value": "underline",
"values": [
"--pf-v6-c-content--a--hover--TextDecorationLine",
"--pf-t--global--text-decoration--link--line--hover",
"--pf-t--global--text-decoration--line--200",
"underline"
]
},
"c_content_a_TextDecorationStyle": {
"name": "--pf-v6-c-content--a--TextDecorationStyle",
"value": "solid",
"values": [
"--pf-v6-c-content--a--hover--TextDecorationStyle",
"--pf-t--global--text-decoration--link--style--hover",
"--pf-t--global--text-decoration--style--100",
"solid"
]
}
}
};
export default c_content;