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/_flexbox.scss CHANGED
@@ -1,175 +1,213 @@
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-flexbox-utils: (
8
- "align-content": ("prefix": "ac",
9
- "properties": ("align-content",
10
- ),
11
- "values": ("b": baseline,
12
- "c": center,
13
- "fe": flex-end,
14
- "fs": flex-start,
15
- "n": normal,
16
- "st": stretch,
17
- "sa": space-around,
18
- "sb": space-between,
19
- "se": space-evenly,
20
- ),
21
- ),
22
-
23
- "align-items": ("prefix": "ai",
24
- "properties": ("align-items",
25
- ),
26
- "values": ("b": baseline,
27
- "c": center,
28
- "fe": flex-end,
29
- "fs": flex-start,
30
- "st": stretch,
31
- ),
32
- ),
33
-
34
- "align-self": ("prefix": "as",
35
- "properties": ("align-self",
36
- ),
37
- "values": ("auto": auto,
38
- "b": baseline,
39
- "c": center,
40
- "fe": flex-end,
41
- "fs": flex-start,
42
- "st": stretch,
43
- ),
44
- ),
45
-
46
- "flex-basis": ("prefix": "fb",
47
- "properties": ("flex-basis",
48
- ),
49
- "values": maps.$yma-flex-basis-map,
50
- ),
51
-
52
- "flex-direction": ("prefix": "fd",
53
- "properties": ("flex-direction",
54
- ),
55
- "values": ("c": column,
56
- "cr": column-reverse,
57
- "r": row,
58
- "rr": row-reverse,
59
- ),
60
- ),
61
-
62
- "flex-grow": ("prefix": "fg",
63
- "properties": ("flex-grow",
64
- ),
65
- "values": ("0": 0,
66
- "1": 1,
67
- "2": 2,
68
- "3": 3,
69
- "4": 4,
70
- "5": 5,
71
- "6": 6,
72
- "7": 7,
73
- "8": 8,
74
- ),
75
- ),
76
-
77
- "flex-shrink": ("prefix": "fs",
78
- "properties": ("flex-shrink",
79
- ),
80
- "values": ("0": 0,
81
- "1": 1,
82
- "2": 2,
83
- "3": 3,
84
- "4": 4,
85
- "5": 5,
86
- "6": 6,
87
- "7": 7,
88
- "8": 8,
89
- ),
90
- ),
91
-
92
- "flex-wrap": ("prefix": "fw",
93
- "properties": ("flex-wrap",
94
- ),
95
- "values": ("nw": nowrap,
96
- "w": wrap,
97
- "wr": wrap-reverse,
98
- ),
99
- ),
100
-
101
- "flex": ("prefix": "f",
102
- "properties": ("flex",
103
- ),
104
- "values": ("1": 1 1 0%,
105
- "2": 2 2 0%,
106
- "3": 3 3 0%,
107
- "4": 4 4 0%,
108
- "5": 5 5 0%,
109
- "6": 6 6 0%,
110
- "auto": 1 1 auto,
111
- "none": none,
112
- ),
113
- ),
114
-
115
- "justify-content": ("prefix": "jc",
116
- "properties": ("justify-content",
117
- ),
118
- "values": ("c": center,
119
- "fe": flex-end,
120
- "fs": flex-start,
121
- "n": normal,
122
- "st": stretch,
123
- "sa": space-around,
124
- "sb": space-between,
125
- "se": space-evenly,
126
- ),
127
- ),
128
-
129
- "justify-items": ("prefix": "ji",
130
- "properties": ("justify-items",
131
- ),
132
- "values": ("c": center,
133
- "e": end,
134
- "s": start,
135
- "st": stretch,
136
- ),
137
- ),
138
-
139
- "justify-self": ("prefix": "js",
140
- "properties": ("justify-self",
141
- ),
142
- "values": ("auto": auto,
143
- "c": center,
144
- "e": end,
145
- "s": start,
146
- "st": stretch,
147
- ),
148
- ),
149
-
150
- "order": ("prefix": "or",
151
- "properties": ("order",
152
- ),
153
- "values": ("l": -9999,
154
- "0": 0,
155
- "1": 1,
156
- "2": 2,
157
- "3": 3,
158
- "4": 4,
159
- "5": 5,
160
- "6": 6,
161
- "7": 7,
162
- "8": 8,
163
- "9": 9,
164
- "10": 1,
165
- "f": 9999,
166
- ),
167
- ),
168
- );
169
-
170
- @each $name, $map in $yma-flexbox-utils {
171
- $prefix: map.get($map, "prefix");
172
- $properties: map.get($map, "properties");
173
-
174
- @include mix.create-utilities($map, $prefix, $properties);
175
- }
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-flexbox-utils: (
8
+ "align-content": (
9
+ "prefix": "ac",
10
+ "properties": (
11
+ "align-content",
12
+ ),
13
+ "values": (
14
+ "b": baseline,
15
+ "c": center,
16
+ "fe": flex-end,
17
+ "fs": flex-start,
18
+ "n": normal,
19
+ "st": stretch,
20
+ "sa": space-around,
21
+ "sb": space-between,
22
+ "se": space-evenly,
23
+ ),
24
+ ),
25
+
26
+ "align-items": (
27
+ "prefix": "ai",
28
+ "properties": (
29
+ "align-items",
30
+ ),
31
+ "values": (
32
+ "b": baseline,
33
+ "c": center,
34
+ "fe": flex-end,
35
+ "fs": flex-start,
36
+ "st": stretch,
37
+ ),
38
+ ),
39
+
40
+ "align-self": (
41
+ "prefix": "as",
42
+ "properties": (
43
+ "align-self",
44
+ ),
45
+ "values": (
46
+ "auto": auto,
47
+ "b": baseline,
48
+ "c": center,
49
+ "fe": flex-end,
50
+ "fs": flex-start,
51
+ "st": stretch,
52
+ ),
53
+ ),
54
+
55
+ "flex-basis": (
56
+ "prefix": "fb",
57
+ "properties": (
58
+ "flex-basis",
59
+ ),
60
+ "values": maps.$yma-flex-basis-map,
61
+ ),
62
+
63
+ "flex-direction": (
64
+ "prefix": "fd",
65
+ "properties": (
66
+ "flex-direction",
67
+ ),
68
+ "values": (
69
+ "c": column,
70
+ "cr": column-reverse,
71
+ "r": row,
72
+ "rr": row-reverse,
73
+ ),
74
+ ),
75
+
76
+ "flex-grow": (
77
+ "prefix": "fg",
78
+ "properties": (
79
+ "flex-grow",
80
+ ),
81
+ "values": (
82
+ "0": 0,
83
+ "1": 1,
84
+ "2": 2,
85
+ "3": 3,
86
+ "4": 4,
87
+ "5": 5,
88
+ "6": 6,
89
+ "7": 7,
90
+ "8": 8,
91
+ ),
92
+ ),
93
+
94
+ "flex-shrink": (
95
+ "prefix": "fs",
96
+ "properties": (
97
+ "flex-shrink",
98
+ ),
99
+ "values": (
100
+ "0": 0,
101
+ "1": 1,
102
+ "2": 2,
103
+ "3": 3,
104
+ "4": 4,
105
+ "5": 5,
106
+ "6": 6,
107
+ "7": 7,
108
+ "8": 8,
109
+ ),
110
+ ),
111
+
112
+ "flex-wrap": (
113
+ "prefix": "fw",
114
+ "properties": (
115
+ "flex-wrap",
116
+ ),
117
+ "values": (
118
+ "nw": nowrap,
119
+ "w": wrap,
120
+ "wr": wrap-reverse,
121
+ ),
122
+ ),
123
+
124
+ "flex": (
125
+ "prefix": "f",
126
+ "properties": (
127
+ "flex",
128
+ ),
129
+ "values": (
130
+ "1": 1 1 0%,
131
+ "2": 2 2 0%,
132
+ "3": 3 3 0%,
133
+ "4": 4 4 0%,
134
+ "5": 5 5 0%,
135
+ "6": 6 6 0%,
136
+ "auto": 1 1 auto,
137
+ "none": none,
138
+ ),
139
+ ),
140
+
141
+ "justify-content": (
142
+ "prefix": "jc",
143
+ "properties": (
144
+ "justify-content",
145
+ ),
146
+ "values": (
147
+ "c": center,
148
+ "fe": flex-end,
149
+ "fs": flex-start,
150
+ "n": normal,
151
+ "st": stretch,
152
+ "sa": space-around,
153
+ "sb": space-between,
154
+ "se": space-evenly,
155
+ ),
156
+ ),
157
+
158
+ "justify-items": (
159
+ "prefix": "ji",
160
+ "properties": (
161
+ "justify-items",
162
+ ),
163
+ "values": (
164
+ "c": center,
165
+ "e": end,
166
+ "s": start,
167
+ "st": stretch,
168
+ ),
169
+ ),
170
+
171
+ "justify-self": (
172
+ "prefix": "js",
173
+ "properties": (
174
+ "justify-self",
175
+ ),
176
+ "values": (
177
+ "auto": auto,
178
+ "c": center,
179
+ "e": end,
180
+ "s": start,
181
+ "st": stretch,
182
+ ),
183
+ ),
184
+
185
+ "order": (
186
+ "prefix": "or",
187
+ "properties": (
188
+ "order",
189
+ ),
190
+ "values": (
191
+ "l": -9999,
192
+ "0": 0,
193
+ "1": 1,
194
+ "2": 2,
195
+ "3": 3,
196
+ "4": 4,
197
+ "5": 5,
198
+ "6": 6,
199
+ "7": 7,
200
+ "8": 8,
201
+ "9": 9,
202
+ "10": 1,
203
+ "f": 9999,
204
+ ),
205
+ ),
206
+ );
207
+
208
+ @each $name, $map in $yma-flexbox-utils {
209
+ $prefix: map.get($map, "prefix");
210
+ $properties: map.get($map, "properties");
211
+
212
+ @include mix.create-utilities($map, $prefix, $properties);
213
+ }