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/_border.scss CHANGED
@@ -1,313 +1,314 @@
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
+ $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
+ }