yummacss 2.0.0 → 3.0.0

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 (66) hide show
  1. package/LICENSE +17 -18
  2. package/README.md +22 -43
  3. package/dist/cli/commands/build.js +44 -0
  4. package/dist/cli/commands/init.js +17 -0
  5. package/dist/cli/commands/watch.js +36 -0
  6. package/dist/cli/config/defaultConfig.js +8 -0
  7. package/dist/cli/services/configLoader.js +16 -0
  8. package/dist/cli/services/minifyService.js +16 -0
  9. package/dist/cli/services/purgeService.js +12 -0
  10. package/dist/cli/services/scssCompiler.js +34 -0
  11. package/dist/cli/src/cli.js +19 -0
  12. package/dist/cli/utils/cli-ui.js +13 -0
  13. package/dist/cli/utils/ui.js +15 -0
  14. package/dist/yumma.css +127316 -193522
  15. package/dist/yumma.min.css +1 -1
  16. package/package.json +50 -34
  17. package/src/_fonts.scss +8 -6
  18. package/src/abstracts/_breakpoints.scss +12 -10
  19. package/src/abstracts/_index.scss +5 -0
  20. package/src/abstracts/_theme.scss +21 -0
  21. package/src/abstracts/_variables.scss +69 -88
  22. package/src/abstracts/functions/_create-values.scss +16 -0
  23. package/src/abstracts/functions/_ignore-neutral.scss +9 -0
  24. package/src/abstracts/functions/_index.scss +2 -0
  25. package/src/abstracts/mixins/_create-colors.scss +39 -0
  26. package/src/abstracts/mixins/_create-utilities.scss +39 -0
  27. package/src/abstracts/mixins/_extend-utilities.scss +24 -0
  28. package/src/abstracts/mixins/_index.scss +3 -0
  29. package/src/reset/_stylecent.scss +235 -0
  30. package/src/utilities/_background.scss +95 -0
  31. package/src/utilities/_border.scss +313 -0
  32. package/src/utilities/_box-model.scss +290 -0
  33. package/src/utilities/_color.scss +85 -0
  34. package/src/utilities/_effect.scss +98 -0
  35. package/src/utilities/_flexbox.scss +258 -0
  36. package/src/utilities/_grid.scss +277 -0
  37. package/src/utilities/_index.scss +14 -0
  38. package/src/utilities/_interactivity.scss +304 -0
  39. package/src/utilities/_outline.scss +53 -0
  40. package/src/utilities/_positioning.scss +436 -0
  41. package/src/utilities/_svg.scss +27 -0
  42. package/src/utilities/_table.scss +35 -0
  43. package/src/utilities/_transform.scss +164 -0
  44. package/src/utilities/_typography.scss +278 -0
  45. package/src/utilities/maps/_index.scss +12 -0
  46. package/src/utilities/maps/box-model/_dimension.scss +16 -0
  47. package/src/utilities/maps/box-model/_height.scss +16 -0
  48. package/src/utilities/maps/box-model/_margin.scss +10 -0
  49. package/src/utilities/maps/box-model/_padding.scss +10 -0
  50. package/src/utilities/maps/box-model/_width.scss +16 -0
  51. package/src/utilities/maps/flexbox/_flex-basis.scss +12 -0
  52. package/src/utilities/maps/grid/_gap.scss +5 -0
  53. package/src/yummacss-core.scss +3 -0
  54. package/src/yummacss.scss +4 -0
  55. package/CHANGELOG.md +0 -73
  56. package/dist/yumma-core.css +0 -241423
  57. package/dist/yumma-core.min.css +0 -1
  58. package/gulpfile.js +0 -44
  59. package/src/_stylecent.scss +0 -68
  60. package/src/_utilities.scss +0 -1265
  61. package/src/abstracts/_colors.scss +0 -29
  62. package/src/abstracts/_functions.scss +0 -4
  63. package/src/abstracts/_layout.scss +0 -18
  64. package/src/abstracts/_mixins.scss +0 -589
  65. package/src/core.scss +0 -3
  66. package/src/yumma.scss +0 -10
