@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
44 lines (43 loc) • 920 B
JavaScript
import { createStyles } from "@crossed/styled";
const overlayStyles = createStyles(({ colors }) => ({
root: {
base: {
position: "absolute",
backgroundColor: colors.black,
opacity: 0.7,
top: 0,
left: 0,
right: 0,
bottom: 0,
zIndex: 1
},
web: { base: { position: "fixed" } }
}
}));
const modalStyles = createStyles(({ colors, space }) => ({
content: {
base: {
zIndex: 1e5,
borderRadius: 16,
backgroundColor: colors.background.secondary,
margin: "auto",
padding: space.xl,
gap: space.xl
}
// web: {
// base: {
// position: 'fixed',
// boxShadow: '0px 8px 24px 0px #0000001A',
// },
// },
}
}));
const attachTriggerStyles = createStyles(() => ({
content: { base: {} }
}));
export {
attachTriggerStyles,
modalStyles,
overlayStyles
};
//# sourceMappingURL=styles.js.map