cacao-css 7.0.0 → 7.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 (39) hide show
  1. package/dist/display/2xl/flex.css +20 -0
  2. package/dist/display/2xs/flex.css +20 -0
  3. package/dist/display/3xl/flex.css +20 -0
  4. package/dist/display/3xs/flex.css +20 -0
  5. package/dist/display/4xl/flex.css +20 -0
  6. package/dist/display/5xl/flex.css +20 -0
  7. package/dist/display/flex.css +20 -0
  8. package/dist/display/lg/flex.css +20 -0
  9. package/dist/display/md/flex.css +20 -0
  10. package/dist/display/sm/flex.css +20 -0
  11. package/dist/display/xl/flex.css +20 -0
  12. package/dist/display/xs/flex.css +20 -0
  13. package/dist/imports.css +13 -0
  14. package/dist/typography/2xl/combined-import.css +1 -0
  15. package/dist/typography/2xl/size.css +97 -0
  16. package/dist/typography/2xs/combined-import.css +1 -0
  17. package/dist/typography/2xs/size.css +97 -0
  18. package/dist/typography/3xl/combined-import.css +1 -0
  19. package/dist/typography/3xl/size.css +97 -0
  20. package/dist/typography/3xs/combined-import.css +1 -0
  21. package/dist/typography/3xs/size.css +97 -0
  22. package/dist/typography/4xl/combined-import.css +1 -0
  23. package/dist/typography/4xl/size.css +97 -0
  24. package/dist/typography/5xl/combined-import.css +1 -0
  25. package/dist/typography/5xl/size.css +97 -0
  26. package/dist/typography/combined-import.css +2 -0
  27. package/dist/typography/lg/combined-import.css +1 -0
  28. package/dist/typography/lg/size.css +97 -0
  29. package/dist/typography/md/combined-import.css +1 -0
  30. package/dist/typography/md/size.css +97 -0
  31. package/dist/typography/size-variables.css +31 -0
  32. package/dist/typography/size.css +95 -0
  33. package/dist/typography/sm/combined-import.css +1 -0
  34. package/dist/typography/sm/size.css +97 -0
  35. package/dist/typography/xl/combined-import.css +1 -0
  36. package/dist/typography/xl/size.css +97 -0
  37. package/dist/typography/xs/combined-import.css +1 -0
  38. package/dist/typography/xs/size.css +97 -0
  39. package/package.json +5 -5
@@ -0,0 +1,95 @@
1
+ /* =========================================================================== *\
2
+ Font size utilities
3
+ \* =========================================================================== */
4
+
5
+ .font-size-000 {
6
+ font-size: var(--font-size-000);
7
+ }
8
+
9
+ .font-size-00 {
10
+ font-size: var(--font-size-00);
11
+ }
12
+
13
+ .font-size-0 {
14
+ font-size: var(--font-size-0);
15
+ }
16
+
17
+ .font-size-1 {
18
+ font-size: var(--font-size-1);
19
+ }
20
+
21
+ .font-size-2 {
22
+ font-size: var(--font-size-2);
23
+ }
24
+
25
+ .font-size-3 {
26
+ font-size: var(--font-size-3);
27
+ }
28
+
29
+ .font-size-4 {
30
+ font-size: var(--font-size-4);
31
+ }
32
+
33
+ .font-size-5 {
34
+ font-size: var(--font-size-5);
35
+ }
36
+
37
+ .font-size-6 {
38
+ font-size: var(--font-size-6);
39
+ }
40
+
41
+ .font-size-7 {
42
+ font-size: var(--font-size-7);
43
+ }
44
+
45
+ .font-size-8 {
46
+ font-size: var(--font-size-8);
47
+ }
48
+
49
+ .font-size-9 {
50
+ font-size: var(--font-size-9);
51
+ }
52
+
53
+ .font-size-10 {
54
+ font-size: var(--font-size-10);
55
+ }
56
+
57
+ .font-size-11 {
58
+ font-size: var(--font-size-11);
59
+ }
60
+
61
+ .font-size-12 {
62
+ font-size: var(--font-size-12);
63
+ }
64
+
65
+ .font-size-13 {
66
+ font-size: var(--font-size-13);
67
+ }
68
+
69
+ .font-size-14 {
70
+ font-size: var(--font-size-14);
71
+ }
72
+
73
+ .font-size-15 {
74
+ font-size: var(--font-size-15);
75
+ }
76
+
77
+ .font-size-16 {
78
+ font-size: var(--font-size-16);
79
+ }
80
+
81
+ .font-size-17 {
82
+ font-size: var(--font-size-17);
83
+ }
84
+
85
+ .font-size-18 {
86
+ font-size: var(--font-size-18);
87
+ }
88
+
89
+ .font-size-19 {
90
+ font-size: var(--font-size-19);
91
+ }
92
+
93
+ .font-size-20 {
94
+ font-size: var(--font-size-20);
95
+ }
@@ -4,6 +4,7 @@
4
4
 
