@chakra-ui/styled-system
Version:
Style function for css-in-js building component libraries
39 lines • 974 B
JavaScript
import { t } from "../utils";
export var position = {
position: true,
pos: t.prop("position"),
zIndex: t.prop("zIndex", "zIndices"),
inset: t.spaceT(["top", "right", "bottom", "left"]),
insetX: t.spaceT(["left", "right"]),
insetInline: t.spaceT("insetInline"),
insetY: t.spaceT(["top", "bottom"]),
insetBlock: t.spaceT("insetBlock"),
top: t.spaceT("top"),
insetBlockStart: t.spaceT("insetBlockStart"),
bottom: t.spaceT("bottom"),
insetBlockEnd: t.spaceT("insetBlockEnd"),
left: t.spaceT("left"),
insetInlineStart: t.logical({
scale: "space",
property: {
ltr: "left",
rtl: "right"
}
}),
right: t.spaceT("right"),
insetInlineEnd: t.logical({
scale: "space",
property: {
ltr: "right",
rtl: "left"
}
})
};
Object.assign(position, {
insetStart: position.insetInlineStart,
insetEnd: position.insetInlineEnd
});
/**
* Types for position CSS properties
*/
//# sourceMappingURL=position.js.map