@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
35 lines (34 loc) • 866 B
JavaScript
import { composeStyles, createStyles } from "@crossed/styled";
const styles = createStyles(({ colors, space }) => ({
box: {
base: {
backgroundColor: colors.background.secondary,
borderTopLeftRadius: 24,
borderTopRightRadius: 24
}
},
container: {
base: {
paddingBottom: space["4xl"],
paddingTop: space.md,
maxHeight: "97%"
}
},
containerPadded: { base: { paddingHorizontal: space["4xl"] } },
maxHeight: { base: { maxHeight: "100%" } },
indicator: {
base: {
width: 54,
height: 5,
backgroundColor: colors.primary[20],
alignSelf: "center",
borderRadius: 14
}
}
}));
const paddedContainerStyle = (padded) => composeStyles(padded && styles.containerPadded, padded && styles.container);
export {
paddedContainerStyle,
styles
};
//# sourceMappingURL=styles.js.map