yummacss 3.0.0 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +61 -28
  3. package/dist/cli/commands/build.js +13 -14
  4. package/dist/cli/commands/init.js +11 -9
  5. package/dist/cli/commands/watch.js +21 -9
  6. package/dist/cli/config/defaultConfig.js +2 -1
  7. package/dist/cli/config/templates.js +33 -0
  8. package/dist/cli/lib/cli-lang.js +23 -0
  9. package/dist/cli/{utils → lib}/cli-ui.js +3 -2
  10. package/dist/cli/services/configLoader.js +30 -4
  11. package/dist/cli/services/purgeService.js +1 -1
  12. package/dist/cli/services/scssCompiler.js +2 -2
  13. package/dist/cli/src/cli.js +5 -8
  14. package/package.json +64 -49
  15. package/src/abstracts/_variables.scss +2 -1
  16. package/src/reset/_stylecent.scss +0 -4
  17. package/src/utilities/_flexbox.scss +39 -122
  18. package/src/utilities/_grid.scss +45 -0
  19. package/dist/cli/utils/ui.js +0 -15
  20. package/dist/yumma.css +0 -175280
  21. package/dist/yumma.min.css +0 -1
package/src/utilities/_flexbox.scss CHANGED
@@ -5,13 +5,10 @@
5
5
  @use "../utilities/maps/" as maps;
6
6
 
