@aplus-frontend/ui
Version:
46 lines (45 loc) • 1.17 kB
JavaScript
import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
import { defaultToken as i } from "./token.mjs";
const a = (r) => {
const { componentCls: t } = r, o = `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`;
return {
[t]: {
flex: "none",
backgroundColor: r.apProCardBorderColorSplit,
"&-vertical": {
position: "relative",
marginInline: r.space,
"&::after": {
position: "absolute",
height: r.apProCardDividerLineHeight,
top: "50%",
transform: "translateY(-50%)",
right: 0,
borderRight: o,
content: '""'
}
},
"&-horizontal": {
position: "relative",
marginBlock: r.space,
"&::after": {
position: "absolute",
width: r.apProCardDividerLineHeight,
left: "50%",
transform: "translateX(-50%)",
bottom: 0,
borderBottom: o,
content: '""'
}
}
}
};
}, l = e(
"ProCard.Divider",
(r) => [a(r)],
i
);
export {
l as default,
a as genProCardDividerStyle
};