UNPKG

3.37 kBJavaScriptView Raw
1const moduleStyles = {
2
3 'border-radius'(moduleStyle) {
4 let name = moduleStyle.name;
5 let postfix = name === 'default' ? '' : `-${name}`;
6
7 return [
8 `rounded${postfix}`,
9 `rounded-t${postfix}`,
10 `rounded-r${postfix}`,
11 `rounded-b${postfix}`,
12 `rounded-l${postfix}`,
13 `rounded-tl${postfix}`,
14 `rounded-tr${postfix}`,
15 `rounded-br${postfix}`,
16 `rounded-bl${postfix}`,
17 ];
18 },
19
20 'border-widths'(moduleStyle) {
21 let name = moduleStyle.name;
22 let postfix = name === 'default' ? '' : `-${name}`;
23
24 return [
25 `border${postfix}`,
26 `border-t${postfix}`,
27 `border-r${postfix}`,
28 `border-b${postfix}`,
29 `border-l${postfix}`,
30 ];
31 },
32
33 'colors'(moduleStyle) {
34 let name = moduleStyle.name;
35
36 return [
37 `text-${name}`,
38 `bg-${name}`,
39 `border-${name}`
40 ]
41 },
42
43 'font-weights'(moduleStyle) {
44 let name = moduleStyle.name;
45
46 return [
47 `font-${name}`,
48 ]
49 },
50
51 'height'(moduleStyle) {
52 let name = moduleStyle.name;
53
54 return [
55 `h-${name}`,
56 ]
57 },
58
59 'letter-spacing'(moduleStyle) {
60 let name = moduleStyle.name;
61
62 return [
63 `tracking-${name}`,
64 ]
65 },
66
67 'line-height'(moduleStyle) {
68 let name = moduleStyle.name;
69
70 return [
71 `leading-${name}`,
72 ]
73 },
74
75 'margin'(moduleStyle) {
76 let name = moduleStyle.name;
77
78 return [
79 `m-${name}`,
80 `mt-${name}`,
81 `mr-${name}`,
82 `mb-${name}`,
83 `ml-${name}`,
84 `mx-${name}`,
85 `my-${name}`,
86 ]
87 },
88
89 'max-height'(moduleStyle) {
90 let name = moduleStyle.name;
91
92 return [
93 `max-h-${name}`
94 ]
95 },
96
97 'max-width'(moduleStyle) {
98 let name = moduleStyle.name;
99
100 return [
101 `max-w-${name}`
102 ]
103 },
104
105 'min-height'(moduleStyle) {
106 let name = moduleStyle.name;
107
108 return [
109 `min-h-${name}`
110 ]
111 },
112
113 'min-width'(moduleStyle) {
114 let name = moduleStyle.name;
115
116 return [
117 `min-w-${name}`
118 ]
119 },
120
121 'negative-margin'(moduleStyle) {
122 let name = moduleStyle.name;
123
124 return [
125 `-m-${name}`,
126 `-mt-${name}`,
127 `-mr-${name}`,
128 `-mb-${name}`,
129 `-ml-${name}`,
130 `-mx-${name}`,
131 `-my-${name}`,
132 ]
133 },
134
135 'opacity'(moduleStyle) {
136 let name = moduleStyle.name;
137
138 return [
139 `opacity-${name}`
140 ]
141 },
142
143 'padding'(moduleStyle) {
144 let name = moduleStyle.name;
145
146 return [
147 `p-${name}`,
148 `pt-${name}`,
149 `pr-${name}`,
150 `pb-${name}`,
151 `pl-${name}`,
152 `px-${name}`,
153 `py-${name}`,
154 ]
155 },
156
157 'shadows'(moduleStyle) {
158 let name = moduleStyle.name;
159 let postfix = name === 'default' ? '' : `-${name}`;
160
161 return [
162 `shadow${postfix}`
163 ];
164 },
165
166 'svg-fill'(moduleStyle) {
167 let name = moduleStyle.name;
168
169 return [
170 `fill-${name}`
171 ]
172 },
173
174 'svg-stroke'(moduleStyle) {
175 let name = moduleStyle.name;
176
177 return [
178 `stroke-${name}`
179 ]
180 },
181
182 'text-sizes'(moduleStyle) {
183 let name = moduleStyle.name;
184
185 return [
186 `text-${name}`
187 ]
188 },
189
190 'width'(moduleStyle) {
191 let name = moduleStyle.name;
192
193 return [
194 `w-${name}`,
195 ]
196 },
197
198 'z-index'(moduleStyle) {
199 let name = moduleStyle.name;
200
201 return [
202 `z-${name}`,
203 ]
204 },
205
206
207}
208
209export default function(moduleStyle) {
210 return moduleStyles[moduleStyle.module](moduleStyle);
211}