5
5
  @import './align.css';
6
6
  @import './break.css';
7
+ @import './size.css';
7
8
  @import './style.css';
8
9
  @import './transform.css';
9
10
  @import './weight.css';
@@ -0,0 +1,97 @@
1
+ /* =========================================================================== *\
2
+ Font size utilities
3
+ \* =========================================================================== */
4
+
5
+ @media (--m-sm) {
6
+ .font-size-000-sm {
7
+ font-size: var(--font-size-000);
8
+ }
9
+
10
+ .font-size-00-sm {
11
+ font-size: var(--font-size-00);
12
+ }
13
+
14
+ .font-size-0-sm {
15
+ font-size: var(--font-size-0);
16
+ }
17
+
18
+ .font-size-1-sm {
19
+ font-size: var(--font-size-1);
20
+ }
21
+
22
+ .font-size-2-sm {
23
+ font-size: var(--font-size-2);
24
+ }
25
+
26
+ .font-size-3-sm {
27
+ font-size: var(--font-size-3);
28
+ }
29
+
30
+ .font-size-4-sm {
31
+ font-size: var(--font-size-4);
32
+ }
33
+
34
+ .font-size-5-sm {
35
+ font-size: var(--font-size-5);
36
+ }
37
+
38
+ .font-size-6-sm {
39
+ font-size: var(--font-size-6);
40
+ }
41
+
42
+ .font-size-7-sm {
43
+ font-size: var(--font-size-7);
44
+ }
45
+
46
+ .font-size-8-sm {
47
+ font-size: var(--font-size-8);
48
+ }
49
+
50
+ .font-size-9-sm {
51
+ font-size: var(--font-size-9);
52
+ }
53
+
54
+ .font-size-10-sm {
55
+ font-size: var(--font-size-10);
56
+ }
57
+
58
+ .font-size-11-sm {
59
+ font-size: var(--font-size-11);
60
+ }
61
+
62
+ .font-size-12-sm {
63
+ font-size: var(--font-size-12);
64
+ }
65
+
66
+ .font-size-13-sm {
67
+ font-size: var(--font-size-13);
68
+ }
69
+
70
+ .font-size-14-sm {
71
+ font-size: var(--font-size-14);
72
+ }
73
+
74
+ .font-size-15-sm {
75
+ font-size: var(--font-size-15);
76
+ }
77
+
78
+ .font-size-16-sm {
79
+ font-size: var(--font-size-16);
80
+ }
81
+
82
+ .font-size-17-sm {
83
+ font-size: var(--font-size-17);
84
+ }
85
+
86
+ .font-size-18-sm {
87
+ font-size: var(--font-size-18);
88
+ }
89
+
90
+ .font-size-19-sm {
91
+ font-size: var(--font-size-19);
92
+ }
93
+
94
+ .font-size-20-sm {
95
+ font-size: var(--font-size-20);
96
+ }
97
+ }
@@ -4,6 +4,7 @@
4
4
 
5
5
  @import './align.css';
6
6
  @import './break.css';
7
+ @import './size.css';
7
8
  @import './style.css';
8
9
  @import './transform.css';
9
10
  @import './weight.css';
@@ -0,0 +1,97 @@
1
+ /* =========================================================================== *\
2
+ Font size utilities
3
+ \* =========================================================================== */
4
+
5
+ @media (--m-xl) {
6
+ .font-size-000-xl {
7
+ font-size: var(--font-size-000);
8
+ }
9
+
10
+ .font-size-00-xl {
11
+ font-size: var(--font-size-00);
12
+ }
13
+
14
+ .font-size-0-xl {
15
+ font-size: var(--font-size-0);
16
+ }
17
+
18
+ .font-size-1-xl {
19
+ font-size: var(--font-size-1);
20
+ }
21
+
22
+ .font-size-2-xl {
23
+ font-size: var(--font-size-2);
24
+ }
25
+
26
+ .font-size-3-xl {
27
+ font-size: var(--font-size-3);
28
+ }
29
+
30
+ .font-size-4-xl {
31
+ font-size: var(--font-size-4);
32
+ }
33
+
34
+ .font-size-5-xl {
35
+ font-size: var(--font-size-5);
36
+ }
37
+
38
+ .font-size-6-xl {
39
+ font-size: var(--font-size-6);
40
+ }
41
+
42
+ .font-size-7-xl {
43
+ font-size: var(--font-size-7);
44
+ }
45
+
46
+ .font-size-8-xl {
47
+ font-size: var(--font-size-8);
48
+ }
49
+
50
+ .font-size-9-xl {
51
+ font-size: var(--font-size-9);
52
+ }
53
+
54
+ .font-size-10-xl {
55
+ font-size: var(--font-size-10);
56
+ }
57
+
58
+ .font-size-11-xl {
59
+ font-size: var(--font-size-11);
60
+ }
61
+
62
+ .font-size-12-xl {
63
+ font-size: var(--font-size-12);
64
+ }
65
+
66
+ .font-size-13-xl {
67
+ font-size: var(--font-size-13);
68
+ }
69
+
70
+ .font-size-14-xl {
71
+ font-size: var(--font-size-14);
72
+ }
73
+
74
+ .font-size-15-xl {
75
+ font-size: var(--font-size-15);
76
+ }
77
+
78
+ .font-size-16-xl {
79
+ font-size: var(--font-size-16);
80
+ }
81
+
82
+ .font-size-17-xl {
83
+ font-size: var(--font-size-17);
84
+ }
85
+
86
+ .font-size-18-xl {
87
+ font-size: var(--font-size-18);
88
+ }
89
+
90
+ .font-size-19-xl {
91
+ font-size: var(--font-size-19);
92
+ }
93
+
94
+ .font-size-20-xl {
95
+ font-size: var(--font-size-20);
96
+ }
97
+ }
@@ -4,6 +4,7 @@
4
4
 
