yummacss 3.3.2 → 3.4.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 (40) hide show
  1. package/README.md +2 -3
  2. package/dist/index.js +156 -1
  3. package/package.json +3 -6
  4. package/src/_base.scss +0 -150
  5. package/src/_fonts.scss +0 -13
  6. package/src/abstracts/_breakpoints.scss +0 -45
  7. package/src/abstracts/_index.scss +0 -5
  8. package/src/abstracts/_theme.scss +0 -22
  9. package/src/abstracts/_variables.scss +0 -84
  10. package/src/abstracts/functions/_create-values.scss +0 -16
  11. package/src/abstracts/functions/_ignore-neutral.scss +0 -8
  12. package/src/abstracts/functions/_index.scss +0 -2
  13. package/src/abstracts/mixins/_create-colors.scss +0 -87
  14. package/src/abstracts/mixins/_create-utilities.scss +0 -53
  15. package/src/abstracts/mixins/_index.scss +0 -2
  16. package/src/core.scss +0 -3
  17. package/src/index.scss +0 -2
  18. package/src/utilities/_background.scss +0 -95
  19. package/src/utilities/_border.scss +0 -314
  20. package/src/utilities/_box-model.scss +0 -290
  21. package/src/utilities/_color.scss +0 -85
  22. package/src/utilities/_effect.scss +0 -98
  23. package/src/utilities/_flexbox.scss +0 -213
  24. package/src/utilities/_grid.scss +0 -322
  25. package/src/utilities/_index.scss +0 -14
  26. package/src/utilities/_interactivity.scss +0 -304
  27. package/src/utilities/_outline.scss +0 -53
  28. package/src/utilities/_positioning.scss +0 -436
  29. package/src/utilities/_svg.scss +0 -27
  30. package/src/utilities/_table.scss +0 -35
  31. package/src/utilities/_transform.scss +0 -164
  32. package/src/utilities/_typography.scss +0 -278
  33. package/src/utilities/maps/_index.scss +0 -12
  34. package/src/utilities/maps/box-model/_dimension.scss +0 -26
  35. package/src/utilities/maps/box-model/_height.scss +0 -26
  36. package/src/utilities/maps/box-model/_margin.scss +0 -11
  37. package/src/utilities/maps/box-model/_padding.scss +0 -11
  38. package/src/utilities/maps/box-model/_width.scss +0 -26
  39. package/src/utilities/maps/flexbox/_flex-basis.scss +0 -12
  40. package/src/utilities/maps/grid/_gap.scss +0 -5
package/src/utilities/_positioning.scss DELETED
@@ -1,436 +0,0 @@
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
- }
package/src/utilities/_svg.scss DELETED
@@ -1,27 +0,0 @@
1
- @use "sass:math";
2
- @use "sass:map";
3
- @use "../abstracts/mixins/" as mix;
4
-
5
- $ycss-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 $ycss-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 DELETED
@@ -1,35 +0,0 @@
1
- @use "sass:math";
2
- @use "sass:map";
3
- @use "../abstracts/variables" as vars;
4
- @use "../abstracts/mixins/" as mix;
5
-
6
- $ycss-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 $ycss-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 DELETED
@@ -1,164 +0,0 @@
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
- $ycss-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 $ycss-transform-utils {
160
- $prefix: map.get($map, "prefix");
161
- $properties: map.get($map, "properties");
162
-
163
- @include mix.create-utilities($map, $prefix, $properties);
164
- }