1 | const 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 |
|
209 | export default function(moduleStyle) {
|
210 | return moduleStyles[moduleStyle.module](moduleStyle);
|
211 | }
|