@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
146 lines • 4.28 kB
TypeScript
export const c_divider: {
".pf-v6-c-divider": {
"c_divider_Display": {
"name": "--pf-v6-c-divider--Display",
"value": "flex"
},
"c_divider_Color": {
"name": "--pf-v6-c-divider--Color",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_divider_Size": {
"name": "--pf-v6-c-divider--Size",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "100%"
},
"hidden_visible_visible_Display": {
"name": "--pf-v6-hidden-visible--visible--Display",
"value": "flex",
"values": [
"--pf-v6-c-divider--Display",
"flex"
]
},
"hidden_visible_hidden_Display": {
"name": "--pf-v6-hidden-visible--hidden--Display",
"value": "none"
},
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "flex",
"values": [
"--pf-v6-hidden-visible--visible--Display",
"--pf-v6-c-data-list__item-action--Display",
"flex"
]
}
},
".pf-v6-c-divider.pf-m-hidden": {
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "none",
"values": [
"--pf-v6-hidden-visible--hidden--Display",
"none"
]
}
},
".pf-v6-c-divider.pf-m-inset-none": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 0% * 2)"
}
},
".pf-v6-c-divider.pf-m-inset-xs": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 0.25rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--xs * 2)",
"calc(100% - --pf-t--global--spacer--100 * 2)",
"calc(100% - 0.25rem * 2)"
]
}
},
".pf-v6-c-divider.pf-m-inset-sm": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 0.5rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--sm * 2)",
"calc(100% - --pf-t--global--spacer--200 * 2)",
"calc(100% - 0.5rem * 2)"
]
}
},
".pf-v6-c-divider.pf-m-inset-md": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 1rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--md * 2)",
"calc(100% - --pf-t--global--spacer--300 * 2)",
"calc(100% - 1rem * 2)"
]
}
},
".pf-v6-c-divider.pf-m-inset-lg": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 1.5rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--lg * 2)",
"calc(100% - --pf-t--global--spacer--400 * 2)",
"calc(100% - 1.5rem * 2)"
]
}
},
".pf-v6-c-divider.pf-m-inset-xl": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 2rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--xl * 2)",
"calc(100% - --pf-t--global--spacer--500 * 2)",
"calc(100% - 2rem * 2)"
]
}
},
".pf-v6-c-divider.pf-m-inset-2xl": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 3rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--2xl * 2)",
"calc(100% - --pf-t--global--spacer--600 * 2)",
"calc(100% - 3rem * 2)"
]
}
},
".pf-v6-c-divider.pf-m-inset-3xl": {
"c_divider_before_FlexBasis": {
"name": "--pf-v6-c-divider--before--FlexBasis",
"value": "calc(100% - 4rem * 2)",
"values": [
"calc(100% - --pf-t--global--spacer--3xl * 2)",
"calc(100% - --pf-t--global--spacer--700 * 2)",
"calc(100% - 4rem * 2)"
]
}
}
};
export default c_divider;