-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
box_alignment.cljc
86 lines (77 loc) · 3.08 KB
/
box_alignment.cljc
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
(ns com.wsscode.tailwind-garden.components.box-alignment)
(defn justify-content
"https://tailwindcss.com/docs/justify-content"
[]
[[:.justify-start {:justify-content "flex-start"}]
[:.justify-end {:justify-content "flex-end"}]
[:.justify-center {:justify-content "center"}]
[:.justify-between {:justify-content "space-between"}]
[:.justify-around {:justify-content "space-around"}]
[:.justify-evenly {:justify-content "space-evenly"}]])
(defn justify-items
"https://tailwindcss.com/docs/justify-items"
[]
[[:.justify-items-auto {:justify-items "auto"}]
[:.justify-items-start {:justify-items "start"}]
[:.justify-items-end {:justify-items "end"}]
[:.justify-items-center {:justify-items "center"}]
[:.justify-items-stretch {:justify-items "stretch"}]])
(defn justify-self
"https://tailwindcss.com/docs/justify-self"
[]
[[:.justify-self-auto {:justify-self "auto"}]
[:.justify-self-start {:justify-self "start"}]
[:.justify-self-end {:justify-self "end"}]
[:.justify-self-center {:justify-self "center"}]
[:.justify-self-stretch {:justify-self "stretch"}]])
(defn align-content
"https://tailwindcss.com/docs/align-content"
[]
[[:.content-center {:align-content "center"}]
[:.content-start {:align-content "flex-start"}]
[:.content-end {:align-content "flex-end"}]
[:.content-between {:align-content "space-between"}]
[:.content-around {:align-content "space-around"}]
[:.content-evenly {:align-content "space-evenly"}]])
(defn align-items
"https://tailwindcss.com/docs/align-items"
[]
[[:.items-start {:align-items "flex-start"}]
[:.items-end {:align-items "flex-end"}]
[:.items-center {:align-items "center"}]
[:.items-baseline {:align-items "baseline"}]
[:.items-stretch {:align-items "stretch"}]])
(defn align-self
"https://tailwindcss.com/docs/align-self"
[]
[[:.self-auto {:align-self "auto"}]
[:.self-start {:align-self "flex-start"}]
[:.self-end {:align-self "flex-end"}]
[:.self-center {:align-self "center"}]
[:.self-stretch {:align-self "stretch"}]])
(defn place-content
"https://tailwindcss.com/docs/place-content"
[]
[[:.place-content-center {:place-content "center"}]
[:.place-content-start {:place-content "start"}]
[:.place-content-end {:place-content "end"}]
[:.place-content-between {:place-content "space-between"}]
[:.place-content-around {:place-content "space-around"}]
[:.place-content-evenly {:place-content "space-evenly"}]
[:.place-content-stretch {:place-content "stretch"}]])
(defn place-items
"https://tailwindcss.com/docs/place-items"
[]
[[:.place-items-auto {:place-items "auto"}]
[:.place-items-start {:place-items "start"}]
[:.place-items-end {:place-items "end"}]
[:.place-items-center {:place-items "center"}]
[:.place-items-stretch {:place-items "stretch"}]])
(defn place-self
"https://tailwindcss.com/docs/place-self"
[]
[[:.place-self-auto {:place-self "auto"}]
[:.place-self-start {:place-self "start"}]
[:.place-self-end {:place-self "end"}]
[:.place-self-center {:place-self "center"}]
[:.place-self-stretch {:place-self "stretch"}]])