yummacss 3.0.2 → 3.1.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 (43) hide show
  1. package/README.md +66 -66
  2. package/dist/cli/commands/init.js +3 -5
  3. package/dist/cli/services/configLoader.js +4 -30
  4. package/package.json +6 -13
  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 +21 -21
  9. package/src/abstracts/_variables.scss +83 -82
  10. package/src/abstracts/functions/_create-values.scss +16 -16
  11. package/src/abstracts/functions/_ignore-neutral.scss +7 -9
  12. package/src/abstracts/functions/_index.scss +2 -2
  13. package/src/abstracts/mixins/_create-colors.scss +90 -39
  14. package/src/abstracts/mixins/_create-utilities.scss +53 -39
  15. package/src/abstracts/mixins/_index.scss +2 -3
  16. package/src/reset/_stylecent.scss +231 -231
  17. package/src/utilities/_background.scss +95 -95
  18. package/src/utilities/_border.scss +313 -313
  19. package/src/utilities/_box-model.scss +290 -290
  20. package/src/utilities/_color.scss +85 -85
  21. package/src/utilities/_effect.scss +98 -98
  22. package/src/utilities/_flexbox.scss +213 -175
  23. package/src/utilities/_grid.scss +322 -322
  24. package/src/utilities/_index.scss +14 -14
  25. package/src/utilities/_interactivity.scss +304 -304
  26. package/src/utilities/_outline.scss +53 -53
  27. package/src/utilities/_positioning.scss +436 -436
  28. package/src/utilities/_svg.scss +27 -27
  29. package/src/utilities/_table.scss +35 -35
  30. package/src/utilities/_transform.scss +164 -164
  31. package/src/utilities/_typography.scss +278 -278
  32. package/src/utilities/maps/_index.scss +12 -12
  33. package/src/utilities/maps/box-model/_dimension.scss +16 -16
  34. package/src/utilities/maps/box-model/_height.scss +16 -16
  35. package/src/utilities/maps/box-model/_margin.scss +10 -10
  36. package/src/utilities/maps/box-model/_padding.scss +10 -10
  37. package/src/utilities/maps/box-model/_width.scss +16 -16
  38. package/src/utilities/maps/flexbox/_flex-basis.scss +12 -12
  39. package/src/utilities/maps/grid/_gap.scss +5 -5
  40. package/src/yummacss-core.scss +3 -3
  41. package/src/yummacss.scss +4 -4
  42. package/dist/cli/config/templates.js +0 -33
  43. package/src/abstracts/mixins/_extend-utilities.scss +0 -24