5
5
  @import './align.css';
6
6
  @import './break.css';
7
+ @import './size.css';
7
8
  @import './style.css';
8
9
  @import './transform.css';
9
10
  @import './weight.css';
@@ -0,0 +1,97 @@
1
+ /* =========================================================================== *\
2
+ Font size utilities
3
+ \* =========================================================================== */
4
+
5
+ @media (--m-xs) {
6
+ .font-size-000-xs {
7
+ font-size: var(--font-size-000);
8
+ }
9
+
10
+ .font-size-00-xs {
11
+ font-size: var(--font-size-00);
12
+ }
13
+
14
+ .font-size-0-xs {
15
+ font-size: var(--font-size-0);
16
+ }
17
+
18
+ .font-size-1-xs {
19
+ font-size: var(--font-size-1);
20
+ }
21
+
22
+ .font-size-2-xs {
23
+ font-size: var(--font-size-2);
24
+ }
25
+
26
+ .font-size-3-xs {
27
+ font-size: var(--font-size-3);
28
+ }
29
+
30
+ .font-size-4-xs {
31
+ font-size: var(--font-size-4);
32
+ }
33
+
34
+ .font-size-5-xs {
35
+ font-size: var(--font-size-5);
36
+ }
37
+
38
+ .font-size-6-xs {
39
+ font-size: var(--font-size-6);
40
+ }
41
+
42
+ .font-size-7-xs {
43
+ font-size: var(--font-size-7);
44
+ }
45
+
46
+ .font-size-8-xs {
47
+ font-size: var(--font-size-8);
48
+ }
49
+
50
+ .font-size-9-xs {
51
+ font-size: var(--font-size-9);
52
+ }
53
+
54
+ .font-size-10-xs {
55
+ font-size: var(--font-size-10);
56
+ }
57
+
58
+ .font-size-11-xs {
59
+ font-size: var(--font-size-11);
60
+ }
61
+
62
+ .font-size-12-xs {
63
+ font-size: var(--font-size-12);
64
+ }
65
+
66
+ .font-size-13-xs {
67
+ font-size: var(--font-size-13);
68
+ }
69
+
70
+ .font-size-14-xs {
71
+ font-size: var(--font-size-14);
72
+ }
73
+
74
+ .font-size-15-xs {
75
+ font-size: var(--font-size-15);
76
+ }
77
+
78
+ .font-size-16-xs {
79
+ font-size: var(--font-size-16);
80
+ }
81
+
82
+ .font-size-17-xs {
83
+ font-size: var(--font-size-17);
84
+ }
85
+
86
+ .font-size-18-xs {
87
+ font-size: var(--font-size-18);
88
+ }
89
+
90
+ .font-size-19-xs {
91
+ font-size: var(--font-size-19);
92
+ }
93
+
94
+ .font-size-20-xs {
95
+ font-size: var(--font-size-20);
96
+ }
97
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cacao-css",
3
3
  "description": "A set of composable CSS utilities that provide a solid foundation for website projects.",
4
- "version": "7.0.0",
4
+ "version": "7.2.0",
5
5
  "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -34,18 +34,18 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@aptuitiv/eslint-config-aptuitiv": "^0.8.0",
37
- "chalk": "^5.3.0",
37
+ "chalk": "^5.4.1",
38
38
  "commander": "^12.1.0",
39
39
  "eslint": "^8.57.0",
40
40
  "eslint-watch": "^8.0.0",
41
41
  "fancy-log": "^2.0.0",
42
42
  "fs-extra": "^11.2.0",
43
43
  "log-symbols": "^7.0.0",
44
- "postcss": "^8.4.41",
44
+ "postcss": "^8.4.49",
45
45
  "postcss-cli": "^11.0.0",
46
- "prettier": "^3.3.3",
46
+ "prettier": "^3.4.2",
47
47
  "recursive-readdir": "^2.2.3",
48
- "stylelint": "^16.8.2",
48
+ "stylelint": "^16.12.0",
49
49
  "stylelint-config-standard": "^36.0.1",
50
50
  "stylelint-order": "^6.0.4"
51
51
  }