yummacss 2.1.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 (74) hide show
  1. package/LICENSE +17 -18
  2. package/README.md +16 -14
  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 +126823 -190421
  15. package/dist/yumma.min.css +1 -1
  16. package/package.json +50 -24
  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 +19 -16
  21. package/src/abstracts/_variables.scss +68 -55
  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 +274 -91
  33. package/src/utilities/_color.scss +85 -0
  34. package/src/utilities/_effect.scss +98 -0
  35. package/src/utilities/_flexbox.scss +122 -56
  36. package/src/utilities/_grid.scss +52 -95
  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 +167 -57
  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/.prettierrc +0 -9
  56. package/CHANGELOG.md +0 -58
  57. package/dist/yumma-core.css +0 -238809
  58. package/dist/yumma-core.min.css +0 -1
  59. package/gulpfile.js +0 -44
  60. package/src/_base.scss +0 -72
  61. package/src/abstracts/_colors.scss +0 -29
  62. package/src/abstracts/_extensions.scss +0 -19
  63. package/src/abstracts/_functions.scss +0 -3
  64. package/src/abstracts/_layout.scss +0 -18
  65. package/src/abstracts/_mixins.scss +0 -575
  66. package/src/core.scss +0 -3
  67. package/src/utilities/_borders.scss +0 -214
  68. package/src/utilities/_effects.scss +0 -74
  69. package/src/utilities/_filters.scss +0 -57
  70. package/src/utilities/_interactions.scss +0 -111
  71. package/src/utilities/_layout.scss +0 -310
  72. package/src/utilities/_outlines.scss +0 -76
  73. package/src/utilities/_tables.scss +0 -61
  74. package/src/yumma.scss +0 -23
package/src/utilities/_interactivity.scss ADDED
@@ -0,0 +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
+ }
package/src/utilities/_outline.scss ADDED
@@ -0,0 +1,53 @@
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../abstracts/variables" as vars;
4
+ @use "../abstracts/mixins/" as mix;
5
+
6
+ $yma-outline-utils: (
7
+ "outline-offset": (
8
+ "prefix": "oo",
9
+ "properties": (
10
+ "outline-offset",
11
+ ),
12
+ "values": (
13
+ "0": vars.$yma-outline-offset * 0,
14
+ "1": vars.$yma-outline-offset,
15
+ "2": vars.$yma-outline-offset * 2,
16
+ "3": vars.$yma-outline-offset * 3,
17
+ "4": vars.$yma-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.$yma-outline-width * 0,
40
+ "1": vars.$yma-outline-width,
41
+ "2": vars.$yma-outline-width * 2,
42
+ "3": vars.$yma-outline-width * 3,
43
+ "4": vars.$yma-outline-width * 4,
44
+ ),
45
+ ),
46
+ );
47
+
48
+ @each $properties, $map in $yma-outline-utils {
49
+ $prefix: map.get($map, "prefix");
50
+ $properties: map.get($map, "properties");
51
+
52
+ @include mix.create-utilities($map, $prefix, $properties);
53
+ }