7
7
  $yma-flexbox-utils: (
8
- "align-content": (
9
- "prefix": "ac",
10
- "properties": (
11
- "align-content",
8
+ "align-content": ("prefix": "ac",
9
+ "properties": ("align-content",
12
10
  ),
13
- "values": (
14
- "b": baseline,
11
+ "values": ("b": baseline,
15
12
  "c": center,
16
13
  "fe": flex-end,
17
14
  "fs": flex-start,
@@ -23,13 +20,10 @@ $yma-flexbox-utils: (
23
20
  ),
24
21
  ),
25
22
 
26
- "align-items": (
27
- "prefix": "ai",
28
- "properties": (
29
- "align-items",
23
+ "align-items": ("prefix": "ai",
24
+ "properties": ("align-items",
30
25
  ),
31
- "values": (
32
- "b": baseline,
26
+ "values": ("b": baseline,
33
27
  "c": center,
34
28
  "fe": flex-end,
35
29
  "fs": flex-start,
@@ -37,13 +31,10 @@ $yma-flexbox-utils: (
37
31
  ),
38
32
  ),
39
33
 
40
- "align-self": (
41
- "prefix": "as",
42
- "properties": (
43
- "align-self",
34
+ "align-self": ("prefix": "as",
35
+ "properties": ("align-self",
44
36
  ),
45
- "values": (
46
- "auto": auto,
37
+ "values": ("auto": auto,
47
38
  "b": baseline,
48
39
  "c": center,
49
40
  "fe": flex-end,
@@ -52,34 +43,26 @@ $yma-flexbox-utils: (
52
43
  ),
53
44
  ),
54
45
 
55
- "flex-basis": (
56
- "prefix": "fb",
57
- "properties": (
58
- "flex-basis",
46
+ "flex-basis": ("prefix": "fb",
47
+ "properties": ("flex-basis",
59
48
  ),
60
49
  "values": maps.$yma-flex-basis-map,
61
50
  ),
62
51
 
63
- "flex-direction": (
64
- "prefix": "fd",
65
- "properties": (
66
- "flex-direction",
52
+ "flex-direction": ("prefix": "fd",
53
+ "properties": ("flex-direction",
67
54
  ),
68
- "values": (
69
- "c": column,
55
+ "values": ("c": column,
70
56
  "cr": column-reverse,
71
57
  "r": row,
72
58
  "rr": row-reverse,
73
59
  ),
74
60
  ),
75
61
 
76
- "flex-grow": (
77
- "prefix": "fg",
78
- "properties": (
79
- "flex-grow",
62
+ "flex-grow": ("prefix": "fg",
63
+ "properties": ("flex-grow",
80
64
  ),
81
- "values": (
82
- "0": 0,
65
+ "values": ("0": 0,
83
66
  "1": 1,
84
67
  "2": 2,
85
68
  "3": 3,
@@ -91,13 +74,10 @@ $yma-flexbox-utils: (
91
74
  ),
92
75
  ),
93
76
 
94
- "flex-shrink": (
95
- "prefix": "fs",
96
- "properties": (
97
- "flex-shrink",
77
+ "flex-shrink": ("prefix": "fs",
78
+ "properties": ("flex-shrink",
98
79
  ),
99
- "values": (
100
- "0": 0,
80
+ "values": ("0": 0,
101
81
  "1": 1,
102
82
  "2": 2,
103
83
  "3": 3,
@@ -109,25 +89,19 @@ $yma-flexbox-utils: (
109
89
  ),
110
90
  ),
111
91
 
112
- "flex-wrap": (
113
- "prefix": "fw",
114
- "properties": (
115
- "flex-wrap",
92
+ "flex-wrap": ("prefix": "fw",
93
+ "properties": ("flex-wrap",
116
94
  ),
117
- "values": (
118
- "nw": nowrap,
95
+ "values": ("nw": nowrap,
119
96
  "w": wrap,
120
97
  "wr": wrap-reverse,
121
98
  ),
122
99
  ),
123
100
 
124
- "flex": (
125
- "prefix": "f",
126
- "properties": (
127
- "flex",
101
+ "flex": ("prefix": "f",
102
+ "properties": ("flex",
128
103
  ),
129
- "values": (
130
- "1": 1 1 0%,
104
+ "values": ("1": 1 1 0%,
131
105
  "2": 2 2 0%,
132
106
  "3": 3 3 0%,
133
107
  "4": 4 4 0%,
@@ -138,13 +112,10 @@ $yma-flexbox-utils: (
138
112
  ),
139
113
  ),
140
114
 
141
- "justify-content": (
142
- "prefix": "jc",
143
- "properties": (
144
- "justify-content",
115
+ "justify-content": ("prefix": "jc",
116
+ "properties": ("justify-content",
145
117
  ),
146
- "values": (
147
- "c": center,
118
+ "values": ("c": center,
148
119
  "fe": flex-end,
149
120
  "fs": flex-start,
150
121
  "n": normal,
@@ -155,26 +126,20 @@ $yma-flexbox-utils: (
155
126
  ),
156
127
  ),
157
128
 
158
- "justify-items": (
159
- "prefix": "ji",
160
- "properties": (
161
- "justify-items",
129
+ "justify-items": ("prefix": "ji",
130
+ "properties": ("justify-items",
162
131
  ),
163
- "values": (
164
- "c": center,
132
+ "values": ("c": center,
165
133
  "e": end,
166
134
  "s": start,
167
135
  "st": stretch,
168
136
  ),
169
137
  ),
170
138
 
171
- "justify-self": (
172
- "prefix": "js",
173
- "properties": (
174
- "justify-self",
139
+ "justify-self": ("prefix": "js",
140
+ "properties": ("justify-self",
175
141
  ),
176
- "values": (
177
- "auto": auto,
142
+ "values": ("auto": auto,
178
143
  "c": center,
179
144
  "e": end,
180
145
  "s": start,
@@ -182,13 +147,10 @@ $yma-flexbox-utils: (
182
147
  ),
183
148
  ),
184
149
 
185
- "order": (
186
- "prefix": "or",
187
- "properties": (
188
- "order",
150
+ "order": ("prefix": "or",
151
+ "properties": ("order",
189
152
  ),
190
- "values": (
191
- "l": -9999,
153
+ "values": ("l": -9999,
192
154
  "0": 0,
193
155
  "1": 1,
194
156
  "2": 2,
@@ -203,51 +165,6 @@ $yma-flexbox-utils: (
203
165
  "f": 9999,
204
166
  ),
205
167
  ),
206
-
207
- "place-content": (
208
- "prefix": "pc",
209
- "properties": (
210
- "place-content",
211
- ),
212
- "values": (
213
- "b": baseline,
214
- "c": center,
215
- "e": end,
216
- "s": start,
217
- "sa": space-around,
218
- "sb": space-between,
219
- "se": space-evenly,
220
- "st": stretch,
221
- ),
222
- ),
223
-
224
- "place-items": (
225
- "prefix": "pi",
226
- "properties": (
227
- "place-items",
228
- ),
229
- "values": (
230
- "b": baseline,
231
- "c": center,
232
- "e": end,
233
- "s": start,
234
- "st": stretch,
235
- ),
236
- ),
237
-
238
- "place-self": (
239
- "prefix": "ps",
240
- "properties": (
241
- "place-self",
242
- ),
243
- "values": (
244
- "auto": auto,
245
- "c": center,
246
- "e": end,
247
- "s": start,
248
- "st": stretch,
249
- ),
250
- ),
251
168
  );
252
169
 
253
170
  @each $name, $map in $yma-flexbox-utils {
@@ -255,4 +172,4 @@ $yma-flexbox-utils: (
255
172
  $properties: map.get($map, "properties");
256
173
 
257
174
  @include mix.create-utilities($map, $prefix, $properties);
258
- }
175
+ }
package/src/utilities/_grid.scss CHANGED
@@ -260,6 +260,51 @@ $yma-grid-utils: (
260
260
  ),
261
261
  ),
262
262
 
263
+ "place-content": (
264
+ "prefix": "pc",
265
+ "properties": (
266
+ "place-content",
267
+ ),
268
+ "values": (
269
+ "b": baseline,
270
+ "c": center,
271
+ "e": end,
272
+ "s": start,
273
+ "sa": space-around,
274
+ "sb": space-between,
275
+ "se": space-evenly,
276
+ "st": stretch,
277
+ ),
278
+ ),
279
+
280
+ "place-items": (
281
+ "prefix": "pi",
282
+ "properties": (
283
+ "place-items",
284
+ ),
285
+ "values": (
286
+ "b": baseline,
287
+ "c": center,
288
+ "e": end,
289
+ "s": start,
290
+ "st": stretch,
291
+ ),
292
+ ),
293
+
294
+ "place-self": (
295
+ "prefix": "ps",
296
+ "properties": (
297
+ "place-self",
298
+ ),
299
+ "values": (
300
+ "auto": auto,
301
+ "c": center,
302
+ "e": end,
303
+ "s": start,
304
+ "st": stretch,
305
+ ),
306
+ ),
307
+
263
308
  "row-gap": (
264
309
  "prefix": "rg",
265
310
  "properties": (
package/dist/cli/utils/ui.js DELETED
@@ -1,15 +0,0 @@
1
- import ora from "ora";
2
- import chalk from "chalk";
3
- export const spinner = ora();
4
- const { green, yellow, cyan, red } = chalk;
5
- export const ui = {
6
- success: (msg) => console.log(green(`✓ ${msg}`)),
7
- warn: (msg) => console.log(yellow(`⚠ ${msg}`)),
8
- info: (msg) => console.log(cyan(`ℹ ${msg}`)),
9
- error: (msg) => console.log(red(`✗ ${msg}`)),
10
- startSpinner: (text) => {
11
- spinner.text = text;
12
- spinner.start();
13
- return spinner;
14
- },
15
- };