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
@@ -1,304 +1,304 @@
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-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.$yma-margin-map,
104
- ),
105
-
106
- "scroll-margin-bottom": (
107
- "prefix": "smb",
108
- "properties": (
109
- "scroll-margin-bottom",
110
- ),
111
- "values": maps.$yma-margin-map,
112
- ),
113
-
114
- "scroll-margin-inline-start": (
115
- "prefix": "smis",
116
- "properties": (
117
- "scroll-margin-inline-start",
118
- ),
119
- "values": maps.$yma-margin-map,
120
- ),
121
-
122
- "scroll-margin-left": (
123
- "prefix": "sml",
124
- "properties": (
125
- "scroll-margin-left",
126
- ),
127
- "values": maps.$yma-margin-map,
128
- ),
129
-
130
- "scroll-margin-right": (
131
- "prefix": "smr",
132
- "properties": (
133
- "scroll-margin-right",
134
- ),
135
- "values": maps.$yma-margin-map,
136
- ),
137
-
138
- "scroll-margin-top": (
139
- "prefix": "smt",
140
- "properties": (
141
- "scroll-margin-top",
142
- ),
143
- "values": maps.$yma-margin-map,
144
- ),
145
-
146
- "scroll-margin-inline-end": (
147
- "prefix": "smie",
148
- "properties": (
149
- "scroll-margin-inline-end",
150
- ),
151
- "values": maps.$yma-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.$yma-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.$yma-margin-map,
170
- ),
171
-
172
- "scroll-padding": (
173
- "prefix": "sp",
174
- "properties": (
175
- "scroll-padding",
176
- ),
177
- "values": maps.$yma-padding-map,
178
- ),
179
-
180
- "scroll-padding-bottom": (
181
- "prefix": "spb",
182
- "properties": (
183
- "scroll-padding-bottom",
184
- ),
185
- "values": maps.$yma-padding-map,
186
- ),
187
-
188
- "scroll-padding-inline-start": (
189
- "prefix": "spis",
190
- "properties": (
191
- "scroll-padding-inline-start",
192
- ),
193
- "values": maps.$yma-padding-map,
194
- ),
195
-
196
- "scroll-padding-left": (
197
- "prefix": "spl",
198
- "properties": (
199
- "scroll-padding-left",
200
- ),
201
- "values": maps.$yma-padding-map,
202
- ),
203
-
204
- "scroll-padding-right": (
205
- "prefix": "spr",
206
- "properties": (
207
- "scroll-padding-right",
208
- ),
209
- "values": maps.$yma-padding-map,
210
- ),
211
-
212
- "scroll-padding-top": (
213
- "prefix": "spt",
214
- "properties": (
215
- "scroll-padding-top",
216
- ),
217
- "values": maps.$yma-padding-map,
218
- ),
219
-
220
- "scroll-padding-inline-end": (
221
- "prefix": "spie",
222
- "properties": (
223
- "scroll-padding-inline-end",
224
- ),
225
- "values": maps.$yma-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.$yma-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.$yma-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 $yma-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
+ @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
+ }