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/_svg.scss CHANGED
@@ -1,27 +1,27 @@
1
- @use "sass:math";
2
- @use "sass:map";
3
- @use "../abstracts/mixins/" as mix;
4
-
5
- $yma-svg-utils: (
6
- "stroke-width": (
7
- "prefix": "sw",
8
- "properties": (
9
- "stroke-width",
10
- ),
11
- "values": (
12
- "0": 0,
13
- "2": 0.2,
14
- "4": 0.4,
15
- "6": 0.6,
16
- "8": 0.8,
17
- "1": 1,
18
- ),
19
- ),
20
- );
21
-
22
- @each $name, $map in $yma-svg-utils {
23
- $prefix: map.get($map, "prefix");
24
- $properties: map.get($map, "properties");
25
-
26
- @include mix.create-utilities($map, $prefix, $properties);
27
- }
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../abstracts/mixins/" as mix;
4
+
5
+ $yma-svg-utils: (
6
+ "stroke-width": (
7
+ "prefix": "sw",
8
+ "properties": (
9
+ "stroke-width",
10
+ ),
11
+ "values": (
12
+ "0": 0,
13
+ "2": 0.2,
14
+ "4": 0.4,
15
+ "6": 0.6,
16
+ "8": 0.8,
17
+ "1": 1,
18
+ ),
19
+ ),
20
+ );
21
+
22
+ @each $name, $map in $yma-svg-utils {
23
+ $prefix: map.get($map, "prefix");
24
+ $properties: map.get($map, "properties");
25
+
26
+ @include mix.create-utilities($map, $prefix, $properties);
27
+ }
package/src/utilities/_table.scss CHANGED
@@ -1,35 +1,35 @@
1
- @use "sass:math";
2
- @use "sass:map";
3
- @use "../abstracts/variables" as vars;
4
- @use "../abstracts/mixins/" as mix;
5
-
6
- $yma-table-utils: (
7
- "caption-side": (
8
- "prefix": "cs",
9
- "properties": (
10
- "caption-side",
11
- ),
12
- "values": (
13
- "b": bottom,
14
- "t": top,
15
- ),
16
- ),
17
-
18
- "table-layout": (
19
- "prefix": "tl",
20
- "properties": (
21
- "table-layout",
22
- ),
23
- "values": (
24
- "auto": auto,
25
- "f": fixed,
26
- ),
27
- ),
28
- );
29
-
30
- @each $properties, $map in $yma-table-utils {
31
- $prefix: map.get($map, "prefix");
32
- $properties: map.get($map, "properties");
33
-
34
- @include mix.create-utilities($map, $prefix, $properties);
35
- }
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../abstracts/variables" as vars;
4
+ @use "../abstracts/mixins/" as mix;
5
+
6
+ $yma-table-utils: (
7
+ "caption-side": (
8
+ "prefix": "cs",
9
+ "properties": (
10
+ "caption-side",
11
+ ),
12
+ "values": (
13
+ "b": bottom,
14
+ "t": top,
15
+ ),
16
+ ),
17
+
18
+ "table-layout": (
19
+ "prefix": "tl",
20
+ "properties": (
21
+ "table-layout",
22
+ ),
23
+ "values": (
24
+ "auto": auto,
25
+ "f": fixed,
26
+ ),
27
+ ),
28
+ );
29
+
30
+ @each $properties, $map in $yma-table-utils {
31
+ $prefix: map.get($map, "prefix");
32
+ $properties: map.get($map, "properties");
33
+
34
+ @include mix.create-utilities($map, $prefix, $properties);
35
+ }
package/src/utilities/_transform.scss CHANGED
@@ -1,164 +1,164 @@
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-transform-utils: (
8
- "rotate": (
9
- "prefix": "t-r",
10
- "properties": (
11
- "transform",
12
- ),
13
- "values": (
14
- "0": rotate(0),
15
- "5": rotate(5deg),
16
- "10": rotate(10deg),
17
- "15": rotate(15deg),
18
- "20": rotate(20deg),
19
- "25": rotate(25deg),
20
- "30": rotate(30deg),
21
- "35": rotate(35deg),
22
- "40": rotate(40deg),
23
- "45": rotate(45deg),
24
- "50": rotate(50deg),
25
- "55": rotate(55deg),
26
- "60": rotate(60deg),
27
- "65": rotate(65deg),
28
- "70": rotate(70deg),
29
- "75": rotate(75deg),
30
- "80": rotate(80deg),
31
- "85": rotate(85deg),
32
- "90": rotate(90deg),
33
- "95": rotate(95deg),
34
- "100": rotate(100deg),
35
- ),
36
- ),
37
-
38
- "scale": (
39
- "prefix": "t-s",
40
- "properties": (
41
- "transform",
42
- ),
43
- "values": (
44
- "0": scale(0%),
45
- "10": scale(10%),
46
- "20": scale(20%),
47
- "30": scale(30%),
48
- "40": scale(40%),
49
- "50": scale(50%),
50
- "60": scale(60%),
51
- "70": scale(70%),
52
- "80": scale(80%),
53
- "90": scale(90%),
54
- "100": scale(100%),
55
- ),
56
- ),
57
-
58
- "scale-x": (
59
- "prefix": "t-sx",
60
- "properties": (
61
- "transform",
62
- ),
63
- "values": (
64
- "0": scaleX(0%),
65
- "10": scaleX(10%),
66
- "20": scaleX(20%),
67
- "30": scaleX(30%),
68
- "40": scaleX(40%),
69
- "50": scaleX(50%),
70
- "60": scaleX(60%),
71
- "70": scaleX(70%),
72
- "80": scaleX(80%),
73
- "90": scaleX(90%),
74
- "100": scaleX(100%),
75
- ),
76
- ),
77
-
78
- "scale-y": (
79
- "prefix": "t-sy",
80
- "properties": (
81
- "transform",
82
- ),
83
- "values": (
84
- "0": scaleY(0%),
85
- "10": scaleY(10%),
86
- "20": scaleY(20%),
87
- "30": scaleY(30%),
88
- "40": scaleY(40%),
89
- "50": scaleY(50%),
90
- "60": scaleY(60%),
91
- "70": scaleY(70%),
92
- "80": scaleY(80%),
93
- "90": scaleY(90%),
94
- "100": scaleY(100%),
95
- ),
96
- ),
97
-
98
- "skew": (
99
- "prefix": "t-sk",
100
- "properties": (
101
- "transform",
102
- ),
103
- "values": (
104
- "1": skew(1deg),
105
- "2": skew(2deg),
106
- "3": skew(3deg),
107
- "6": skew(6deg),
108
- "12": skew(12deg),
109
- ),
110
- ),
111
-
112
- "skew-x": (
113
- "prefix": "t-skx",
114
- "properties": (
115
- "transform",
116
- ),
117
- "values": (
118
- "1": skewX(1deg),
119
- "2": skewX(2deg),
120
- "3": skewX(3deg),
121
- "6": skewX(6deg),
122
- "12": skewX(12deg),
123
- ),
124
- ),
125
-
126
- "skew-y": (
127
- "prefix": "t-sky",
128
- "properties": (
129
- "transform",
130
- ),
131
- "values": (
132
- "1": skewY(1deg),
133
- "2": skewY(2deg),
134
- "3": skewY(3deg),
135
- "6": skewY(6deg),
136
- "12": skewY(12deg),
137
- ),
138
- ),
139
-
140
- "transform-origin": (
141
- "prefix": "t-o",
142
- "properties": (
143
- "transform-origin",
144
- ),
145
- "values": (
146
- "b": bottom,
147
- "bl": bottom left,
148
- "br": bottom right,
149
- "c": center,
150
- "l": left,
151
- "r": right,
152
- "t": top,
153
- "tl": top left,
154
- "tr": top right,
155
- ),
156
- ),
157
- );
158
-
159
- @each $name, $map in $yma-transform-utils {
160
- $prefix: map.get($map, "prefix");
161
- $properties: map.get($map, "properties");
162
-
163
- @include mix.create-utilities($map, $prefix, $properties);
164
- }
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-transform-utils: (
8
+ "rotate": (
9
+ "prefix": "t-r",
10
+ "properties": (
11
+ "transform",
12
+ ),
13
+ "values": (
14
+ "0": rotate(0),
15
+ "5": rotate(5deg),
16
+ "10": rotate(10deg),
17
+ "15": rotate(15deg),
18
+ "20": rotate(20deg),
19
+ "25": rotate(25deg),
20
+ "30": rotate(30deg),
21
+ "35": rotate(35deg),
22
+ "40": rotate(40deg),
23
+ "45": rotate(45deg),
24
+ "50": rotate(50deg),
25
+ "55": rotate(55deg),
26
+ "60": rotate(60deg),
27
+ "65": rotate(65deg),
28
+ "70": rotate(70deg),
29
+ "75": rotate(75deg),
30
+ "80": rotate(80deg),
31
+ "85": rotate(85deg),
32
+ "90": rotate(90deg),
33
+ "95": rotate(95deg),
34
+ "100": rotate(100deg),
35
+ ),
36
+ ),
37
+
38
+ "scale": (
39
+ "prefix": "t-s",
40
+ "properties": (
41
+ "transform",
42
+ ),
43
+ "values": (
44
+ "0": scale(0%),
45
+ "10": scale(10%),
46
+ "20": scale(20%),
47
+ "30": scale(30%),
48
+ "40": scale(40%),
49
+ "50": scale(50%),
50
+ "60": scale(60%),
51
+ "70": scale(70%),
52
+ "80": scale(80%),
53
+ "90": scale(90%),
54
+ "100": scale(100%),
55
+ ),
56
+ ),
57
+
58
+ "scale-x": (
59
+ "prefix": "t-sx",
60
+ "properties": (
61
+ "transform",
62
+ ),
63
+ "values": (
64
+ "0": scaleX(0%),
65
+ "10": scaleX(10%),
66
+ "20": scaleX(20%),
67
+ "30": scaleX(30%),
68
+ "40": scaleX(40%),
69
+ "50": scaleX(50%),
70
+ "60": scaleX(60%),
71
+ "70": scaleX(70%),
72
+ "80": scaleX(80%),
73
+ "90": scaleX(90%),
74
+ "100": scaleX(100%),
75
+ ),
76
+ ),
77
+
78
+ "scale-y": (
79
+ "prefix": "t-sy",
80
+ "properties": (
81
+ "transform",
82
+ ),
83
+ "values": (
84
+ "0": scaleY(0%),
85
+ "10": scaleY(10%),
86
+ "20": scaleY(20%),
87
+ "30": scaleY(30%),
88
+ "40": scaleY(40%),
89
+ "50": scaleY(50%),
90
+ "60": scaleY(60%),
91
+ "70": scaleY(70%),
92
+ "80": scaleY(80%),
93
+ "90": scaleY(90%),
94
+ "100": scaleY(100%),
95
+ ),
96
+ ),
97
+
98
+ "skew": (
99
+ "prefix": "t-sk",
100
+ "properties": (
101
+ "transform",
102
+ ),
103
+ "values": (
104
+ "1": skew(1deg),
105
+ "2": skew(2deg),
106
+ "3": skew(3deg),
107
+ "6": skew(6deg),
108
+ "12": skew(12deg),
109
+ ),
110
+ ),
111
+
112
+ "skew-x": (
113
+ "prefix": "t-skx",
114
+ "properties": (
115
+ "transform",
116
+ ),
117
+ "values": (
118
+ "1": skewX(1deg),
119
+ "2": skewX(2deg),
120
+ "3": skewX(3deg),
121
+ "6": skewX(6deg),
122
+ "12": skewX(12deg),
123
+ ),
124
+ ),
125
+
126
+ "skew-y": (
127
+ "prefix": "t-sky",
128
+ "properties": (
129
+ "transform",
130
+ ),
131
+ "values": (
132
+ "1": skewY(1deg),
133
+ "2": skewY(2deg),
134
+ "3": skewY(3deg),
135
+ "6": skewY(6deg),
136
+ "12": skewY(12deg),
137
+ ),
138
+ ),
139
+
140
+ "transform-origin": (
141
+ "prefix": "t-o",
142
+ "properties": (
143
+ "transform-origin",
144
+ ),
145
+ "values": (
146
+ "b": bottom,
147
+ "bl": bottom left,
148
+ "br": bottom right,
149
+ "c": center,
150
+ "l": left,
151
+ "r": right,
152
+ "t": top,
153
+ "tl": top left,
154
+ "tr": top right,
155
+ ),
156
+ ),
157
+ );
158
+
159
+ @each $name, $map in $yma-transform-utils {
160
+ $prefix: map.get($map, "prefix");
161
+ $properties: map.get($map, "properties");
162
+
163
+ @include mix.create-utilities($map, $prefix, $properties);
164
+ }