@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
31 lines (30 loc) • 863 B
JavaScript
import { createStyles } from "@crossed/styled";
const shrinkStyles = createStyles(() => ({
on: { base: { flexShrink: 1 } },
off: { base: { flexShrink: 0 } }
}));
const growStyles = createStyles(() => ({
on: { base: { flexGrow: 1 } },
off: { base: { flexGrow: 0 } }
}));
const flexDirectionStyles = createStyles(() => ({
row: { base: { flexDirection: "row" } },
rowReverse: { base: { flexDirection: "row-reverse" } },
column: { base: { flexDirection: "column" } },
columnReverse: { base: { flexDirection: "column-reverse" } }
}));
const flexDirectionResponsiveStyles = createStyles(() => ({
mdCol: {
media: { md: { flexDirection: "column" } }
},
mdRow: {
media: { md: { flexDirection: "row" } }
}
}));
export {
flexDirectionResponsiveStyles,
flexDirectionStyles,
growStyles,
shrinkStyles
};
//# sourceMappingURL=flex.js.map