@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
31 lines (30 loc) • 836 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.xl, paddingTop: space.xs, maxHeight: "97%" }
},
containerPadded: { base: { paddingHorizontal: space.xl } },
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