yummacss 3.0.3 → 3.2.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 (52) hide show
  1. package/README.md +66 -66
  2. package/dist/index.js +1 -0
  3. package/package.json +21 -26
  4. package/src/{reset/_stylecent.scss → _base.scss} +231 -231
  5. package/src/_fonts.scss +16 -16
  6. package/src/abstracts/_breakpoints.scss +45 -45
  7. package/src/abstracts/_index.scss +5 -5
  8. package/src/abstracts/_theme.scss +22 -21
  9. package/src/abstracts/_variables.scss +84 -82
  10. package/src/abstracts/functions/_create-values.scss +16 -16
  11. package/src/abstracts/functions/_ignore-neutral.scss +8 -9
  12. package/src/abstracts/functions/_index.scss +2 -2
  13. package/src/abstracts/mixins/_create-colors.scss +87 -41
  14. package/src/abstracts/mixins/_create-utilities.scss +53 -39
  15. package/src/abstracts/mixins/_index.scss +2 -2
  16. package/src/{yummacss-core.scss → core.scss} +3 -3
  17. package/src/{yummacss.scss → index.scss} +4 -4
  18. package/src/utilities/_background.scss +95 -95
  19. package/src/utilities/_border.scss +314 -313
  20. package/src/utilities/_box-model.scss +290 -290
  21. package/src/utilities/_color.scss +85 -72
  22. package/src/utilities/_effect.scss +98 -98
  23. package/src/utilities/_flexbox.scss +213 -175
  24. package/src/utilities/_grid.scss +322 -322
  25. package/src/utilities/_index.scss +14 -14
  26. package/src/utilities/_interactivity.scss +304 -304
  27. package/src/utilities/_outline.scss +53 -53
  28. package/src/utilities/_positioning.scss +436 -436
  29. package/src/utilities/_svg.scss +27 -27
  30. package/src/utilities/_table.scss +35 -35
  31. package/src/utilities/_transform.scss +164 -164
  32. package/src/utilities/_typography.scss +278 -278
  33. package/src/utilities/maps/_index.scss +12 -12
  34. package/src/utilities/maps/box-model/_dimension.scss +26 -16
  35. package/src/utilities/maps/box-model/_height.scss +26 -16
  36. package/src/utilities/maps/box-model/_margin.scss +11 -10
  37. package/src/utilities/maps/box-model/_padding.scss +11 -10
  38. package/src/utilities/maps/box-model/_width.scss +26 -16
  39. package/src/utilities/maps/flexbox/_flex-basis.scss +12 -12
  40. package/src/utilities/maps/grid/_gap.scss +5 -5
  41. package/dist/cli/commands/build.js +0 -43
  42. package/dist/cli/commands/init.js +0 -19
  43. package/dist/cli/commands/watch.js +0 -48
  44. package/dist/cli/config/defaultConfig.js +0 -9
  45. package/dist/cli/config/templates.js +0 -33
  46. package/dist/cli/lib/cli-lang.js +0 -23
  47. package/dist/cli/lib/cli-ui.js +0 -14
  48. package/dist/cli/services/configLoader.js +0 -42
  49. package/dist/cli/services/minifyService.js +0 -16
  50. package/dist/cli/services/purgeService.js +0 -12
  51. package/dist/cli/services/scssCompiler.js +0 -34
  52. package/dist/cli/src/cli.js +0 -16
