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
@@ -1,322 +0,0 @@
1
- @use "sass:math";
2
- @use "sass:map";
3
- @use "sass:meta";
4
- @use "../abstracts/variables" as vars;
5
- @use "../abstracts/mixins/" as mix;
6
- @use "../utilities/maps/" as maps;
7
-
8
- $ycss-grid-utils: (
9
- "column-gap": (
10
- "prefix": "cg",
11
- "properties": (
12
- "column-gap",
13
- ),
14
- "values": maps.$ycss-gap-map,
15
- ),
16
-
17
- "gap": (
18
- "prefix": "g",
19
- "properties": (
20
- "gap",
21
- ),
22
- "values": maps.$ycss-gap-map,
23
- ),
24
-
25
- "grid-auto-columns": (
26
- "prefix": "gac",
27
- "properties": (
28
- "grid-auto-columns",
29
- ),
30
- "values": (
31
- "auto": auto,
32
- "max": max-content,
33
- "min": min-content,
34
- ),
35
- ),
36
-
37
- "grid-auto-flow": (
38
- "prefix": "gaf",
39
- "properties": (
40
- "grid-auto-flow",
41
- ),
42
- "values": (
43
- "c": column,
44
- "cd": column dense,
45
- "d": dense,
46
- "r": row,
47
- "rd": row dense,
48
- ),
49
- ),
50
-
51
- "grid-auto-rows": (
52
- "prefix": "gar",
53
- "properties": (
54
- "grid-auto-rows",
55
- ),
56
- "values": (
57
- "auto": auto,
58
- "max": max-content,
59
- "min": min-content,
60
- ),
61
- ),
62
-
63
- "grid-column": (
64
- "prefix": "gc-s",
65
- "properties": (
66
- "grid-column",
67
- ),
68
- "values": (
69
- "1": span 1 / span 1,
70
- "2": span 2 / span 2,
71
- "3": span 3 / span 3,
72
- "4": span 4 / span 4,
73
- "5": span 5 / span 5,
74
- "6": span 6 / span 6,
75
- "7": span 7 / span 7,
76
- "8": span 8 / span 8,
77
- "9": span 9 / span 9,
78
- "10": span 10 / span 10,
79
- "11": span 11 / span 11,
80
- "12": span 12 / span 12,
81
- "13": span 13 / span 13,
82
- "14": span 14 / span 14,
83
- "15": span 15 / span 15,
84
- "16": span 16 / span 16,
85
- ),
86
- ),
87
-
88
- "grid-column-end": (
89
- "prefix": "gce",
90
- "properties": (
91
- "grid-column-end",
92
- ),
93
- "values": (
94
- "1": 1,
95
- "2": 2,
96
- "3": 3,
97
- "4": 4,
98
- "5": 5,
99
- "6": 6,
100
- "7": 7,
101
- "8": 8,
102
- "9": 9,
103
- "10": 10,
104
- "11": 11,
105
- "12": 12,
106
- "13": 13,
107
- "14": 14,
108
- "15": 15,
109
- "16": 16,
110
- ),
111
- ),
112
-
113
- "grid-column-start": (
114
- "prefix": "gcs",
115
- "properties": (
116
- "grid-column-start",
117
- ),
118
- "values": (
119
- "1": 1,
120
- "2": 2,
121
- "3": 3,
122
- "4": 4,
123
- "5": 5,
124
- "6": 6,
125
- "7": 7,
126
- "8": 8,
127
- "9": 9,
128
- "10": 10,
129
- "11": 11,
130
- "12": 12,
131
- "13": 13,
132
- "14": 14,
133
- "15": 15,
134
- "16": 16,
135
- ),
136
- ),
137
-
138
- "grid-row": (
139
- "prefix": "gr-s",
140
- "properties": (
141
- "grid-row",
142
- ),
143
- "values": (
144
- "1": span 1 / span 1,
145
- "2": span 2 / span 2,
146
- "3": span 3 / span 3,
147
- "4": span 4 / span 4,
148
- "5": span 5 / span 5,
149
- "6": span 6 / span 6,
150
- "7": span 7 / span 7,
151
- "8": span 8 / span 8,
152
- "9": span 9 / span 9,
153
- "10": span 10 / span 10,
154
- "11": span 11 / span 11,
155
- "12": span 12 / span 12,
156
- "13": span 13 / span 13,
157
- "14": span 14 / span 14,
158
- "15": span 15 / span 15,
159
- "16": span 16 / span 16,
160
- ),
161
- ),
162
-
163
- "grid-row-end": (
164
- "prefix": "gre",
165
- "properties": (
166
- "grid-row-end",
167
- ),
168
- "values": (
169
- "1": 1,
170
- "2": 2,
171
- "3": 3,
172
- "4": 4,
173
- "5": 5,
174
- "6": 6,
175
- "7": 7,
176
- "8": 8,
177
- "9": 9,
178
- "10": 10,
179
- "11": 11,
180
- "12": 12,
181
- "13": 13,
182
- "14": 14,
183
- "15": 15,
184
- "16": 16,
185
- ),
186
- ),
187
-
188
- "grid-row-start": (
189
- "prefix": "grs",
190
- "properties": (
191
- "grid-row-start",
192
- ),
193
- "values": (
194
- "1": 1,
195
- "2": 2,
196
- "3": 3,
197
- "4": 4,
198
- "5": 5,
199
- "6": 6,
200
- "7": 7,
201
- "8": 8,
202
- "9": 9,
203
- "10": 10,
204
- "11": 11,
205
- "12": 12,
206
- "13": 13,
207
- "14": 14,
208
- "15": 15,
209
- "16": 16,
210
- ),
211
- ),
212
-
213
- "grid-template-columns": (
214
- "prefix": "gtc",
215
- "properties": (
216
- "grid-template-columns",
217
- ),
218
- "values": (
219
- "1": repeat(1, minmax(0, 1fr)),
220
- "2": repeat(2, minmax(0, 1fr)),
221
- "3": repeat(3, minmax(0, 1fr)),
222
- "4": repeat(4, minmax(0, 1fr)),
223
- "5": repeat(5, minmax(0, 1fr)),
224
- "6": repeat(6, minmax(0, 1fr)),
225
- "7": repeat(7, minmax(0, 1fr)),
226
- "8": repeat(8, minmax(0, 1fr)),
227
- "9": repeat(9, minmax(0, 1fr)),
228
- "10": repeat(10, minmax(0, 1fr)),
229
- "11": repeat(11, minmax(0, 1fr)),
230
- "12": repeat(12, minmax(0, 1fr)),
231
- "13": repeat(13, minmax(0, 1fr)),
232
- "14": repeat(14, minmax(0, 1fr)),
233
- "15": repeat(15, minmax(0, 1fr)),
234
- "16": repeat(16, minmax(0, 1fr)),
235
- ),
236
- ),
237
-
238
- "grid-template-rows": (
239
- "prefix": "gtr",
240
- "properties": (
241
- "grid-template-rows",
242
- ),
243
- "values": (
244
- "1": repeat(1, minmax(0, 1fr)),
245
- "2": repeat(2, minmax(0, 1fr)),
246
- "3": repeat(3, minmax(0, 1fr)),
247
- "4": repeat(4, minmax(0, 1fr)),
248
- "5": repeat(5, minmax(0, 1fr)),
249
- "6": repeat(6, minmax(0, 1fr)),
250
- "7": repeat(7, minmax(0, 1fr)),
251
- "8": repeat(8, minmax(0, 1fr)),
252
- "9": repeat(9, minmax(0, 1fr)),
253
- "10": repeat(10, minmax(0, 1fr)),
254
- "11": repeat(11, minmax(0, 1fr)),
255
- "12": repeat(12, minmax(0, 1fr)),
256
- "13": repeat(13, minmax(0, 1fr)),
257
- "14": repeat(14, minmax(0, 1fr)),
258
- "15": repeat(15, minmax(0, 1fr)),
259
- "16": repeat(16, minmax(0, 1fr)),
260
- ),
261
- ),
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
-
308
- "row-gap": (
309
- "prefix": "rg",
310
- "properties": (
311
- "row-gap",
312
- ),
313
- "values": maps.$ycss-gap-map,
314
- ),
315
- );
316
-
317
- @each $name, $map in $ycss-grid-utils {
318
- $prefix: map.get($map, "prefix");
319
- $properties: map.get($map, "properties");
320
-
321
- @include mix.create-utilities($map, $prefix, $properties);
322
- }
@@ -1,14 +0,0 @@
1
- @forward "background";
2
- @forward "border";
3
- @forward "box-model";
4
- @forward "color";
5
- @forward "effect";
6
- @forward "flexbox";
7
- @forward "grid";
8
- @forward "interactivity";
9
- @forward "positioning";
10
- @forward "outline";
11
- @forward "svg";
12
- @forward "table";
13
- @forward "transform";
14
- @forward "typography";
@@ -1,304 +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-interactivity-utils: (
8
- "appearance": (
9
- "prefix": "a",
10
- "properties": (
11
- "appearance",
12
- ),
13
- "values": (
14
- "auto": auto,
15
- "none": none,
16
- ),
17
- ),
18
-
19
- "cursor": (
20
- "prefix": "c",
21
- "properties": (
22
- "cursor",
23
- ),
24
- "values": (
25
- "auto": auto,
26
- "ch": crosshair,
27
- "cr": col-resize,
28
- "d": default,
29
- "h": help,
30
- "m": move,
31
- "na": not-allowed,
32
- "ner": ne-resize,
33
- "neswr": nesw-resize,
34
- "none": none,
35
- "nr": n-resize,
36
- "nwr": nw-resize,
37
- "nwser": nwse-resize,
38
- "p": pointer,
39
- "pr": progress,
40
- "rs": row-resize,
41
- "ser": se-resize,
42
- "sr": s-resize,
43
- "swr": sw-resize,
44
- "t": text,
45
- "w": wait,
46
- "wr": w-resize,
47
- "zi": zoom-in,
48
- "zo": zoom-out,
49
- ),
50
- ),
51
-
52
- "field-sizing": (
53
- "prefix": "fs",
54
- "properties": (
55
- "field-sizing",
56
- ),
57
- "values": (
58
- "f": fixed,
59
- "c": content,
60
- ),
61
- ),
62
-
63
- "pointer-events": (
64
- "prefix": "pe",
65
- "properties": (
66
- "pointer-events",
67
- ),
68
- "values": (
69
- "auto": auto,
70
- "none": none,
71
- ),
72
- ),
73
-
74
- "resize": (
75
- "prefix": "r",
76
- "properties": (
77
- "resize",
78
- ),
79
- "values": (
80
- "b": both,
81
- "h": horizontal,
82
- "none": none,
83
- "v": vertical,
84
- ),
85
- ),
86
-
87
- "scroll-behavior": (
88
- "prefix": "sb",
89
- "properties": (
90
- "scroll-behavior",
91
- ),
92
- "values": (
93
- "auto": auto,
94
- "s": smooth,
95
- ),
96
- ),
97
-
98
- "scroll-margin": (
99
- "prefix": "sm",
100
- "properties": (
101
- "scroll-margin",
102
- ),
103
- "values": maps.$ycss-margin-map,
104
- ),
105
-
106
- "scroll-margin-bottom": (
107
- "prefix": "smb",
108
- "properties": (
109
- "scroll-margin-bottom",
110
- ),
111
- "values": maps.$ycss-margin-map,
112
- ),
113
-
114
- "scroll-margin-inline-start": (
115
- "prefix": "smis",
116
- "properties": (
117
- "scroll-margin-inline-start",
118
- ),
119
- "values": maps.$ycss-margin-map,
120
- ),
121
-
122
- "scroll-margin-left": (
123
- "prefix": "sml",
124
- "properties": (
125
- "scroll-margin-left",
126
- ),
127
- "values": maps.$ycss-margin-map,
128
- ),
129
-
130
- "scroll-margin-right": (
131
- "prefix": "smr",
132
- "properties": (
133
- "scroll-margin-right",
134
- ),
135
- "values": maps.$ycss-margin-map,
136
- ),
137
-
138
- "scroll-margin-top": (
139
- "prefix": "smt",
140
- "properties": (
141
- "scroll-margin-top",
142
- ),
143
- "values": maps.$ycss-margin-map,
144
- ),
145
-
146
- "scroll-margin-inline-end": (
147
- "prefix": "smie",
148
- "properties": (
149
- "scroll-margin-inline-end",
150
- ),
151
- "values": maps.$ycss-margin-map,
152
- ),
153
-
154
- "scroll-margin-x": (
155
- "prefix": "smx",
156
- "properties": (
157
- "scroll-margin-left",
158
- "scroll-margin-right",
159
- ),
160
- "values": maps.$ycss-margin-map,
161
- ),
162
-
163
- "scroll-margin-y": (
164
- "prefix": "smy",
165
- "properties": (
166
- "scroll-margin-bottom",
167
- "scroll-margin-top",
168
- ),
169
- "values": maps.$ycss-margin-map,
170
- ),
171
-
172
- "scroll-padding": (
173
- "prefix": "sp",
174
- "properties": (
175
- "scroll-padding",
176
- ),
177
- "values": maps.$ycss-padding-map,
178
- ),
179
-
180
- "scroll-padding-bottom": (
181
- "prefix": "spb",
182
- "properties": (
183
- "scroll-padding-bottom",
184
- ),
185
- "values": maps.$ycss-padding-map,
186
- ),
187
-
188
- "scroll-padding-inline-start": (
189
- "prefix": "spis",
190
- "properties": (
191
- "scroll-padding-inline-start",
192
- ),
193
- "values": maps.$ycss-padding-map,
194
- ),
195
-
196
- "scroll-padding-left": (
197
- "prefix": "spl",
198
- "properties": (
199
- "scroll-padding-left",
200
- ),
201
- "values": maps.$ycss-padding-map,
202
- ),
203
-
204
- "scroll-padding-right": (
205
- "prefix": "spr",
206
- "properties": (
207
- "scroll-padding-right",
208
- ),
209
- "values": maps.$ycss-padding-map,
210
- ),
211
-
212
- "scroll-padding-top": (
213
- "prefix": "spt",
214
- "properties": (
215
- "scroll-padding-top",
216
- ),
217
- "values": maps.$ycss-padding-map,
218
- ),
219
-
220
- "scroll-padding-inline-end": (
221
- "prefix": "spie",
222
- "properties": (
223
- "scroll-padding-inline-end",
224
- ),
225
- "values": maps.$ycss-padding-map,
226
- ),
227
-
228
- "scroll-padding-x": (
229
- "prefix": "spx",
230
- "properties": (
231
- "scroll-padding-left",
232
- "scroll-padding-right",
233
- ),
234
- "values": maps.$ycss-padding-map,
235
- ),
236
-
237
- "scroll-padding-y": (
238
- "prefix": "spy",
239
- "properties": (
240
- "scroll-padding-bottom",
241
- "scroll-padding-top",
242
- ),
243
- "values": maps.$ycss-padding-map,
244
- ),
245
-
246
- "scroll-snap-align": (
247
- "prefix": "ssa",
248
- "properties": (
249
- "scroll-snap-align",
250
- ),
251
- "values": (
252
- "c": center,
253
- "e": end,
254
- "none": none,
255
- "s": start,
256
- ),
257
- ),
258
-
259
- "scroll-snap-stop": (
260
- "prefix": "sss",
261
- "properties": (
262
- "scroll-snap-stop",
263
- ),
264
- "values": (
265
- "a": always,
266
- "n": normal,
267
- ),
268
- ),
269
-
270
- "scroll-snap-type": (
271
- "prefix": "sst",
272
- "properties": (
273
- "scroll-snap-type",
274
- ),
275
- "values": (
276
- "b-m": both mandatory,
277
- "none": none,
278
- "x-m": x mandatory,
279
- "x-p": x proximity,
280
- "y-m": y mandatory,
281
- "y-p": y proximity,
282
- ),
283
- ),
284
-
285
- "user-select": (
286
- "prefix": "us",
287
- "properties": (
288
- "user-select",
289
- ),
290
- "values": (
291
- "a": all,
292
- "auto": auto,
293
- "none": none,
294
- "t": text,
295
- ),
296
- ),
297
- );
298
-
299
- @each $name, $map in $ycss-interactivity-utils {
300
- $prefix: map.get($map, "prefix");
301
- $properties: map.get($map, "properties");
302
-
303
- @include mix.create-utilities($map, $prefix, $properties);
304
- }
@@ -1,53 +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-outline-utils: (
7
- "outline-offset": (
8
- "prefix": "oo",
9
- "properties": (
10
- "outline-offset",
11
- ),
12
- "values": (
13
- "0": vars.$ycss-outline-offset * 0,
14
- "1": vars.$ycss-outline-offset,
15
- "2": vars.$ycss-outline-offset * 2,
16
- "3": vars.$ycss-outline-offset * 3,
17
- "4": vars.$ycss-outline-offset * 4,
18
- ),
19
- ),
20
-
21
- "outline-style": (
22
- "prefix": "os",
23
- "properties": (
24
- "outline-style",
25
- ),
26
- "values": (
27
- "none": none,
28
- "d": dashed,
29
- "s": solid,
30
- ),
31
- ),
32
-
33
- "outline-width": (
34
- "prefix": "ow",
35
- "properties": (
36
- "outline-width",
37
- ),
38
- "values": (
39
- "0": vars.$ycss-outline-width * 0,
40
- "1": vars.$ycss-outline-width,
41
- "2": vars.$ycss-outline-width * 2,
42
- "3": vars.$ycss-outline-width * 3,
43
- "4": vars.$ycss-outline-width * 4,
44
- ),
45
- ),
46
- );
47
-
48
- @each $properties, $map in $ycss-outline-utils {
49
- $prefix: map.get($map, "prefix");
50
- $properties: map.get($map, "properties");
51
-
52
- @include mix.create-utilities($map, $prefix, $properties);
53
- }