naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
31 lines • 812 B
JavaScript
import { repeat } from 'seemly';
import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
const positionStyles = repeat(24, null).map((_, index) => {
const prefixIndex = index + 1;
const percent = `calc(100% / 24 * ${prefixIndex})`;
return [cM(`${prefixIndex}-span`, {
width: percent
}), cM(`${prefixIndex}-offset`, {
marginLeft: percent
}), cM(`${prefixIndex}-push`, {
left: percent
}), cM(`${prefixIndex}-pull`, {
right: percent
})];
});
export default c([cB('row', {
width: '100%',
display: 'flex',
flexWrap: 'wrap'
}), cB('col', {
verticalAlign: 'top',
boxSizing: 'border-box',
display: 'inline-block',
position: 'relative',
zIndex: 'auto'
}, [cE('box', {
position: 'relative',
zIndex: 'auto',
width: '100%',
height: '100%'
}), positionStyles])]);