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/_box-model.scss CHANGED
@@ -1,290 +1,290 @@
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
- $yma-box-model-utils: (
9
- "box-sizing": (
10
- "prefix": "bs",
11
- "properties": (
12
- "box-sizing",
13
- ),
14
- "values": (
15
- "bb": border-box,
16
- "cb": content-box,
17
- ),
18
- ),
19
-
20
- "dimension": (
21
- "prefix": "d",
22
- "properties": (
23
- "height",
24
- "width",
25
- ),
26
- "values": maps.$yma-dimension-map,
27
- ),
28
-
29
- "max-dimension": (
30
- "prefix": "max-d",
31
- "properties": (
32
- "max-height",
33
- "max-width",
34
- ),
35
- "values": maps.$yma-dimension-map,
36
- ),
37
-
38
- "min-dimension": (
39
- "prefix": "min-d",
40
- "properties": (
41
- "min-height",
42
- "min-width",
43
- ),
44
- "values": maps.$yma-dimension-map,
45
- ),
46
-
47
- "height": (
48
- "prefix": "h",
49
- "properties": (
50
- "height",
51
- ),
52
- "values": maps.$yma-height-map,
53
- ),
54
-
55
- "max-height": (
56
- "prefix": "max-h",
57
- "properties": (
58
- "max-height",
59
- ),
60
- "values": maps.$yma-height-map,
61
- ),
62
-
63
- "min-height": (
64
- "prefix": "min-h",
65
- "properties": (
66
- "min-height",
67
- ),
68
- "values": maps.$yma-height-map,
69
- ),
70
-
71
- "margin": (
72
- "prefix": "m",
73
- "properties": (
74
- "margin",
75
- ),
76
- "values": maps.$yma-margin-map,
77
- ),
78
-
79
- "margin-block-end": (
80
- "prefix": "mbe",
81
- "properties": (
82
- "margin-block-end",
83
- ),
84
- "values": maps.$yma-margin-map,
85
- ),
86
-
87
- "margin-block-start": (
88
- "prefix": "mbs",
89
- "properties": (
90
- "margin-block-start",
91
- ),
92
- "values": maps.$yma-margin-map,
93
- ),
94
-
95
- "margin-bottom": (
96
- "prefix": "mb",
97
- "properties": (
98
- "margin-bottom",
99
- ),
100
- "values": maps.$yma-margin-map,
101
- ),
102
-
103
- "margin-inline-end": (
104
- "prefix": "mie",
105
- "properties": (
106
- "margin-inline-end",
107
- ),
108
- "values": maps.$yma-margin-map,
109
- ),
110
-
111
- "margin-inline-start": (
112
- "prefix": "mis",
113
- "properties": (
114
- "margin-inline-start",
115
- ),
116
- "values": maps.$yma-margin-map,
117
- ),
118
-
119
- "margin-left": (
120
- "prefix": "ml",
121
- "properties": (
122
- "margin-left",
123
- ),
124
- "values": maps.$yma-margin-map,
125
- ),
126
-
127
- "margin-right": (
128
- "prefix": "mr",
129
- "properties": (
130
- "margin-right",
131
- ),
132
- "values": maps.$yma-margin-map,
133
- ),
134
-
135
- "margin-top": (
136
- "prefix": "mt",
137
- "properties": (
138
- "margin-top",
139
- ),
140
- "values": maps.$yma-margin-map,
141
- ),
142
-
143
- "margin-x": (
144
- "prefix": "mx",
145
- "properties": (
146
- "margin-left",
147
- "margin-right",
148
- ),
149
- "values": maps.$yma-margin-map,
150
- ),
151
-
152
- "margin-y": (
153
- "prefix": "my",
154
- "properties": (
155
- "margin-bottom",
156
- "margin-top",
157
- ),
158
- "values": maps.$yma-margin-map,
159
- ),
160
-
161
- "padding": (
162
- "prefix": "p",
163
- "properties": (
164
- "padding",
165
- ),
166
- "values": maps.$yma-padding-map,
167
- ),
168
-
169
- "padding-block-end": (
170
- "prefix": "pbe",
171
- "properties": (
172
- "padding-block-end",
173
- ),
174
- "values": maps.$yma-padding-map,
175
- ),
176
-
177
- "padding-block-start": (
178
- "prefix": "pbs",
179
- "properties": (
180
- "padding-block-start",
181
- ),
182
- "values": maps.$yma-padding-map,
183
- ),
184
-
185
- "padding-bottom": (
186
- "prefix": "pb",
187
- "properties": (
188
- "padding-bottom",
189
- ),
190
- "values": maps.$yma-padding-map,
191
- ),
192
-
193
- "padding-inline-end": (
194
- "prefix": "pie",
195
- "properties": (
196
- "padding-inline-end",
197
- ),
198
- "values": maps.$yma-padding-map,
199
- ),
200
-
201
- "padding-inline-start": (
202
- "prefix": "pis",
203
- "properties": (
204
- "padding-inline-start",
205
- ),
206
- "values": maps.$yma-padding-map,
207
- ),
208
-
209
- "padding-left": (
210
- "prefix": "pl",
211
- "properties": (
212
- "padding-left",
213
- ),
214
- "values": maps.$yma-padding-map,
215
- ),
216
-
217
- "padding-right": (
218
- "prefix": "pr",
219
- "properties": (
220
- "padding-right",
221
- ),
222
- "values": maps.$yma-padding-map,
223
- ),
224
-
225
- "padding-top": (
226
- "prefix": "pt",
227
- "properties": (
228
- "padding-top",
229
- ),
230
- "values": maps.$yma-padding-map,
231
- ),
232
-
233
- "padding-x": (
234
- "prefix": "px",
235
- "properties": (
236
- "padding-left",
237
- "padding-right",
238
- ),
239
- "values": maps.$yma-padding-map,
240
- ),
241
-
242
- "padding-y": (
243
- "prefix": "py",
244
- "properties": (
245
- "padding-bottom",
246
- "padding-top",
247
- ),
248
- "values": maps.$yma-padding-map,
249
- ),
250
-
251
- "width": (
252
- "prefix": "w",
253
- "properties": (
254
- "width",
255
- ),
256
- "values": maps.$yma-width-map,
257
- ),
258
-
259
- "max-width": (
260
- "prefix": "max-w",
261
- "properties": (
262
- "max-width",
263
- ),
264
- "values": maps.$yma-width-map,
265
- ),
266
-
267
- "min-width": (
268
- "prefix": "min-w",
269
- "properties": (
270
- "min-width",
271
- ),
272
- "values": maps.$yma-width-map,
273
- ),
274
- );
275
-
276
- @each $name, $map in $yma-box-model-utils {
277
- $prefix: map.get($map, "prefix");
278
- $properties: map.get($map, "properties");
279
- $values: map.get($map, "values");
280
-
281
- @if meta.type-of($values) == "map" and map.get($values, "custom") {
282
- @include mix.create-spacing-utilities(
283
- $prefix,
284
- map.get($values, "map"),
285
- $properties
286
- );
287
- } @else {
288
- @include mix.create-utilities($map, $prefix, $properties);
289
- }
290
- }
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-box-model-utils: (
9
+ "box-sizing": (
10
+ "prefix": "bs",
11
+ "properties": (
12
+ "box-sizing",
13
+ ),
14
+ "values": (
15
+ "bb": border-box,
16
+ "cb": content-box,
17
+ ),
18
+ ),
19
+
20
+ "dimension": (
21
+ "prefix": "d",
22
+ "properties": (
23
+ "height",
24
+ "width",
25
+ ),
26
+ "values": maps.$ycss-dimension-map,
27
+ ),
28
+
29
+ "max-dimension": (
30
+ "prefix": "max-d",
31
+ "properties": (
32
+ "max-height",
33
+ "max-width",
34
+ ),
35
+ "values": maps.$ycss-dimension-map,
36
+ ),
37
+
38
+ "min-dimension": (
39
+ "prefix": "min-d",
40
+ "properties": (
41
+ "min-height",
42
+ "min-width",
43
+ ),
44
+ "values": maps.$ycss-dimension-map,
45
+ ),
46
+
47
+ "height": (
48
+ "prefix": "h",
49
+ "properties": (
50
+ "height",
51
+ ),
52
+ "values": maps.$ycss-height-map,
53
+ ),
54
+
55
+ "max-height": (
56
+ "prefix": "max-h",
57
+ "properties": (
58
+ "max-height",
59
+ ),
60
+ "values": maps.$ycss-height-map,
61
+ ),
62
+
63
+ "min-height": (
64
+ "prefix": "min-h",
65
+ "properties": (
66
+ "min-height",
67
+ ),
68
+ "values": maps.$ycss-height-map,
69
+ ),
70
+
71
+ "margin": (
72
+ "prefix": "m",
73
+ "properties": (
74
+ "margin",
75
+ ),
76
+ "values": maps.$ycss-margin-map,
77
+ ),
78
+
79
+ "margin-block-end": (
80
+ "prefix": "mbe",
81
+ "properties": (
82
+ "margin-block-end",
83
+ ),
84
+ "values": maps.$ycss-margin-map,
85
+ ),
86
+
87
+ "margin-block-start": (
88
+ "prefix": "mbs",
89
+ "properties": (
90
+ "margin-block-start",
91
+ ),
92
+ "values": maps.$ycss-margin-map,
93
+ ),
94
+
95
+ "margin-bottom": (
96
+ "prefix": "mb",
97
+ "properties": (
98
+ "margin-bottom",
99
+ ),
100
+ "values": maps.$ycss-margin-map,
101
+ ),
102
+
103
+ "margin-inline-end": (
104
+ "prefix": "mie",
105
+ "properties": (
106
+ "margin-inline-end",
107
+ ),
108
+ "values": maps.$ycss-margin-map,
109
+ ),
110
+
111
+ "margin-inline-start": (
112
+ "prefix": "mis",
113
+ "properties": (
114
+ "margin-inline-start",
115
+ ),
116
+ "values": maps.$ycss-margin-map,
117
+ ),
118
+
119
+ "margin-left": (
120
+ "prefix": "ml",
121
+ "properties": (
122
+ "margin-left",
123
+ ),
124
+ "values": maps.$ycss-margin-map,
125
+ ),
126
+
127
+ "margin-right": (
128
+ "prefix": "mr",
129
+ "properties": (
130
+ "margin-right",
131
+ ),
132
+ "values": maps.$ycss-margin-map,
133
+ ),
134
+
135
+ "margin-top": (
136
+ "prefix": "mt",
137
+ "properties": (
138
+ "margin-top",
139
+ ),
140
+ "values": maps.$ycss-margin-map,
141
+ ),
142
+
143
+ "margin-x": (
144
+ "prefix": "mx",
145
+ "properties": (
146
+ "margin-left",
147
+ "margin-right",
148
+ ),
149
+ "values": maps.$ycss-margin-map,
150
+ ),
151
+
152
+ "margin-y": (
153
+ "prefix": "my",
154
+ "properties": (
155
+ "margin-bottom",
156
+ "margin-top",
157
+ ),
158
+ "values": maps.$ycss-margin-map,
159
+ ),
160
+
161
+ "padding": (
162
+ "prefix": "p",
163
+ "properties": (
164
+ "padding",
165
+ ),
166
+ "values": maps.$ycss-padding-map,
167
+ ),
168
+
169
+ "padding-block-end": (
170
+ "prefix": "pbe",
171
+ "properties": (
172
+ "padding-block-end",
173
+ ),
174
+ "values": maps.$ycss-padding-map,
175
+ ),
176
+
177
+ "padding-block-start": (
178
+ "prefix": "pbs",
179
+ "properties": (
180
+ "padding-block-start",
181
+ ),
182
+ "values": maps.$ycss-padding-map,
183
+ ),
184
+
185
+ "padding-bottom": (
186
+ "prefix": "pb",
187
+ "properties": (
188
+ "padding-bottom",
189
+ ),
190
+ "values": maps.$ycss-padding-map,
191
+ ),
192
+
193
+ "padding-inline-end": (
194
+ "prefix": "pie",
195
+ "properties": (
196
+ "padding-inline-end",
197
+ ),
198
+ "values": maps.$ycss-padding-map,
199
+ ),
200
+
201
+ "padding-inline-start": (
202
+ "prefix": "pis",
203
+ "properties": (
204
+ "padding-inline-start",
205
+ ),
206
+ "values": maps.$ycss-padding-map,
207
+ ),
208
+
209
+ "padding-left": (
210
+ "prefix": "pl",
211
+ "properties": (
212
+ "padding-left",
213
+ ),
214
+ "values": maps.$ycss-padding-map,
215
+ ),
216
+
217
+ "padding-right": (
218
+ "prefix": "pr",
219
+ "properties": (
220
+ "padding-right",
221
+ ),
222
+ "values": maps.$ycss-padding-map,
223
+ ),
224
+
225
+ "padding-top": (
226
+ "prefix": "pt",
227
+ "properties": (
228
+ "padding-top",
229
+ ),
230
+ "values": maps.$ycss-padding-map,
231
+ ),
232
+
233
+ "padding-x": (
234
+ "prefix": "px",
235
+ "properties": (
236
+ "padding-left",
237
+ "padding-right",
238
+ ),
239
+ "values": maps.$ycss-padding-map,
240
+ ),
241
+
242
+ "padding-y": (
243
+ "prefix": "py",
244
+ "properties": (
245
+ "padding-bottom",
246
+ "padding-top",
247
+ ),
248
+ "values": maps.$ycss-padding-map,
249
+ ),
250
+
251
+ "width": (
252
+ "prefix": "w",
253
+ "properties": (
254
+ "width",
255
+ ),
256
+ "values": maps.$ycss-width-map,
257
+ ),
258
+
259
+ "max-width": (
260
+ "prefix": "max-w",
261
+ "properties": (
262
+ "max-width",
263
+ ),
264
+ "values": maps.$ycss-width-map,
265
+ ),
266
+
267
+ "min-width": (
268
+ "prefix": "min-w",
269
+ "properties": (
270
+ "min-width",
271
+ ),
272
+ "values": maps.$ycss-width-map,
273
+ ),
274
+ );
275
+
276
+ @each $name, $map in $ycss-box-model-utils {
277
+ $prefix: map.get($map, "prefix");
278
+ $properties: map.get($map, "properties");
279
+ $values: map.get($map, "values");
280
+
281
+ @if meta.type-of($values) == "map" and map.get($values, "custom") {
282
+ @include mix.create-spacing-utilities(
283
+ $prefix,
284
+ map.get($values, "map"),
285
+ $properties
286
+ );
287
+ } @else {
288
+ @include mix.create-utilities($map, $prefix, $properties);
289
+ }
290
+ }