@windijs/utilities
Version:
@windijs/utilities
15 lines (12 loc) • 941 B
JavaScript
import { flexDirectionConfig, flexWrapConfig, flexStretchConfig, flexGrowConfig, flexShrinkConfig } from '@windijs/config';
import { createUtility, cssHandler, configHandler, buildFlexDirection, buildFlexStretch } from '@windijs/core';
import { prop } from '@windijs/helpers';
var flex = createUtility("flex")
.use(cssHandler({ display: ["-webkit-box", "-ms-flexbox", "-webkit-flex", "flex"] }))
.use(configHandler(flexDirectionConfig, buildFlexDirection))
.use(configHandler(flexWrapConfig, [prop `-ms-flex-wrap`, prop `-webkit-flex-wrap`, "flexWrap"]))
.use(configHandler(flexStretchConfig, buildFlexStretch))
.case("grow", configHandler(flexGrowConfig, [prop `-webkit-box-flex`, prop `-ms-flex-positive`, prop `-webkit-flex-grow`, "flexGrow"]))
.case("shrink", configHandler(flexShrinkConfig, [prop `-ms-flex-negative`, prop `-webkit-flex-shrink`, "flexShrink"]))
.init();
export { flex as default };