UNPKG

@crossed/ui

Version:

A universal & performant styling library for React Native, Next.js & React

37 lines (36 loc) • 1.52 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { createStyles } from "@crossed/styled"; const alignItemsStyle = createStyles(() => ({ "center": { base: { alignItems: "center" } }, "baseline": { base: { alignItems: "baseline" } }, "flex-end": { base: { alignItems: "flex-end" } }, "flex-start": { base: { alignItems: "flex-start" } }, "stretch": { base: { alignItems: "stretch" } } })); const alignItemsResponsiveStyle = createStyles(() => ({ "mdCenter": { media: { md: { alignItems: "center" } } }, "mdBaseline": { media: { md: { alignItems: "baseline" } } }, "mdEnd": { media: { md: { alignItems: "flex-end" } } }, "mdStart": { media: { md: { alignItems: "flex-start" } } }, "mdStretch": { media: { md: { alignItems: "stretch" } } } })); const alignSelfStyle = createStyles(() => ({ "center": { base: { alignSelf: "center" } }, "baseline": { base: { alignSelf: "baseline" } }, "flex-end": { base: { alignSelf: "flex-end" } }, "flex-start": { base: { alignSelf: "flex-start" } }, "stretch": { base: { alignSelf: "stretch" } } })); const alignSelfResponsiveStyle = createStyles(() => ({ "mdCenter": { media: { md: { alignSelf: "center" } } }, "mdBaseline": { media: { md: { alignSelf: "baseline" } } }, "mdEnd": { media: { md: { alignSelf: "flex-end" } } }, "mdStart": { media: { md: { alignSelf: "flex-start" } } }, "mdStretch": { media: { md: { alignSelf: "stretch" } } } })); export { alignItemsResponsiveStyle, alignItemsStyle, alignSelfResponsiveStyle, alignSelfStyle }; //# sourceMappingURL=alignItems.js.map