yummacss 3.3.1 → 3.4.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 (40) hide show
  1. package/README.md +3 -28
  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
package/src/utilities/_typography.scss DELETED
@@ -1,278 +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-typography-utils: (
7
- "font-size": (
8
- "prefix": "fs",
9
- "properties": (
10
- "font-size",
11
- ),
12
- "values": (
13
- "xs": vars.$ycss-font-size-xs,
14
- "sm": vars.$ycss-font-size-sm,
15
- "md": vars.$ycss-font-size-md,
16
- "lg": vars.$ycss-font-size-lg,
17
- "xl": vars.$ycss-font-size-xl,
18
- "xxl": vars.$ycss-font-size-2xl,
19
- "3xl": vars.$ycss-font-size-3xl,
20
- "4xl": vars.$ycss-font-size-4xl,
21
- "5xl": vars.$ycss-font-size-5xl,
22
- "6xl": vars.$ycss-font-size-6xl,
23
- "7xl": vars.$ycss-font-size-7xl,
24
- "8xl": vars.$ycss-font-size-8xl,
25
- "9xl": vars.$ycss-font-size-9xl,
26
- ),
27
- ),
28
-
29
- "font-style": (
30
- "prefix": "fs",
31
- "properties": (
32
- "font-style",
33
- ),
34
- "values": (
35
- "i": italic,
36
- "n": normal,
37
- ),
38
- ),
39
-
40
- "font-weight": (
41
- "prefix": "fw",
42
- "properties": (
43
- "font-weight",
44
- ),
45
- "values": (
46
- "100": 100,
47
- "200": 200,
48
- "300": 300,
49
- "400": 400,
50
- "500": 500,
51
- "600": 600,
52
- "700": 700,
53
- "800": 800,
54
- "900": 900,
55
- ),
56
- ),
57
-
58
- "letter-spacing": (
59
- "prefix": "ls",
60
- "properties": (
61
- "letter-spacing",
62
- ),
63
- "values": (
64
- "0": 0em,
65
- "1": -0.05em,
66
- "2": -0.025em,
67
- "3": 0.025em,
68
- "4": 0.05em,
69
- "5": 0.1em,
70
- ),
71
- ),
72
-
73
- "line-height": (
74
- "prefix": "lh",
75
- "properties": (
76
- "line-height",
77
- ),
78
- "values": (
79
- "1": 1,
80
- "2": 1.25,
81
- "3": 1.375,
82
- "4": 1.5,
83
- "5": 1.625,
84
- "6": 2,
85
- ),
86
- ),
87
-
88
- "list-style-position": (
89
- "prefix": "lsp",
90
- "properties": (
91
- "list-style-position",
92
- ),
93
- "values": (
94
- "i": inside,
95
- "o": outside,
96
- ),
97
- ),
98
-
99
- "list-style-type": (
100
- "prefix": "lst",
101
- "properties": (
102
- "list-style-type",
103
- ),
104
- "values": (
105
- "c": circle,
106
- "d": disc,
107
- "s": square,
108
- ),
109
- ),
110
-
111
- "overflow-wrap": (
112
- "prefix": "ow",
113
- "properties": (
114
- "overflow-wrap",
115
- ),
116
- "values": (
117
- "bw": break-word,
118
- "n": normal,
119
- ),
120
- ),
121
-
122
- "text-align": (
123
- "prefix": "ta",
124
- "properties": (
125
- "text-align",
126
- ),
127
- "values": (
128
- "c": center,
129
- "e": end,
130
- "j": justify,
131
- "ja": justify-all,
132
- "l": left,
133
- "mp": match-parent,
134
- "r": right,
135
- "s": start,
136
- ),
137
- ),
138
-
139
- "text-decoration-line": (
140
- "prefix": "tdl",
141
- "properties": (
142
- "text-decoration-line",
143
- ),
144
- "values": (
145
- "lt": line-through,
146
- "none": none,
147
- "o": overline,
148
- "u": underline,
149
- ),
150
- ),
151
-
152
- "text-decoration-style": (
153
- "prefix": "tds",
154
- "properties": (
155
- "text-decoration-style",
156
- ),
157
- "values": (
158
- "d": dashed,
159
- "s": solid,
160
- "w": wavy,
161
- ),
162
- ),
163
-
164
- "text-decoration-thickness": (
165
- "prefix": "tdt",
166
- "properties": (
167
- "text-decoration-thickness",
168
- ),
169
- "values": (
170
- "0": vars.$ycss-decoration-thickness * 0,
171
- "1": vars.$ycss-decoration-thickness,
172
- "2": vars.$ycss-decoration-thickness * 2,
173
- "3": vars.$ycss-decoration-thickness * 3,
174
- "4": vars.$ycss-decoration-thickness * 4,
175
- "auto": auto,
176
- "ff": from-font,
177
- ),
178
- ),
179
-
180
- "text-decoration": (
181
- "prefix": "td",
182
- "properties": (
183
- "text-decoration",
184
- ),
185
- "values": (
186
- "none": none,
187
- "u": underline,
188
- ),
189
- ),
190
-
191
- "text-indent": (
192
- "prefix": "ti",
193
- "properties": (
194
- "text-indent",
195
- ),
196
- "values": (
197
- "0": 0px,
198
- "1": 1px,
199
- "2": 0.25rem,
200
- "3": 0.5rem,
201
- "4": 0.75rem,
202
- ),
203
- ),
204
-
205
- "text-overflow": (
206
- "prefix": "to",
207
- "properties": (
208
- "text-overflow",
209
- ),
210
- "values": (
211
- "c": clip,
212
- "e": ellipsis,
213
- ),
214
- ),
215
-
216
- "text-transform": (
217
- "prefix": "tt",
218
- "properties": (
219
- "text-transform",
220
- ),
221
- "values": (
222
- "c": capitalize,
223
- "l": lowercase,
224
- "n": none,
225
- "u": uppercase,
226
- ),
227
- ),
228
-
229
- "text-underline-offset": (
230
- "prefix": "tuo",
231
- "properties": (
232
- "text-underline-offset",
233
- ),
234
- "values": (
235
- "0": 0px,
236
- "1": 1px,
237
- "2": 2px,
238
- "4": 4px,
239
- "8": 8px,
240
- "auto": auto,
241
- ),
242
- ),
243
-
244
- "text-wrap": (
245
- "prefix": "tw",
246
- "properties": (
247
- "text-wrap",
248
- ),
249
- "values": (
250
- "b": balance,
251
- "n": nowrap,
252
- "p": pretty,
253
- "w": wrap,
254
- ),
255
- ),
256
-
257
- "white-space": (
258
- "prefix": "ws",
259
- "properties": (
260
- "white-space",
261
- ),
262
- "values": (
263
- "bs": break-spaces,
264
- "n": normal,
265
- "nw": nowrap,
266
- "p": pre,
267
- "pl": pre-line,
268
- "pw": pre-wrap,
269
- ),
270
- ),
271
- );
272
-
273
- @each $properties, $map in $ycss-typography-utils {
274
- $prefix: map.get($map, "prefix");
275
- $properties: map.get($map, "properties");
276
-
277
- @include mix.create-utilities($map, $prefix, $properties);
278
- }
package/src/utilities/maps/_index.scss DELETED
@@ -1,12 +0,0 @@
1
- // box model
2
- @forward "box-model/dimension";
3
- @forward "box-model/height";
4
- @forward "box-model/margin";
5
- @forward "box-model/padding";
6
- @forward "box-model/width";
7
-
8
- // flexbox
9
- @forward "flexbox/flex-basis";
10
-
11
- // grid
12
- @forward "grid/gap";
package/src/utilities/maps/box-model/_dimension.scss DELETED
@@ -1,26 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
- @use "../../../abstracts/_breakpoints.scss" as bp;
5
-
6
- $ycss-dimension-map: map.merge(
7
- (
8
- "auto": auto,
9
- "dvh": 100dvh,
10
- "dvw": 100dvw,
11
- "fc": fit-content,
12
- "full": 100%,
13
- "half": 50%,
14
- "max": max-content,
15
- "min": min-content,
16
- "px": 1px,
17
- "vh": 100vh,
18
- "vw": 100vw,
19
- "sm": map.get(bp.$ycss-breakpoints, "sm"),
20
- "md": map.get(bp.$ycss-breakpoints, "md"),
21
- "lg": map.get(bp.$ycss-breakpoints, "lg"),
22
- "xl": map.get(bp.$ycss-breakpoints, "xl"),
23
- "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
24
- ),
25
- fun.create-values(vars.$ycss-dimension)
26
- );
package/src/utilities/maps/box-model/_height.scss DELETED
@@ -1,26 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
- @use "../../../abstracts/_breakpoints.scss" as bp;
5
-
6
- $ycss-height-map: map.merge(
7
- (
8
- "auto": auto,
9
- "dvh": 100dvh,
10
- "dvw": 100dvw,
11
- "fc": fit-content,
12
- "full": 100%,
13
- "half": 50%,
14
- "max": max-content,
15
- "min": min-content,
16
- "px": 1px,
17
- "vh": 100vh,
18
- "vw": 100vw,
19
- "sm": map.get(bp.$ycss-breakpoints, "sm"),
20
- "md": map.get(bp.$ycss-breakpoints, "md"),
21
- "lg": map.get(bp.$ycss-breakpoints, "lg"),
22
- "xl": map.get(bp.$ycss-breakpoints, "xl"),
23
- "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
24
- ),
25
- fun.create-values(vars.$ycss-height)
26
- );
package/src/utilities/maps/box-model/_margin.scss DELETED
@@ -1,11 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $ycss-margin-map: map.merge(
6
- (
7
- "auto": auto,
8
- "px": 1px,
9
- ),
10
- fun.create-values(vars.$ycss-margin)
11
- );
package/src/utilities/maps/box-model/_padding.scss DELETED
@@ -1,11 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $ycss-padding-map: map.merge(
6
- (
7
- "auto": auto,
8
- "px": 1px,
9
- ),
10
- fun.create-values(vars.$ycss-padding)
11
- );
package/src/utilities/maps/box-model/_width.scss DELETED
@@ -1,26 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
- @use "../../../abstracts/_breakpoints.scss" as bp;
5
-
6
- $ycss-width-map: map.merge(
7
- (
8
- "auto": auto,
9
- "dvh": 100dvh,
10
- "dvw": 100dvw,
11
- "fc": fit-content,
12
- "full": 100%,
13
- "half": 50%,
14
- "max": max-content,
15
- "min": min-content,
16
- "px": 1px,
17
- "vh": 100vh,
18
- "vw": 100vw,
19
- "sm": map.get(bp.$ycss-breakpoints, "sm"),
20
- "md": map.get(bp.$ycss-breakpoints, "md"),
21
- "lg": map.get(bp.$ycss-breakpoints, "lg"),
22
- "xl": map.get(bp.$ycss-breakpoints, "xl"),
23
- "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
24
- ),
25
- fun.create-values(vars.$ycss-width)
26
- );
package/src/utilities/maps/flexbox/_flex-basis.scss DELETED
@@ -1,12 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $ycss-flex-basis-map: map.merge(
6
- (
7
- "auto": auto,
8
- "full": 100%,
9
- "half": 50%,
10
- ),
11
- fun.create-values(vars.$ycss-flex-basis)
12
- );
package/src/utilities/maps/grid/_gap.scss DELETED
@@ -1,5 +0,0 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $ycss-gap-map: fun.create-values(vars.$ycss-gap);