package/src/utilities/_positioning.scss CHANGED
@@ -1,436 +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
- }
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
+ $ycss-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.$ycss-bottom-left-top-right * 0,
72
+ "1": vars.$ycss-bottom-left-top-right,
73
+ "2": vars.$ycss-bottom-left-top-right * 2,
74
+ "3": vars.$ycss-bottom-left-top-right * 3,
75
+ "4": vars.$ycss-bottom-left-top-right * 4,
76
+ "5": vars.$ycss-bottom-left-top-right * 5,
77
+ "6": vars.$ycss-bottom-left-top-right * 6,
78
+ "7": vars.$ycss-bottom-left-top-right * 7,
79
+ "8": vars.$ycss-bottom-left-top-right * 8,
80
+ "9": vars.$ycss-bottom-left-top-right * 9,
81
+ "10": vars.$ycss-bottom-left-top-right * 10,
82
+ "11": vars.$ycss-bottom-left-top-right * 11,
83
+ "12": vars.$ycss-bottom-left-top-right * 12,
84
+ "13": vars.$ycss-bottom-left-top-right * 13,
85
+ "14": vars.$ycss-bottom-left-top-right * 14,
86
+ "15": vars.$ycss-bottom-left-top-right * 15,
87
+ "16": vars.$ycss-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.$ycss-bottom-left-top-right * 0,
100
+ "1": vars.$ycss-bottom-left-top-right,
101
+ "2": vars.$ycss-bottom-left-top-right * 2,
102
+ "3": vars.$ycss-bottom-left-top-right * 3,
103
+ "4": vars.$ycss-bottom-left-top-right * 4,
104
+ "5": vars.$ycss-bottom-left-top-right * 5,
105
+ "6": vars.$ycss-bottom-left-top-right * 6,
106
+ "7": vars.$ycss-bottom-left-top-right * 7,
107
+ "8": vars.$ycss-bottom-left-top-right * 8,
108
+ "9": vars.$ycss-bottom-left-top-right * 9,
109
+ "10": vars.$ycss-bottom-left-top-right * 10,
110
+ "11": vars.$ycss-bottom-left-top-right * 11,
111
+ "12": vars.$ycss-bottom-left-top-right * 12,
112
+ "13": vars.$ycss-bottom-left-top-right * 13,
113
+ "14": vars.$ycss-bottom-left-top-right * 14,
114
+ "15": vars.$ycss-bottom-left-top-right * 15,
115
+ "16": vars.$ycss-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.$ycss-bottom-left-top-right * 0,
129
+ "1": vars.$ycss-bottom-left-top-right,
130
+ "2": vars.$ycss-bottom-left-top-right * 2,
131
+ "3": vars.$ycss-bottom-left-top-right * 3,
132
+ "4": vars.$ycss-bottom-left-top-right * 4,
133
+ "5": vars.$ycss-bottom-left-top-right * 5,
134
+ "6": vars.$ycss-bottom-left-top-right * 6,
135
+ "7": vars.$ycss-bottom-left-top-right * 7,
136
+ "8": vars.$ycss-bottom-left-top-right * 8,
137
+ "9": vars.$ycss-bottom-left-top-right * 9,
138
+ "10": vars.$ycss-bottom-left-top-right * 10,
139
+ "11": vars.$ycss-bottom-left-top-right * 11,
140
+ "12": vars.$ycss-bottom-left-top-right * 12,
141
+ "13": vars.$ycss-bottom-left-top-right * 13,
142
+ "14": vars.$ycss-bottom-left-top-right * 14,
143
+ "15": vars.$ycss-bottom-left-top-right * 15,
144
+ "16": vars.$ycss-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.$ycss-bottom-left-top-right * 0,
158
+ "1": vars.$ycss-bottom-left-top-right,
159
+ "2": vars.$ycss-bottom-left-top-right * 2,
160
+ "3": vars.$ycss-bottom-left-top-right * 3,
161
+ "4": vars.$ycss-bottom-left-top-right * 4,
162
+ "5": vars.$ycss-bottom-left-top-right * 5,
163
+ "6": vars.$ycss-bottom-left-top-right * 6,
164
+ "7": vars.$ycss-bottom-left-top-right * 7,
165
+ "8": vars.$ycss-bottom-left-top-right * 8,
166
+ "9": vars.$ycss-bottom-left-top-right * 9,
167
+ "10": vars.$ycss-bottom-left-top-right * 10,
168
+ "11": vars.$ycss-bottom-left-top-right * 11,
169
+ "12": vars.$ycss-bottom-left-top-right * 12,
170
+ "13": vars.$ycss-bottom-left-top-right * 13,
171
+ "14": vars.$ycss-bottom-left-top-right * 14,
172
+ "15": vars.$ycss-bottom-left-top-right * 15,
173
+ "16": vars.$ycss-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.$ycss-bottom-left-top-right * 0,
197
+ "1": vars.$ycss-bottom-left-top-right,
198
+ "2": vars.$ycss-bottom-left-top-right * 2,
199
+ "3": vars.$ycss-bottom-left-top-right * 3,
200
+ "4": vars.$ycss-bottom-left-top-right * 4,
201
+ "5": vars.$ycss-bottom-left-top-right * 5,
202
+ "6": vars.$ycss-bottom-left-top-right * 6,
203
+ "7": vars.$ycss-bottom-left-top-right * 7,
204
+ "8": vars.$ycss-bottom-left-top-right * 8,
205
+ "9": vars.$ycss-bottom-left-top-right * 9,
206
+ "10": vars.$ycss-bottom-left-top-right * 10,
207
+ "11": vars.$ycss-bottom-left-top-right * 11,
208
+ "12": vars.$ycss-bottom-left-top-right * 12,
209
+ "13": vars.$ycss-bottom-left-top-right * 13,
210
+ "14": vars.$ycss-bottom-left-top-right * 14,
211
+ "15": vars.$ycss-bottom-left-top-right * 15,
212
+ "16": vars.$ycss-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.$ycss-bottom-left-top-right * 0,
225
+ "1": vars.$ycss-bottom-left-top-right,
226
+ "2": vars.$ycss-bottom-left-top-right * 2,
227
+ "3": vars.$ycss-bottom-left-top-right * 3,
228
+ "4": vars.$ycss-bottom-left-top-right * 4,
229
+ "5": vars.$ycss-bottom-left-top-right * 5,
230
+ "6": vars.$ycss-bottom-left-top-right * 6,
231
+ "7": vars.$ycss-bottom-left-top-right * 7,
232
+ "8": vars.$ycss-bottom-left-top-right * 8,
233
+ "9": vars.$ycss-bottom-left-top-right * 9,
234
+ "10": vars.$ycss-bottom-left-top-right * 10,
235
+ "11": vars.$ycss-bottom-left-top-right * 11,
236
+ "12": vars.$ycss-bottom-left-top-right * 12,
237
+ "13": vars.$ycss-bottom-left-top-right * 13,
238
+ "14": vars.$ycss-bottom-left-top-right * 14,
239
+ "15": vars.$ycss-bottom-left-top-right * 15,
240
+ "16": vars.$ycss-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.$ycss-bottom-left-top-right * 0,
253
+ "1": vars.$ycss-bottom-left-top-right,
254
+ "2": vars.$ycss-bottom-left-top-right * 2,
255
+ "3": vars.$ycss-bottom-left-top-right * 3,
256
+ "4": vars.$ycss-bottom-left-top-right * 4,
257
+ "5": vars.$ycss-bottom-left-top-right * 5,
258
+ "6": vars.$ycss-bottom-left-top-right * 6,
259
+ "7": vars.$ycss-bottom-left-top-right * 7,
260
+ "8": vars.$ycss-bottom-left-top-right * 8,
261
+ "9": vars.$ycss-bottom-left-top-right * 9,
262
+ "10": vars.$ycss-bottom-left-top-right * 10,
263
+ "11": vars.$ycss-bottom-left-top-right * 11,
264
+ "12": vars.$ycss-bottom-left-top-right * 12,
265
+ "13": vars.$ycss-bottom-left-top-right * 13,
266
+ "14": vars.$ycss-bottom-left-top-right * 14,
267
+ "15": vars.$ycss-bottom-left-top-right * 15,
268
+ "16": vars.$ycss-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 $ycss-positioning-utils {
432
+ $prefix: map.get($map, "prefix");
433
+ $properties: map.get($map, "properties");
434
+
435
+ @include mix.create-utilities($map, $prefix, $properties);
436
+ }