@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
350 lines • 10.4 kB
TypeScript
export const c_title: {
".pf-v6-c-title": {
"c_title_FontFamily": {
"name": "--pf-v6-c-title--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_title_m_4xl_LineHeight": {
"name": "--pf-v6-c-title--m-4xl--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_4xl_FontSize": {
"name": "--pf-v6-c-title--m-4xl--FontSize",
"value": "2.25rem",
"values": [
"--pf-t--global--font--size--heading--2xl",
"--pf-t--global--font--size--4xl",
"--pf-t--global--font--size--800",
"2.25rem"
]
},
"c_title_m_4xl_FontWeight": {
"name": "--pf-v6-c-title--m-4xl--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_3xl_LineHeight": {
"name": "--pf-v6-c-title--m-3xl--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_3xl_FontSize": {
"name": "--pf-v6-c-title--m-3xl--FontSize",
"value": "1.75rem",
"values": [
"--pf-t--global--font--size--heading--xl",
"--pf-t--global--font--size--3xl",
"--pf-t--global--font--size--700",
"1.75rem"
]
},
"c_title_m_3xl_FontWeight": {
"name": "--pf-v6-c-title--m-3xl--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_2xl_LineHeight": {
"name": "--pf-v6-c-title--m-2xl--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_2xl_FontSize": {
"name": "--pf-v6-c-title--m-2xl--FontSize",
"value": "1.5rem",
"values": [
"--pf-t--global--font--size--heading--lg",
"--pf-t--global--font--size--2xl",
"--pf-t--global--font--size--600",
"1.5rem"
]
},
"c_title_m_2xl_FontWeight": {
"name": "--pf-v6-c-title--m-2xl--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_xl_LineHeight": {
"name": "--pf-v6-c-title--m-xl--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_xl_FontSize": {
"name": "--pf-v6-c-title--m-xl--FontSize",
"value": "1.25rem",
"values": [
"--pf-t--global--font--size--heading--md",
"--pf-t--global--font--size--xl",
"--pf-t--global--font--size--500",
"1.25rem"
]
},
"c_title_m_xl_FontWeight": {
"name": "--pf-v6-c-title--m-xl--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_lg_LineHeight": {
"name": "--pf-v6-c-title--m-lg--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_lg_FontSize": {
"name": "--pf-v6-c-title--m-lg--FontSize",
"value": "1.125rem",
"values": [
"--pf-t--global--font--size--heading--sm",
"--pf-t--global--font--size--lg",
"--pf-t--global--font--size--400",
"1.125rem"
]
},
"c_title_m_lg_FontWeight": {
"name": "--pf-v6-c-title--m-lg--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_md_LineHeight": {
"name": "--pf-v6-c-title--m-md--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_md_FontSize": {
"name": "--pf-v6-c-title--m-md--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_title_m_md_FontWeight": {
"name": "--pf-v6-c-title--m-md--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_h1_LineHeight": {
"name": "--pf-v6-c-title--m-h1--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_h1_FontSize": {
"name": "--pf-v6-c-title--m-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_title_m_h1_FontWeight": {
"name": "--pf-v6-c-title--m-h1--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_h2_LineHeight": {
"name": "--pf-v6-c-title--m-h2--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_h2_FontSize": {
"name": "--pf-v6-c-title--m-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_title_m_h2_FontWeight": {
"name": "--pf-v6-c-title--m-h2--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_h3_LineHeight": {
"name": "--pf-v6-c-title--m-h3--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_h3_FontSize": {
"name": "--pf-v6-c-title--m-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_title_m_h3_FontWeight": {
"name": "--pf-v6-c-title--m-h3--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_h4_LineHeight": {
"name": "--pf-v6-c-title--m-h4--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_h4_FontSize": {
"name": "--pf-v6-c-title--m-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_title_m_h4_FontWeight": {
"name": "--pf-v6-c-title--m-h4--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_h5_LineHeight": {
"name": "--pf-v6-c-title--m-h5--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_h5_FontSize": {
"name": "--pf-v6-c-title--m-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_title_m_h5_FontWeight": {
"name": "--pf-v6-c-title--m-h5--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_title_m_h6_LineHeight": {
"name": "--pf-v6-c-title--m-h6--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_title_m_h6_FontSize": {
"name": "--pf-v6-c-title--m-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_title_m_h6_FontWeight": {
"name": "--pf-v6-c-title--m-h6--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
}
}
};
export default c_title;