package/src/utilities/_positioning.scss ADDED
@@ -0,0 +1,436 @@
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "sass:string";
4
+ @use "../abstracts/variables" as vars;
5
+ @use "../abstracts/mixins/" as mix;
6
+
7
+ $yma-positioning-utils: (
8
+ "aspect-ratio": (
9
+ "prefix": "ar",
10
+ "properties": (
11
+ "aspect-ratio",
12
+ ),
13
+ "values": (
14
+ "auto": auto,
15
+ 1\/1: string.unquote("1/1"),
16
+ 1\/2: string.unquote("1/2"),
17
+ 16\/9: string.unquote("16/9"),
18
+ 2\/1: string.unquote("2/1"),
19
+ 2\/3: string.unquote("2/3"),
20
+ 3\/2: string.unquote("3/2"),
21
+ 9\/16: string.unquote("9/16"),
22
+ ),
23
+ ),
24
+
25
+ "clear": (
26
+ "prefix": "cl",
27
+ "properties": (
28
+ "clear",
29
+ ),
30
+ "values": (
31
+ "b": both,
32
+ "ie": inline-end,
33
+ "is": inline-start,
34
+ "l": left,
35
+ "none": none,
36
+ "r": right,
37
+ ),
38
+ ),
39
+
40
+ "columns": (
41
+ "prefix": "c",
42
+ "properties": (
43
+ "columns",
44
+ ),
45
+ "values": (
46
+ "1": 1,
47
+ "2": 2,
48
+ "3": 3,
49
+ "4": 4,
50
+ "5": 5,
51
+ "6": 6,
52
+ "7": 7,
53
+ "8": 8,
54
+ "9": 9,
55
+ "10": 10,
56
+ "11": 11,
57
+ "12": 12,
58
+ "13": 13,
59
+ "14": 14,
60
+ "15": 15,
61
+ "16": 16,
62
+ ),
63
+ ),
64
+
65
+ "bottom": (
66
+ "prefix": "bo",
67
+ "properties": (
68
+ "bottom",
69
+ ),
70
+ "values": (
71
+ "0": vars.$yma-bottom-left-top-right * 0,
72
+ "1": vars.$yma-bottom-left-top-right,
73
+ "2": vars.$yma-bottom-left-top-right * 2,
74
+ "3": vars.$yma-bottom-left-top-right * 3,
75
+ "4": vars.$yma-bottom-left-top-right * 4,
76
+ "5": vars.$yma-bottom-left-top-right * 5,
77
+ "6": vars.$yma-bottom-left-top-right * 6,
78
+ "7": vars.$yma-bottom-left-top-right * 7,
79
+ "8": vars.$yma-bottom-left-top-right * 8,
80
+ "9": vars.$yma-bottom-left-top-right * 9,
81
+ "10": vars.$yma-bottom-left-top-right * 10,
82
+ "11": vars.$yma-bottom-left-top-right * 11,
83
+ "12": vars.$yma-bottom-left-top-right * 12,
84
+ "13": vars.$yma-bottom-left-top-right * 13,
85
+ "14": vars.$yma-bottom-left-top-right * 14,
86
+ "15": vars.$yma-bottom-left-top-right * 15,
87
+ "16": vars.$yma-bottom-left-top-right * 16,
88
+ "full": 100%,
89
+ "half": 50%,
90
+ ),
91
+ ),
92
+
93
+ "inset": (
94
+ "prefix": "i",
95
+ "properties": (
96
+ "inset",
97
+ ),
98
+ "values": (
99
+ "0": vars.$yma-bottom-left-top-right * 0,
100
+ "1": vars.$yma-bottom-left-top-right,
101
+ "2": vars.$yma-bottom-left-top-right * 2,
102
+ "3": vars.$yma-bottom-left-top-right * 3,
103
+ "4": vars.$yma-bottom-left-top-right * 4,
104
+ "5": vars.$yma-bottom-left-top-right * 5,
105
+ "6": vars.$yma-bottom-left-top-right * 6,
106
+ "7": vars.$yma-bottom-left-top-right * 7,
107
+ "8": vars.$yma-bottom-left-top-right * 8,
108
+ "9": vars.$yma-bottom-left-top-right * 9,
109
+ "10": vars.$yma-bottom-left-top-right * 10,
110
+ "11": vars.$yma-bottom-left-top-right * 11,
111
+ "12": vars.$yma-bottom-left-top-right * 12,
112
+ "13": vars.$yma-bottom-left-top-right * 13,
113
+ "14": vars.$yma-bottom-left-top-right * 14,
114
+ "15": vars.$yma-bottom-left-top-right * 15,
115
+ "16": vars.$yma-bottom-left-top-right * 16,
116
+ "full": 100%,
117
+ "half": 50%,
118
+ ),
119
+ ),
120
+
121
+ "inset-x": (
122
+ "prefix": "ix",
123
+ "properties": (
124
+ "left",
125
+ "right",
126
+ ),
127
+ "values": (
128
+ "0": vars.$yma-bottom-left-top-right * 0,
129
+ "1": vars.$yma-bottom-left-top-right,
130
+ "2": vars.$yma-bottom-left-top-right * 2,
131
+ "3": vars.$yma-bottom-left-top-right * 3,
132
+ "4": vars.$yma-bottom-left-top-right * 4,
133
+ "5": vars.$yma-bottom-left-top-right * 5,
134
+ "6": vars.$yma-bottom-left-top-right * 6,
135
+ "7": vars.$yma-bottom-left-top-right * 7,
136
+ "8": vars.$yma-bottom-left-top-right * 8,
137
+ "9": vars.$yma-bottom-left-top-right * 9,
138
+ "10": vars.$yma-bottom-left-top-right * 10,
139
+ "11": vars.$yma-bottom-left-top-right * 11,
140
+ "12": vars.$yma-bottom-left-top-right * 12,
141
+ "13": vars.$yma-bottom-left-top-right * 13,
142
+ "14": vars.$yma-bottom-left-top-right * 14,
143
+ "15": vars.$yma-bottom-left-top-right * 15,
144
+ "16": vars.$yma-bottom-left-top-right * 16,
145
+ "full": 100%,
146
+ "half": 50%,
147
+ ),
148
+ ),
149
+
150
+ "inset-y": (
151
+ "prefix": "iy",
152
+ "properties": (
153
+ "top",
154
+ "bottom",
155
+ ),
156
+ "values": (
157
+ "0": vars.$yma-bottom-left-top-right * 0,
158
+ "1": vars.$yma-bottom-left-top-right,
159
+ "2": vars.$yma-bottom-left-top-right * 2,
160
+ "3": vars.$yma-bottom-left-top-right * 3,
161
+ "4": vars.$yma-bottom-left-top-right * 4,
162
+ "5": vars.$yma-bottom-left-top-right * 5,
163
+ "6": vars.$yma-bottom-left-top-right * 6,
164
+ "7": vars.$yma-bottom-left-top-right * 7,
165
+ "8": vars.$yma-bottom-left-top-right * 8,
166
+ "9": vars.$yma-bottom-left-top-right * 9,
167
+ "10": vars.$yma-bottom-left-top-right * 10,
168
+ "11": vars.$yma-bottom-left-top-right * 11,
169
+ "12": vars.$yma-bottom-left-top-right * 12,
170
+ "13": vars.$yma-bottom-left-top-right * 13,
171
+ "14": vars.$yma-bottom-left-top-right * 14,
172
+ "15": vars.$yma-bottom-left-top-right * 15,
173
+ "16": vars.$yma-bottom-left-top-right * 16,
174
+ "full": 100%,
175
+ "half": 50%,
176
+ ),
177
+ ),
178
+
179
+ "isolation": (
180
+ "prefix": "i",
181
+ "properties": (
182
+ "isolation",
183
+ ),
184
+ "values": (
185
+ "auto": auto,
186
+ "i": isolate,
187
+ ),
188
+ ),
189
+
190
+ "left": (
191
+ "prefix": "l",
192
+ "properties": (
193
+ "left",
194
+ ),
195
+ "values": (
196
+ "0": vars.$yma-bottom-left-top-right * 0,
197
+ "1": vars.$yma-bottom-left-top-right,
198
+ "2": vars.$yma-bottom-left-top-right * 2,
199
+ "3": vars.$yma-bottom-left-top-right * 3,
200
+ "4": vars.$yma-bottom-left-top-right * 4,
201
+ "5": vars.$yma-bottom-left-top-right * 5,
202
+ "6": vars.$yma-bottom-left-top-right * 6,
203
+ "7": vars.$yma-bottom-left-top-right * 7,
204
+ "8": vars.$yma-bottom-left-top-right * 8,
205
+ "9": vars.$yma-bottom-left-top-right * 9,
206
+ "10": vars.$yma-bottom-left-top-right * 10,
207
+ "11": vars.$yma-bottom-left-top-right * 11,
208
+ "12": vars.$yma-bottom-left-top-right * 12,
209
+ "13": vars.$yma-bottom-left-top-right * 13,
210
+ "14": vars.$yma-bottom-left-top-right * 14,
211
+ "15": vars.$yma-bottom-left-top-right * 15,
212
+ "16": vars.$yma-bottom-left-top-right * 16,
213
+ "full": 100%,
214
+ "half": 50%,
215
+ ),
216
+ ),
217
+
218
+ "right": (
219
+ "prefix": "r",
220
+ "properties": (
221
+ "right",
222
+ ),
223
+ "values": (
224
+ "0": vars.$yma-bottom-left-top-right * 0,
225
+ "1": vars.$yma-bottom-left-top-right,
226
+ "2": vars.$yma-bottom-left-top-right * 2,
227
+ "3": vars.$yma-bottom-left-top-right * 3,
228
+ "4": vars.$yma-bottom-left-top-right * 4,
229
+ "5": vars.$yma-bottom-left-top-right * 5,
230
+ "6": vars.$yma-bottom-left-top-right * 6,
231
+ "7": vars.$yma-bottom-left-top-right * 7,
232
+ "8": vars.$yma-bottom-left-top-right * 8,
233
+ "9": vars.$yma-bottom-left-top-right * 9,
234
+ "10": vars.$yma-bottom-left-top-right * 10,
235
+ "11": vars.$yma-bottom-left-top-right * 11,
236
+ "12": vars.$yma-bottom-left-top-right * 12,
237
+ "13": vars.$yma-bottom-left-top-right * 13,
238
+ "14": vars.$yma-bottom-left-top-right * 14,
239
+ "15": vars.$yma-bottom-left-top-right * 15,
240
+ "16": vars.$yma-bottom-left-top-right * 16,
241
+ "full": 100%,
242
+ "half": 50%,
243
+ ),
244
+ ),
245
+
246
+ "top": (
247
+ "prefix": "t",
248
+ "properties": (
249
+ "top",
250
+ ),
251
+ "values": (
252
+ "0": vars.$yma-bottom-left-top-right * 0,
253
+ "1": vars.$yma-bottom-left-top-right,
254
+ "2": vars.$yma-bottom-left-top-right * 2,
255
+ "3": vars.$yma-bottom-left-top-right * 3,
256
+ "4": vars.$yma-bottom-left-top-right * 4,
257
+ "5": vars.$yma-bottom-left-top-right * 5,
258
+ "6": vars.$yma-bottom-left-top-right * 6,
259
+ "7": vars.$yma-bottom-left-top-right * 7,
260
+ "8": vars.$yma-bottom-left-top-right * 8,
261
+ "9": vars.$yma-bottom-left-top-right * 9,
262
+ "10": vars.$yma-bottom-left-top-right * 10,
263
+ "11": vars.$yma-bottom-left-top-right * 11,
264
+ "12": vars.$yma-bottom-left-top-right * 12,
265
+ "13": vars.$yma-bottom-left-top-right * 13,
266
+ "14": vars.$yma-bottom-left-top-right * 14,
267
+ "15": vars.$yma-bottom-left-top-right * 15,
268
+ "16": vars.$yma-bottom-left-top-right * 16,
269
+ "full": 100%,
270
+ "half": 50%,
271
+ ),
272
+ ),
273
+
274
+ "display": (
275
+ "prefix": "d",
276
+ "properties": (
277
+ "display",
278
+ ),
279
+ "values": (
280
+ "b": block,
281
+ "f": flex,
282
+ "fr": flow-root,
283
+ "g": grid,
284
+ "i": inline,
285
+ "ib": inline-block,
286
+ "if": inline-flex,
287
+ "ig": inline-grid,
288
+ "it": inline-table,
289
+ "none": none,
290
+ "t": table,
291
+ "tc": table-cell,
292
+ "tco": table-column,
293
+ "tr": table-row,
294
+ ),
295
+ ),
296
+
297
+ "float": (
298
+ "prefix": "fl",
299
+ "properties": (
300
+ "float",
301
+ ),
302
+ "values": (
303
+ "ie": inline-end,
304
+ "is": inline-start,
305
+ "l": left,
306
+ "none": none,
307
+ "r": right,
308
+ ),
309
+ ),
310
+
311
+ "object-fit": (
312
+ "prefix": "of",
313
+ "properties": (
314
+ "object-fit",
315
+ ),
316
+ "values": (
317
+ "c": cover,
318
+ "f": fill,
319
+ "none": none,
320
+ "sd": scale-down,
321
+ ),
322
+ ),
323
+
324
+ "object-position": (
325
+ "prefix": "op",
326
+ "properties": (
327
+ "object-position",
328
+ ),
329
+ "values": (
330
+ "b": bottom,
331
+ "c": center,
332
+ "l": left,
333
+ "lb": left bottom,
334
+ "lt": left top,
335
+ "r": right,
336
+ "rb": right bottom,
337
+ "rt": right top,
338
+ "t": top,
339
+ ),
340
+ ),
341
+
342
+ "overflow": (
343
+ "prefix": "o",
344
+ "properties": (
345
+ "overflow",
346
+ ),
347
+ "values": (
348
+ "auto": auto,
349
+ "c": clip,
350
+ "h": hidden,
351
+ "s": scroll,
352
+ "v": visible,
353
+ ),
354
+ ),
355
+
356
+ "overflow-x": (
357
+ "prefix": "o-x",
358
+ "properties": (
359
+ "overflow-x",
360
+ ),
361
+ "values": (
362
+ "auto": auto,
363
+ "c": clip,
364
+ "h": hidden,
365
+ "s": scroll,
366
+ "v": visible,
367
+ ),
368
+ ),
369
+
370
+ "overflow-y": (
371
+ "prefix": "o-y",
372
+ "properties": (
373
+ "overflow-y",
374
+ ),
375
+ "values": (
376
+ "auto": auto,
377
+ "c": clip,
378
+ "h": hidden,
379
+ "s": scroll,
380
+ "v": visible,
381
+ ),
382
+ ),
383
+
384
+ "position": (
385
+ "prefix": "p",
386
+ "properties": (
387
+ "position",
388
+ ),
389
+ "values": (
390
+ "a": absolute,
391
+ "f": fixed,
392
+ "r": relative,
393
+ "s": static,
394
+ "st": sticky,
395
+ ),
396
+ ),
397
+
398
+ "visibility": (
399
+ "prefix": "v",
400
+ "properties": (
401
+ "visibility",
402
+ ),
403
+ "values": (
404
+ "c": collapse,
405
+ "h": hidden,
406
+ "v": visible,
407
+ ),
408
+ ),
409
+
410
+ "z-index": (
411
+ "prefix": "zi",
412
+ "properties": (
413
+ "z-index",
414
+ ),
415
+ "values": (
416
+ "0": 0,
417
+ "10": 10,
418
+ "20": 20,
419
+ "30": 30,
420
+ "40": 40,
421
+ "50": 50,
422
+ "60": 60,
423
+ "70": 70,
424
+ "80": 80,
425
+ "90": 90,
426
+ "auto": auto,
427
+ ),
428
+ ),
429
+ );
430
+
431
+ @each $name, $map in $yma-positioning-utils {
432
+ $prefix: map.get($map, "prefix");
433
+ $properties: map.get($map, "properties");
434
+
435
+ @include mix.create-utilities($map, $prefix, $properties);
436
+ }
package/src/utilities/_svg.scss ADDED
@@ -0,0 +1,27 @@
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../abstracts/mixins/" as mix;
4
+
5
+ $yma-svg-utils: (
6
+ "stroke-width": (
7
+ "prefix": "sw",
8
+ "properties": (
9
+ "stroke-width",
10
+ ),
11
+ "values": (
12
+ "0": 0,
13
+ "2": 0.2,
14
+ "4": 0.4,
15
+ "6": 0.6,
16
+ "8": 0.8,
17
+ "1": 1,
18
+ ),
19
+ ),
20
+ );
21
+
22
+ @each $name, $map in $yma-svg-utils {
23
+ $prefix: map.get($map, "prefix");
24
+ $properties: map.get($map, "properties");
25
+
26
+ @include mix.create-utilities($map, $prefix, $properties);
27
+ }
package/src/utilities/_table.scss ADDED
@@ -0,0 +1,35 @@
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../abstracts/variables" as vars;
4
+ @use "../abstracts/mixins/" as mix;
5
+
6
+ $yma-table-utils: (
7
+ "caption-side": (
8
+ "prefix": "cs",
9
+ "properties": (
10
+ "caption-side",
11
+ ),
12
+ "values": (
13
+ "b": bottom,
14
+ "t": top,
15
+ ),
16
+ ),
17
+
18
+ "table-layout": (
19
+ "prefix": "tl",
20
+ "properties": (
21
+ "table-layout",
22
+ ),
23
+ "values": (
24
+ "auto": auto,
25
+ "f": fixed,
26
+ ),
27
+ ),
28
+ );
29
+
30
+ @each $properties, $map in $yma-table-utils {
31
+ $prefix: map.get($map, "prefix");
32
+ $properties: map.get($map, "properties");
33
+
34
+ @include mix.create-utilities($map, $prefix, $properties);
35
+ }
package/src/utilities/_transform.scss ADDED
@@ -0,0 +1,164 @@
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../abstracts/variables" as vars;
4
+ @use "../abstracts/mixins/" as mix;
5
+ @use "../utilities/maps/" as maps;
6
+
7
+ $yma-transform-utils: (
8
+ "rotate": (
9
+ "prefix": "t-r",
10
+ "properties": (
11
+ "transform",
12
+ ),
13
+ "values": (
14
+ "0": rotate(0),
15
+ "5": rotate(5deg),
16
+ "10": rotate(10deg),
17
+ "15": rotate(15deg),
18
+ "20": rotate(20deg),
19
+ "25": rotate(25deg),
20
+ "30": rotate(30deg),
21
+ "35": rotate(35deg),
22
+ "40": rotate(40deg),
23
+ "45": rotate(45deg),
24
+ "50": rotate(50deg),
25
+ "55": rotate(55deg),
26
+ "60": rotate(60deg),
27
+ "65": rotate(65deg),
28
+ "70": rotate(70deg),
29
+ "75": rotate(75deg),
30
+ "80": rotate(80deg),
31
+ "85": rotate(85deg),
32
+ "90": rotate(90deg),
33
+ "95": rotate(95deg),
34
+ "100": rotate(100deg),
35
+ ),
36
+ ),
37
+
38
+ "scale": (
39
+ "prefix": "t-s",
40
+ "properties": (
41
+ "transform",
42
+ ),
43
+ "values": (
44
+ "0": scale(0%),
45
+ "10": scale(10%),
46
+ "20": scale(20%),
47
+ "30": scale(30%),
48
+ "40": scale(40%),
49
+ "50": scale(50%),
50
+ "60": scale(60%),
51
+ "70": scale(70%),
52
+ "80": scale(80%),
53
+ "90": scale(90%),
54
+ "100": scale(100%),
55
+ ),
56
+ ),
57
+
58
+ "scale-x": (
59
+ "prefix": "t-sx",
60
+ "properties": (
61
+ "transform",
62
+ ),
63
+ "values": (
64
+ "0": scaleX(0%),
65
+ "10": scaleX(10%),
66
+ "20": scaleX(20%),
67
+ "30": scaleX(30%),
68
+ "40": scaleX(40%),
69
+ "50": scaleX(50%),
70
+ "60": scaleX(60%),
71
+ "70": scaleX(70%),
72
+ "80": scaleX(80%),
73
+ "90": scaleX(90%),
74
+ "100": scaleX(100%),
75
+ ),
76
+ ),
77
+
78
+ "scale-y": (
79
+ "prefix": "t-sy",
80
+ "properties": (
81
+ "transform",
82
+ ),
83
+ "values": (
84
+ "0": scaleY(0%),
85
+ "10": scaleY(10%),
86
+ "20": scaleY(20%),
87
+ "30": scaleY(30%),
88
+ "40": scaleY(40%),
89
+ "50": scaleY(50%),
90
+ "60": scaleY(60%),
91
+ "70": scaleY(70%),
92
+ "80": scaleY(80%),
93
+ "90": scaleY(90%),
94
+ "100": scaleY(100%),
95
+ ),
96
+ ),
97
+
98
+ "skew": (
99
+ "prefix": "t-sk",
100
+ "properties": (
101
+ "transform",
102
+ ),
103
+ "values": (
104
+ "1": skew(1deg),
105
+ "2": skew(2deg),
106
+ "3": skew(3deg),
107
+ "6": skew(6deg),
108
+ "12": skew(12deg),
109
+ ),
110
+ ),
111
+
112
+ "skew-x": (
113
+ "prefix": "t-skx",
114
+ "properties": (
115
+ "transform",
116
+ ),
117
+ "values": (
118
+ "1": skewX(1deg),
119
+ "2": skewX(2deg),
120
+ "3": skewX(3deg),
121
+ "6": skewX(6deg),
122
+ "12": skewX(12deg),
123
+ ),
124
+ ),
125
+
126
+ "skew-y": (
127
+ "prefix": "t-sky",
128
+ "properties": (
129
+ "transform",
130
+ ),
131
+ "values": (
132
+ "1": skewY(1deg),
133
+ "2": skewY(2deg),
134
+ "3": skewY(3deg),
135
+ "6": skewY(6deg),
136
+ "12": skewY(12deg),
137
+ ),
138
+ ),
139
+
140
+ "transform-origin": (
141
+ "prefix": "t-o",
142
+ "properties": (
143
+ "transform-origin",
144
+ ),
145
+ "values": (
146
+ "b": bottom,
147
+ "bl": bottom left,
148
+ "br": bottom right,
149
+ "c": center,
150
+ "l": left,
151
+ "r": right,
152
+ "t": top,
153
+ "tl": top left,
154
+ "tr": top right,
155
+ ),
156
+ ),
157
+ );
158
+
159
+ @each $name, $map in $yma-transform-utils {
160
+ $prefix: map.get($map, "prefix");
161
+ $properties: map.get($map, "properties");
162
+
163
+ @include mix.create-utilities($map, $prefix, $properties);
164
+ }