yummacss 3.3.2 → 3.4.1

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,53 +0,0 @@
1
- @use "../breakpoints" as bp;
2
- @use "sass:map";
3
-
4
- @mixin create-utilities($map, $prefix, $properties) {
5
- $function: if(
6
- map.has-key($map, "property-function"),
7
- map.get($map, "property-function"),
8
- null
9
- );
10
-
11
- // base styles
12
- @each $k, $v in map.get($map, "values") {
13
- .#{$prefix}-#{$k} {
14
- @each $property in $properties {
15
- #{$property}: if($function != null, $function + "(" + $v + ")", $v);
16
- }
17
- }
18
-
19
- // active styles
20
- .a\:#{$prefix}-#{$k}:active {
21
- @each $property in $properties {
22
- #{$property}: if($function != null, $function + "(" + $v + ")", $v);
23
- }
24
- }
25
-
26
- // focus styles
27
- .f\:#{$prefix}-#{$k}:focus {
28
- @each $property in $properties {
29
- #{$property}: if($function != null, $function + "(" + $v + ")", $v);
30
- }
31
- }
32
-
33
- // hover styles
34
- .h\:#{$prefix}-#{$k}:hover {
35
- @each $property in $properties {
36
- #{$property}: if($function != null, $function + "(" + $v + ")", $v);
37
- }
38
- }
39
- }
40
-
41
- // responsive styles
42
- @each $bp, $bp-value in bp.$ycss-breakpoints {
43
- @media (min-width: $bp-value) {
44
- @each $k, $v in map.get($map, "values") {
45
- .#{$bp}\:#{$prefix}-#{$k} {
46
- @each $property in $properties {
47
- #{$property}: if($function != null, $function + "(" + $v + ")", $v);
48
- }
49
- }
50
- }
51
- }
52
- }
53
- }
@@ -1,2 +0,0 @@
1
- @forward "create-colors";
2
- @forward "create-utilities";
package/src/core.scss DELETED
@@ -1,3 +0,0 @@
1
- @use "abstracts" as *;
2
- @use "utilities" as *;
3
- @use "fonts";
package/src/index.scss DELETED
@@ -1,2 +0,0 @@
1
- @use "base";
2
- @use "core";
@@ -1,95 +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-background-utils: (
7
- "background-attachment": (
8
- "prefix": "ba",
9
- "properties": (
10
- "background-attachment",
11
- ),
12
- "values": (
13
- "f": fixed,
14
- "l": local,
15
- "s": scroll,
16
- ),
17
- ),
18
-
19
- "background-clip": (
20
- "prefix": "bc",
21
- "properties": (
22
- "background-clip",
23
- ),
24
- "values": (
25
- "bb": border-box,
26
- "cb": content-box,
27
- "pb": padding-box,
28
- "t": text,
29
- ),
30
- ),
31
-
32
- "background-origin": (
33
- "prefix": "bo",
34
- "properties": (
35
- "background-origin",
36
- ),
37
- "values": (
38
- "bb": border-box,
39
- "cb": content-box,
40
- "pb": padding-box,
41
- ),
42
- ),
43
-
44
- "background-position": (
45
- "prefix": "bp",
46
- "properties": (
47
- "background-position",
48
- ),
49
- "values": (
50
- "b": bottom,
51
- "c": center,
52
- "l": left,
53
- "lb": left bottom,
54
- "lt": left top,
55
- "r": right,
56
- "rb": right bottom,
57
- "rt": right top,
58
- "t": top,
59
- ),
60
- ),
61
-
62
- "background-repeat": (
63
- "prefix": "br",
64
- "properties": (
65
- "background-repeat",
66
- ),
67
- "values": (
68
- "nr": no-repeat,
69
- "r": repeat,
70
- "ro": round,
71
- "rx": repeat-x,
72
- "ry": repeat-y,
73
- "s": space,
74
- ),
75
- ),
76
-
77
- "background-size": (
78
- "prefix": "bs",
79
- "properties": (
80
- "background-size",
81
- ),
82
- "values": (
83
- "auto": auto,
84
- "c": cover,
85
- "co": contain,
86
- ),
87
- ),
88
- );
89
-
90
- @each $properties, $map in $ycss-background-utils {
91
- $prefix: map.get($map, "prefix");
92
- $properties: map.get($map, "properties");
93
-
94
- @include mix.create-utilities($map, $prefix, $properties);
95
- }
@@ -1,314 +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-border-utils: (
8
- "border-collapse": (
9
- "prefix": "bc",
10
- "properties": (
11
- "border-collapse",
12
- ),
13
- "values": (
14
- "c": collapse,
15
- "s": separate,
16
- ),
17
- ),
18
-
19
- "border-radius": (
20
- "prefix": "rad",
21
- "properties": (
22
- "border-radius",
23
- ),
24
- "values": (
25
- "0": vars.$ycss-border-radius * 0,
26
- "1": vars.$ycss-border-radius,
27
- "2": vars.$ycss-border-radius * 2,
28
- "3": vars.$ycss-border-radius * 3,
29
- "4": vars.$ycss-border-radius * 4,
30
- "5": vars.$ycss-border-radius * 5,
31
- "6": vars.$ycss-border-radius * 6,
32
- "7": vars.$ycss-border-radius * 7,
33
- "8": vars.$ycss-border-radius * 8,
34
- "9": 9999px,
35
- "full": 100%,
36
- "half": 50%,
37
- ),
38
- ),
39
-
40
- "border-bottom-radius": (
41
- "prefix": "rad-b",
42
- "properties": (
43
- "border-bottom-left-radius",
44
- "border-bottom-right-radius",
45
- ),
46
- "values": (
47
- "0": vars.$ycss-border-radius * 0,
48
- "1": vars.$ycss-border-radius,
49
- "2": vars.$ycss-border-radius * 2,
50
- "3": vars.$ycss-border-radius * 3,
51
- "4": vars.$ycss-border-radius * 4,
52
- "5": vars.$ycss-border-radius * 5,
53
- "6": vars.$ycss-border-radius * 6,
54
- "7": vars.$ycss-border-radius * 7,
55
- "8": vars.$ycss-border-radius * 8,
56
- ),
57
- ),
58
-
59
- "border-left-radius": (
60
- "prefix": "rad-l",
61
- "properties": (
62
- "border-bottom-left-radius",
63
- "border-top-left-radius",
64
- ),
65
- "values": (
66
- "0": vars.$ycss-border-radius * 0,
67
- "1": vars.$ycss-border-radius,
68
- "2": vars.$ycss-border-radius * 2,
69
- "3": vars.$ycss-border-radius * 3,
70
- "4": vars.$ycss-border-radius * 4,
71
- "5": vars.$ycss-border-radius * 5,
72
- "6": vars.$ycss-border-radius * 6,
73
- "7": vars.$ycss-border-radius * 7,
74
- "8": vars.$ycss-border-radius * 8,
75
- ),
76
- ),
77
-
78
- "border-right-radius": (
79
- "prefix": "rad-r",
80
- "properties": (
81
- "border-bottom-right-radius",
82
- "border-top-right-radius",
83
- ),
84
- "values": (
85
- "0": vars.$ycss-border-radius * 0,
86
- "1": vars.$ycss-border-radius,
87
- "2": vars.$ycss-border-radius * 2,
88
- "3": vars.$ycss-border-radius * 3,
89
- "4": vars.$ycss-border-radius * 4,
90
- "5": vars.$ycss-border-radius * 5,
91
- "6": vars.$ycss-border-radius * 6,
92
- "7": vars.$ycss-border-radius * 7,
93
- "8": vars.$ycss-border-radius * 8,
94
- ),
95
- ),
96
-
97
- "border-bottom-left-radius": (
98
- "prefix": "rad-bl",
99
- "properties": (
100
- "border-bottom-left-radius",
101
- ),
102
- "values": (
103
- "0": vars.$ycss-border-radius * 0,
104
- "1": vars.$ycss-border-radius,
105
- "2": vars.$ycss-border-radius * 2,
106
- "3": vars.$ycss-border-radius * 3,
107
- "4": vars.$ycss-border-radius * 4,
108
- "5": vars.$ycss-border-radius * 5,
109
- "6": vars.$ycss-border-radius * 6,
110
- "7": vars.$ycss-border-radius * 7,
111
- "8": vars.$ycss-border-radius * 8,
112
- ),
113
- ),
114
-
115
- "border-bottom-right-radius": (
116
- "prefix": "rad-br",
117
- "properties": (
118
- "border-bottom-right-radius",
119
- ),
120
- "values": (
121
- "0": vars.$ycss-border-radius * 0,
122
- "1": vars.$ycss-border-radius,
123
- "2": vars.$ycss-border-radius * 2,
124
- "3": vars.$ycss-border-radius * 3,
125
- "4": vars.$ycss-border-radius * 4,
126
- "5": vars.$ycss-border-radius * 5,
127
- "6": vars.$ycss-border-radius * 6,
128
- "7": vars.$ycss-border-radius * 7,
129
- "8": vars.$ycss-border-radius * 8,
130
- ),
131
- ),
132
-
133
- "border-top-radius": (
134
- "prefix": "rad-t",
135
- "properties": (
136
- "border-top-left-radius",
137
- "border-top-right-radius",
138
- ),
139
- "values": (
140
- "0": vars.$ycss-border-radius * 0,
141
- "1": vars.$ycss-border-radius,
142
- "2": vars.$ycss-border-radius * 2,
143
- "3": vars.$ycss-border-radius * 3,
144
- "4": vars.$ycss-border-radius * 4,
145
- "5": vars.$ycss-border-radius * 5,
146
- "6": vars.$ycss-border-radius * 6,
147
- "7": vars.$ycss-border-radius * 7,
148
- "8": vars.$ycss-border-radius * 8,
149
- ),
150
- ),
151
-
152
- "border-top-left-radius": (
153
- "prefix": "rad-tl",
154
- "properties": (
155
- "border-top-left-radius",
156
- ),
157
- "values": (
158
- "0": vars.$ycss-border-radius * 0,
159
- "1": vars.$ycss-border-radius,
160
- "2": vars.$ycss-border-radius * 2,
161
- "3": vars.$ycss-border-radius * 3,
162
- "4": vars.$ycss-border-radius * 4,
163
- "5": vars.$ycss-border-radius * 5,
164
- "6": vars.$ycss-border-radius * 6,
165
- "7": vars.$ycss-border-radius * 7,
166
- "8": vars.$ycss-border-radius * 8,
167
- ),
168
- ),
169
-
170
- "border-top-right-radius": (
171
- "prefix": "rad-tr",
172
- "properties": (
173
- "border-top-right-radius",
174
- ),
175
- "values": (
176
- "0": vars.$ycss-border-radius * 0,
177
- "1": vars.$ycss-border-radius,
178
- "2": vars.$ycss-border-radius * 2,
179
- "3": vars.$ycss-border-radius * 3,
180
- "4": vars.$ycss-border-radius * 4,
181
- "5": vars.$ycss-border-radius * 5,
182
- "6": vars.$ycss-border-radius * 6,
183
- "7": vars.$ycss-border-radius * 7,
184
- "8": vars.$ycss-border-radius * 8,
185
- ),
186
- ),
187
-
188
- "border-spacing": (
189
- "prefix": "bs",
190
- "properties": (
191
- "border-spacing",
192
- ),
193
- "values": (
194
- "0": vars.$ycss-border-spacing * 0,
195
- "1": vars.$ycss-border-spacing,
196
- "2": vars.$ycss-border-spacing * 2,
197
- "3": vars.$ycss-border-spacing * 3,
198
- "4": vars.$ycss-border-spacing * 4,
199
- "5": vars.$ycss-border-spacing * 5,
200
- "6": vars.$ycss-border-spacing * 6,
201
- "7": vars.$ycss-border-spacing * 7,
202
- "8": vars.$ycss-border-spacing * 8,
203
- ),
204
- ),
205
-
206
- "border-style": (
207
- "prefix": "b",
208
- "properties": (
209
- "border-style",
210
- ),
211
- "values": (
212
- "none": none,
213
- "d": dashed,
214
- "s": solid,
215
- ),
216
- ),
217
-
218
- "border-width": (
219
- "prefix": "b",
220
- "properties": (
221
- "border-width",
222
- ),
223
- "values": (
224
- "0": vars.$ycss-border * 0,
225
- "1": vars.$ycss-border,
226
- "2": vars.$ycss-border * 2,
227
- "3": vars.$ycss-border * 3,
228
- "4": vars.$ycss-border * 4,
229
- "5": vars.$ycss-border * 5,
230
- "6": vars.$ycss-border * 6,
231
- "7": vars.$ycss-border * 7,
232
- "8": vars.$ycss-border * 8,
233
- ),
234
- ),
235
-
236
- "border-bottom-width": (
237
- "prefix": "bb",
238
- "properties": (
239
- "border-bottom-width",
240
- ),
241
- "values": (
242
- "0": vars.$ycss-border * 0,
243
- "1": vars.$ycss-border,
244
- "2": vars.$ycss-border * 2,
245
- "3": vars.$ycss-border * 3,
246
- "4": vars.$ycss-border * 4,
247
- "5": vars.$ycss-border * 5,
248
- "6": vars.$ycss-border * 6,
249
- "7": vars.$ycss-border * 7,
250
- "8": vars.$ycss-border * 8,
251
- ),
252
- ),
253
-
254
- "border-left-width": (
255
- "prefix": "bl",
256
- "properties": (
257
- "border-left-width",
258
- ),
259
- "values": (
260
- "0": vars.$ycss-border * 0,
261
- "1": vars.$ycss-border,
262
- "2": vars.$ycss-border * 2,
263
- "3": vars.$ycss-border * 3,
264
- "4": vars.$ycss-border * 4,
265
- "5": vars.$ycss-border * 5,
266
- "6": vars.$ycss-border * 6,
267
- "7": vars.$ycss-border * 7,
268
- "8": vars.$ycss-border * 8,
269
- ),
270
- ),
271
-
272
- "border-right-width": (
273
- "prefix": "br",
274
- "properties": (
275
- "border-right-width",
276
- ),
277
- "values": (
278
- "0": vars.$ycss-border * 0,
279
- "1": vars.$ycss-border,
280
- "2": vars.$ycss-border * 2,
281
- "3": vars.$ycss-border * 3,
282
- "4": vars.$ycss-border * 4,
283
- "5": vars.$ycss-border * 5,
284
- "6": vars.$ycss-border * 6,
285
- "7": vars.$ycss-border * 7,
286
- "8": vars.$ycss-border * 8,
287
- ),
288
- ),
289
-
290
- "border-top-width": (
291
- "prefix": "bt",
292
- "properties": (
293
- "border-top-width",
294
- ),
295
- "values": (
296
- "0": vars.$ycss-border * 0,
297
- "1": vars.$ycss-border,
298
- "2": vars.$ycss-border * 2,
299
- "3": vars.$ycss-border * 3,
300
- "4": vars.$ycss-border * 4,
301
- "5": vars.$ycss-border * 5,
302
- "6": vars.$ycss-border * 6,
303
- "7": vars.$ycss-border * 7,
304
- "8": vars.$ycss-border * 8,
305
- ),
306
- ),
307
- );
308
-
309
- @each $properties, $map in $ycss-border-utils {
310
- $prefix: map.get($map, "prefix");
311
- $properties: map.get($map, "properties");
312
-
313
- @include mix.create-utilities($map, $prefix, $properties);
314
- }