@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
23 lines (22 loc) • 989 B
JavaScript
import { createStyles } from "@crossed/styled";
const justifyContentStyle = createStyles(() => ({
start: { base: { justifyContent: "flex-start" } },
end: { base: { justifyContent: "flex-end" } },
between: { base: { justifyContent: "space-between" } },
around: { base: { justifyContent: "space-around" } },
evenly: { base: { justifyContent: "space-evenly" } },
center: { base: { justifyContent: "center" } }
}));
const justifyContentResponsiveStyle = createStyles(() => ({
"mdStart": { media: { md: { justifyContent: "flex-start" } } },
"mdEnd": { media: { md: { justifyContent: "flex-end" } } },
"mdBetween": { media: { md: { justifyContent: "space-between" } } },
"mdAround": { media: { md: { justifyContent: "space-around" } } },
"mdEvenly": { base: { justifyContent: "space-evenly" } },
"mdCenter": { media: { md: { justifyContent: "center" } } }
}));
export {
justifyContentResponsiveStyle,
justifyContentStyle
};
//# sourceMappingURL=justifyContent.js.map