@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
49 lines • 1.78 kB
JavaScript
export const c_background_image = {
".pf-v6-c-background-image": {
"c_background_image_BackgroundColor": {
"name": "--pf-v6-c-background-image--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_background_image_BackgroundImage": {
"name": "--pf-v6-c-background-image--BackgroundImage",
"value": "none"
},
"c_background_image_BackgroundSize_min_width": {
"name": "--pf-v6-c-background-image--BackgroundSize--min-width",
"value": "200px"
},
"c_background_image_BackgroundSize_width": {
"name": "--pf-v6-c-background-image--BackgroundSize--width",
"value": "60%"
},
"c_background_image_BackgroundSize_max_width": {
"name": "--pf-v6-c-background-image--BackgroundSize--max-width",
"value": "600px"
},
"c_background_image_BackgroundSize": {
"name": "--pf-v6-c-background-image--BackgroundSize",
"value": "clamp(200px, 60%, 600px)",
"values": [
"clamp(--pf-v6-c-background-image--BackgroundSize--min-width, --pf-v6-c-background-image--BackgroundSize--width, --pf-v6-c-background-image--BackgroundSize--max-width)",
"clamp(200px, 60%, 600px)"
]
},
"c_background_image_BackgroundPosition": {
"name": "--pf-v6-c-background-image--BackgroundPosition",
"value": "bottom right"
}
},
":where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image": {
"c_background_image_BackgroundPosition": {
"name": "--pf-v6-c-background-image--BackgroundPosition",
"value": "bottom left"
}
}
};
export default c_background_image;