package/src/utilities/_border.scss CHANGED
@@ -1,313 +1,313 @@
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-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.$yma-border-radius * 0,
26
- "1": vars.$yma-border-radius,
27
- "2": vars.$yma-border-radius * 2,
28
- "3": vars.$yma-border-radius * 3,
29
- "4": vars.$yma-border-radius * 4,
30
- "5": vars.$yma-border-radius * 5,
31
- "6": vars.$yma-border-radius * 6,
32
- "7": vars.$yma-border-radius * 7,
33
- "8": vars.$yma-border-radius * 8,
34
- "full": 100%,
35
- "half": 50%,
36
- ),
37
- ),
38
-
39
- "border-bottom-radius": (
40
- "prefix": "rad-b",
41
- "properties": (
42
- "border-bottom-left-radius",
43
- "border-bottom-right-radius",
44
- ),
45
- "values": (
46
- "0": vars.$yma-border-radius * 0,
47
- "1": vars.$yma-border-radius,
48
- "2": vars.$yma-border-radius * 2,
49
- "3": vars.$yma-border-radius * 3,
50
- "4": vars.$yma-border-radius * 4,
51
- "5": vars.$yma-border-radius * 5,
52
- "6": vars.$yma-border-radius * 6,
53
- "7": vars.$yma-border-radius * 7,
54
- "8": vars.$yma-border-radius * 8,
55
- ),
56
- ),
57
-
58
- "border-left-radius": (
59
- "prefix": "rad-l",
60
- "properties": (
61
- "border-bottom-left-radius",
62
- "border-top-left-radius",
63
- ),
64
- "values": (
65
- "0": vars.$yma-border-radius * 0,
66
- "1": vars.$yma-border-radius,
67
- "2": vars.$yma-border-radius * 2,
68
- "3": vars.$yma-border-radius * 3,
69
- "4": vars.$yma-border-radius * 4,
70
- "5": vars.$yma-border-radius * 5,
71
- "6": vars.$yma-border-radius * 6,
72
- "7": vars.$yma-border-radius * 7,
73
- "8": vars.$yma-border-radius * 8,
74
- ),
75
- ),
76
-
77
- "border-right-radius": (
78
- "prefix": "rad-r",
79
- "properties": (
80
- "border-bottom-right-radius",
81
- "border-top-right-radius",
82
- ),
83
- "values": (
84
- "0": vars.$yma-border-radius * 0,
85
- "1": vars.$yma-border-radius,
86
- "2": vars.$yma-border-radius * 2,
87
- "3": vars.$yma-border-radius * 3,
88
- "4": vars.$yma-border-radius * 4,
89
- "5": vars.$yma-border-radius * 5,
90
- "6": vars.$yma-border-radius * 6,
91
- "7": vars.$yma-border-radius * 7,
92
- "8": vars.$yma-border-radius * 8,
93
- ),
94
- ),
95
-
96
- "border-bottom-left-radius": (
97
- "prefix": "rad-bl",
98
- "properties": (
99
- "border-bottom-left-radius",
100
- ),
101
- "values": (
102
- "0": vars.$yma-border-radius * 0,
103
- "1": vars.$yma-border-radius,
104
- "2": vars.$yma-border-radius * 2,
105
- "3": vars.$yma-border-radius * 3,
106
- "4": vars.$yma-border-radius * 4,
107
- "5": vars.$yma-border-radius * 5,
108
- "6": vars.$yma-border-radius * 6,
109
- "7": vars.$yma-border-radius * 7,
110
- "8": vars.$yma-border-radius * 8,
111
- ),
112
- ),
113
-
114
- "border-bottom-right-radius": (
115
- "prefix": "rad-br",
116
- "properties": (
117
- "border-bottom-right-radius",
118
- ),
119
- "values": (
120
- "0": vars.$yma-border-radius * 0,
121
- "1": vars.$yma-border-radius,
122
- "2": vars.$yma-border-radius * 2,
123
- "3": vars.$yma-border-radius * 3,
124
- "4": vars.$yma-border-radius * 4,
125
- "5": vars.$yma-border-radius * 5,
126
- "6": vars.$yma-border-radius * 6,
127
- "7": vars.$yma-border-radius * 7,
128
- "8": vars.$yma-border-radius * 8,
129
- ),
130
- ),
131
-
132
- "border-top-radius": (
133
- "prefix": "rad-t",
134
- "properties": (
135
- "border-top-left-radius",
136
- "border-top-right-radius",
137
- ),
138
- "values": (
139
- "0": vars.$yma-border-radius * 0,
140
- "1": vars.$yma-border-radius,
141
- "2": vars.$yma-border-radius * 2,
142
- "3": vars.$yma-border-radius * 3,
143
- "4": vars.$yma-border-radius * 4,
144
- "5": vars.$yma-border-radius * 5,
145
- "6": vars.$yma-border-radius * 6,
146
- "7": vars.$yma-border-radius * 7,
147
- "8": vars.$yma-border-radius * 8,
148
- ),
149
- ),
150
-
151
- "border-top-left-radius": (
152
- "prefix": "rad-tl",
153
- "properties": (
154
- "border-top-left-radius",
155
- ),
156
- "values": (
157
- "0": vars.$yma-border-radius * 0,
158
- "1": vars.$yma-border-radius,
159
- "2": vars.$yma-border-radius * 2,
160
- "3": vars.$yma-border-radius * 3,
161
- "4": vars.$yma-border-radius * 4,
162
- "5": vars.$yma-border-radius * 5,
163
- "6": vars.$yma-border-radius * 6,
164
- "7": vars.$yma-border-radius * 7,
165
- "8": vars.$yma-border-radius * 8,
166
- ),
167
- ),
168
-
169
- "border-top-right-radius": (
170
- "prefix": "rad-tr",
171
- "properties": (
172
- "border-top-right-radius",
173
- ),
174
- "values": (
175
- "0": vars.$yma-border-radius * 0,
176
- "1": vars.$yma-border-radius,
177
- "2": vars.$yma-border-radius * 2,
178
- "3": vars.$yma-border-radius * 3,
179
- "4": vars.$yma-border-radius * 4,
180
- "5": vars.$yma-border-radius * 5,
181
- "6": vars.$yma-border-radius * 6,
182
- "7": vars.$yma-border-radius * 7,
183
- "8": vars.$yma-border-radius * 8,
184
- ),
185
- ),
186
-
187
- "border-spacing": (
188
- "prefix": "bs",
189
- "properties": (
190
- "border-spacing",
191
- ),
192
- "values": (
193
- "0": vars.$yma-border-spacing * 0,
194
- "1": vars.$yma-border-spacing,
195
- "2": vars.$yma-border-spacing * 2,
196
- "3": vars.$yma-border-spacing * 3,
197
- "4": vars.$yma-border-spacing * 4,
198
- "5": vars.$yma-border-spacing * 5,
199
- "6": vars.$yma-border-spacing * 6,
200
- "7": vars.$yma-border-spacing * 7,
201
- "8": vars.$yma-border-spacing * 8,
202
- ),
203
- ),
204
-
205
- "border-style": (
206
- "prefix": "b",
207
- "properties": (
208
- "border-style",
209
- ),
210
- "values": (
211
- "none": none,
212
- "d": dashed,
213
- "s": solid,
214
- ),
215
- ),
216
-
217
- "border-width": (
218
- "prefix": "b",
219
- "properties": (
220
- "border-width",
221
- ),
222
- "values": (
223
- "0": vars.$yma-border * 0,
224
- "1": vars.$yma-border,
225
- "2": vars.$yma-border * 2,
226
- "3": vars.$yma-border * 3,
227
- "4": vars.$yma-border * 4,
228
- "5": vars.$yma-border * 5,
229
- "6": vars.$yma-border * 6,
230
- "7": vars.$yma-border * 7,
231
- "8": vars.$yma-border * 8,
232
- ),
233
- ),
234
-
235
- "border-bottom-width": (
236
- "prefix": "bb",
237
- "properties": (
238
- "border-bottom-width",
239
- ),
240
- "values": (
241
- "0": vars.$yma-border * 0,
242
- "1": vars.$yma-border,
243
- "2": vars.$yma-border * 2,
244
- "3": vars.$yma-border * 3,
245
- "4": vars.$yma-border * 4,
246
- "5": vars.$yma-border * 5,
247
- "6": vars.$yma-border * 6,
248
- "7": vars.$yma-border * 7,
249
- "8": vars.$yma-border * 8,
250
- ),
251
- ),
252
-
253
- "border-left-width": (
254
- "prefix": "bl",
255
- "properties": (
256
- "border-left-width",
257
- ),
258
- "values": (
259
- "0": vars.$yma-border * 0,
260
- "1": vars.$yma-border,
261
- "2": vars.$yma-border * 2,
262
- "3": vars.$yma-border * 3,
263
- "4": vars.$yma-border * 4,
264
- "5": vars.$yma-border * 5,
265
- "6": vars.$yma-border * 6,
266
- "7": vars.$yma-border * 7,
267
- "8": vars.$yma-border * 8,
268
- ),
269
- ),
270
-
271
- "border-right-width": (
272
- "prefix": "br",
273
- "properties": (
274
- "border-right-width",
275
- ),
276
- "values": (
277
- "0": vars.$yma-border * 0,
278
- "1": vars.$yma-border,
279
- "2": vars.$yma-border * 2,
280
- "3": vars.$yma-border * 3,
281
- "4": vars.$yma-border * 4,
282
- "5": vars.$yma-border * 5,
283
- "6": vars.$yma-border * 6,
284
- "7": vars.$yma-border * 7,
285
- "8": vars.$yma-border * 8,
286
- ),
287
- ),
288
-
289
- "border-top-width": (
290
- "prefix": "bt",
291
- "properties": (
292
- "border-top-width",
293
- ),
294
- "values": (
295
- "0": vars.$yma-border * 0,
296
- "1": vars.$yma-border,
297
- "2": vars.$yma-border * 2,
298
- "3": vars.$yma-border * 3,
299
- "4": vars.$yma-border * 4,
300
- "5": vars.$yma-border * 5,
301
- "6": vars.$yma-border * 6,
302
- "7": vars.$yma-border * 7,
303
- "8": vars.$yma-border * 8,
304
- ),
305
- ),
306
- );
307
-
308
- @each $properties, $map in $yma-border-utils {
309
- $prefix: map.get($map, "prefix");
310
- $properties: map.get($map, "properties");
311
-
312
- @include mix.create-utilities($map, $prefix, $properties);
313
- }
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-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.$yma-border-radius * 0,
26
+ "1": vars.$yma-border-radius,
27
+ "2": vars.$yma-border-radius * 2,
28
+ "3": vars.$yma-border-radius * 3,
29
+ "4": vars.$yma-border-radius * 4,
30
+ "5": vars.$yma-border-radius * 5,
31
+ "6": vars.$yma-border-radius * 6,
32
+ "7": vars.$yma-border-radius * 7,
33
+ "8": vars.$yma-border-radius * 8,
34
+ "full": 100%,
35
+ "half": 50%,
36
+ ),
37
+ ),
38
+
39
+ "border-bottom-radius": (
40
+ "prefix": "rad-b",
41
+ "properties": (
42
+ "border-bottom-left-radius",
43
+ "border-bottom-right-radius",
44
+ ),
45
+ "values": (
46
+ "0": vars.$yma-border-radius * 0,
47
+ "1": vars.$yma-border-radius,
48
+ "2": vars.$yma-border-radius * 2,
49
+ "3": vars.$yma-border-radius * 3,
50
+ "4": vars.$yma-border-radius * 4,
51
+ "5": vars.$yma-border-radius * 5,
52
+ "6": vars.$yma-border-radius * 6,
53
+ "7": vars.$yma-border-radius * 7,
54
+ "8": vars.$yma-border-radius * 8,
55
+ ),
56
+ ),
57
+
58
+ "border-left-radius": (
59
+ "prefix": "rad-l",
60
+ "properties": (
61
+ "border-bottom-left-radius",
62
+ "border-top-left-radius",
63
+ ),
64
+ "values": (
65
+ "0": vars.$yma-border-radius * 0,
66
+ "1": vars.$yma-border-radius,
67
+ "2": vars.$yma-border-radius * 2,
68
+ "3": vars.$yma-border-radius * 3,
69
+ "4": vars.$yma-border-radius * 4,
70
+ "5": vars.$yma-border-radius * 5,
71
+ "6": vars.$yma-border-radius * 6,
72
+ "7": vars.$yma-border-radius * 7,
73
+ "8": vars.$yma-border-radius * 8,
74
+ ),
75
+ ),
76
+
77
+ "border-right-radius": (
78
+ "prefix": "rad-r",
79
+ "properties": (
80
+ "border-bottom-right-radius",
81
+ "border-top-right-radius",
82
+ ),
83
+ "values": (
84
+ "0": vars.$yma-border-radius * 0,
85
+ "1": vars.$yma-border-radius,
86
+ "2": vars.$yma-border-radius * 2,
87
+ "3": vars.$yma-border-radius * 3,
88
+ "4": vars.$yma-border-radius * 4,
89
+ "5": vars.$yma-border-radius * 5,
90
+ "6": vars.$yma-border-radius * 6,
91
+ "7": vars.$yma-border-radius * 7,
92
+ "8": vars.$yma-border-radius * 8,
93
+ ),
94
+ ),
95
+
96
+ "border-bottom-left-radius": (
97
+ "prefix": "rad-bl",
98
+ "properties": (
99
+ "border-bottom-left-radius",
100
+ ),
101
+ "values": (
102
+ "0": vars.$yma-border-radius * 0,
103
+ "1": vars.$yma-border-radius,
104
+ "2": vars.$yma-border-radius * 2,
105
+ "3": vars.$yma-border-radius * 3,
106
+ "4": vars.$yma-border-radius * 4,
107
+ "5": vars.$yma-border-radius * 5,
108
+ "6": vars.$yma-border-radius * 6,
109
+ "7": vars.$yma-border-radius * 7,
110
+ "8": vars.$yma-border-radius * 8,
111
+ ),
112
+ ),
113
+
114
+ "border-bottom-right-radius": (
115
+ "prefix": "rad-br",
116
+ "properties": (
117
+ "border-bottom-right-radius",
118
+ ),
119
+ "values": (
120
+ "0": vars.$yma-border-radius * 0,
121
+ "1": vars.$yma-border-radius,
122
+ "2": vars.$yma-border-radius * 2,
123
+ "3": vars.$yma-border-radius * 3,
124
+ "4": vars.$yma-border-radius * 4,
125
+ "5": vars.$yma-border-radius * 5,
126
+ "6": vars.$yma-border-radius * 6,
127
+ "7": vars.$yma-border-radius * 7,
128
+ "8": vars.$yma-border-radius * 8,
129
+ ),
130
+ ),
131
+
132
+ "border-top-radius": (
133
+ "prefix": "rad-t",
134
+ "properties": (
135
+ "border-top-left-radius",
136
+ "border-top-right-radius",
137
+ ),
138
+ "values": (
139
+ "0": vars.$yma-border-radius * 0,
140
+ "1": vars.$yma-border-radius,
141
+ "2": vars.$yma-border-radius * 2,
142
+ "3": vars.$yma-border-radius * 3,
143
+ "4": vars.$yma-border-radius * 4,
144
+ "5": vars.$yma-border-radius * 5,
145
+ "6": vars.$yma-border-radius * 6,
146
+ "7": vars.$yma-border-radius * 7,
147
+ "8": vars.$yma-border-radius * 8,
148
+ ),
149
+ ),
150
+
151
+ "border-top-left-radius": (
152
+ "prefix": "rad-tl",
153
+ "properties": (
154
+ "border-top-left-radius",
155
+ ),
156
+ "values": (
157
+ "0": vars.$yma-border-radius * 0,
158
+ "1": vars.$yma-border-radius,
159
+ "2": vars.$yma-border-radius * 2,
160
+ "3": vars.$yma-border-radius * 3,
161
+ "4": vars.$yma-border-radius * 4,
162
+ "5": vars.$yma-border-radius * 5,
163
+ "6": vars.$yma-border-radius * 6,
164
+ "7": vars.$yma-border-radius * 7,
165
+ "8": vars.$yma-border-radius * 8,
166
+ ),
167
+ ),
168
+
169
+ "border-top-right-radius": (
170
+ "prefix": "rad-tr",
171
+ "properties": (
172
+ "border-top-right-radius",
173
+ ),
174
+ "values": (
175
+ "0": vars.$yma-border-radius * 0,
176
+ "1": vars.$yma-border-radius,
177
+ "2": vars.$yma-border-radius * 2,
178
+ "3": vars.$yma-border-radius * 3,
179
+ "4": vars.$yma-border-radius * 4,
180
+ "5": vars.$yma-border-radius * 5,
181
+ "6": vars.$yma-border-radius * 6,
182
+ "7": vars.$yma-border-radius * 7,
183
+ "8": vars.$yma-border-radius * 8,
184
+ ),
185
+ ),
186
+
187
+ "border-spacing": (
188
+ "prefix": "bs",
189
+ "properties": (
190
+ "border-spacing",
191
+ ),
192
+ "values": (
193
+ "0": vars.$yma-border-spacing * 0,
194
+ "1": vars.$yma-border-spacing,
195
+ "2": vars.$yma-border-spacing * 2,
196
+ "3": vars.$yma-border-spacing * 3,
197
+ "4": vars.$yma-border-spacing * 4,
198
+ "5": vars.$yma-border-spacing * 5,
199
+ "6": vars.$yma-border-spacing * 6,
200
+ "7": vars.$yma-border-spacing * 7,
201
+ "8": vars.$yma-border-spacing * 8,
202
+ ),
203
+ ),
204
+
205
+ "border-style": (
206
+ "prefix": "b",
207
+ "properties": (
208
+ "border-style",
209
+ ),
210
+ "values": (
211
+ "none": none,
212
+ "d": dashed,
213
+ "s": solid,
214
+ ),
215
+ ),
216
+
217
+ "border-width": (
218
+ "prefix": "b",
219
+ "properties": (
220
+ "border-width",
221
+ ),
222
+ "values": (
223
+ "0": vars.$yma-border * 0,
224
+ "1": vars.$yma-border,
225
+ "2": vars.$yma-border * 2,
226
+ "3": vars.$yma-border * 3,
227
+ "4": vars.$yma-border * 4,
228
+ "5": vars.$yma-border * 5,
229
+ "6": vars.$yma-border * 6,
230
+ "7": vars.$yma-border * 7,
231
+ "8": vars.$yma-border * 8,
232
+ ),
233
+ ),
234
+
235
+ "border-bottom-width": (
236
+ "prefix": "bb",
237
+ "properties": (
238
+ "border-bottom-width",
239
+ ),
240
+ "values": (
241
+ "0": vars.$yma-border * 0,
242
+ "1": vars.$yma-border,
243
+ "2": vars.$yma-border * 2,
244
+ "3": vars.$yma-border * 3,
245
+ "4": vars.$yma-border * 4,
246
+ "5": vars.$yma-border * 5,
247
+ "6": vars.$yma-border * 6,
248
+ "7": vars.$yma-border * 7,
249
+ "8": vars.$yma-border * 8,
250
+ ),
251
+ ),
252
+
253
+ "border-left-width": (
254
+ "prefix": "bl",
255
+ "properties": (
256
+ "border-left-width",
257
+ ),
258
+ "values": (
259
+ "0": vars.$yma-border * 0,
260
+ "1": vars.$yma-border,
261
+ "2": vars.$yma-border * 2,
262
+ "3": vars.$yma-border * 3,
263
+ "4": vars.$yma-border * 4,
264
+ "5": vars.$yma-border * 5,
265
+ "6": vars.$yma-border * 6,
266
+ "7": vars.$yma-border * 7,
267
+ "8": vars.$yma-border * 8,
268
+ ),
269
+ ),
270
+
271
+ "border-right-width": (
272
+ "prefix": "br",
273
+ "properties": (
274
+ "border-right-width",
275
+ ),
276
+ "values": (
277
+ "0": vars.$yma-border * 0,
278
+ "1": vars.$yma-border,
279
+ "2": vars.$yma-border * 2,
280
+ "3": vars.$yma-border * 3,
281
+ "4": vars.$yma-border * 4,
282
+ "5": vars.$yma-border * 5,
283
+ "6": vars.$yma-border * 6,
284
+ "7": vars.$yma-border * 7,
285
+ "8": vars.$yma-border * 8,
286
+ ),
287
+ ),
288
+
289
+ "border-top-width": (
290
+ "prefix": "bt",
291
+ "properties": (
292
+ "border-top-width",
293
+ ),
294
+ "values": (
295
+ "0": vars.$yma-border * 0,
296
+ "1": vars.$yma-border,
297
+ "2": vars.$yma-border * 2,
298
+ "3": vars.$yma-border * 3,
299
+ "4": vars.$yma-border * 4,
300
+ "5": vars.$yma-border * 5,
301
+ "6": vars.$yma-border * 6,
302
+ "7": vars.$yma-border * 7,
303
+ "8": vars.$yma-border * 8,
304
+ ),
305
+ ),
306
+ );
307
+
308
+ @each $properties, $map in $yma-border-utils {
309
+ $prefix: map.get($map, "prefix");
310
+ $properties: map.get($map, "properties");
311
+
312
+ @include mix.create-utilities($map, $prefix, $properties);
313
+ }