npm - yummacss - Versions diffs - 1.0.0 → 1.0.2 - Mend

yummacss 1.0.0 → 1.0.2

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 (9) hide show

package/CHANGELOG.md +30 -1
package/README.md +2 -2
package/dist/yumma.css +166 -207
package/package.json +1 -1
package/public/css/yumma.min.css +1 -1
package/yumma-css/_base.scss +11 -4
package/yumma-css/_colors.scss +2 -2
package/yumma-css/_utilities.scss +0 -24
package/yumma-css/_variables.scss +4 -4

package/dist/yumma.css CHANGED Viewed

@@ -2,7 +2,11 @@
 * {
   color: inherit;
   margin: 0;
-  font-weight: 500;
+  font-family: system-ui, sans-serif;
+}
+body {
+  font-family: inherit;
 }
 a {
@@ -20,9 +24,12 @@ html {
   scroll-behavior: smooth;
 }
-img {
+img,
+picture,
+svg,
+video {
   max-width: 100%;
-  height: auto;
+  display: block;
 }
 ul {
@@ -587,7 +594,7 @@ ul {
   color: #f37c62;
 }
-.cc-red-1 {
+.cc-l-red-1 {
   caret-color: #f37c62;
 }
@@ -671,7 +678,7 @@ ul {
   color: #f58a73;
 }
-.cc-red-2 {
+.cc-l-red-2 {
   caret-color: #f58a73;
 }
@@ -755,7 +762,7 @@ ul {
   color: #f69985;
 }
-.cc-red-3 {
+.cc-l-red-3 {
   caret-color: #f69985;
 }
@@ -839,7 +846,7 @@ ul {
   color: #f7a796;
 }
-.cc-red-4 {
+.cc-l-red-4 {
   caret-color: #f7a796;
 }
@@ -923,7 +930,7 @@ ul {
   color: #f9b6a8;
 }
-.cc-red-5 {
+.cc-l-red-5 {
   caret-color: #f9b6a8;
 }
@@ -1007,7 +1014,7 @@ ul {
   color: #fac5b9;
 }
-.cc-red-6 {
+.cc-l-red-6 {
   caret-color: #fac5b9;
 }
@@ -1095,7 +1102,7 @@ ul {
   caret-color: #da6248;
 }
-.h\:cc-red-1:hover {
+.h\:cc-d-red-1:hover {
   caret-color: #da6248;
 }
@@ -1179,7 +1186,7 @@ ul {
   caret-color: #c25740;
 }
-.h\:cc-red-2:hover {
+.h\:cc-d-red-2:hover {
   caret-color: #c25740;
 }
@@ -1263,7 +1270,7 @@ ul {
   caret-color: #a94c38;
 }
-.h\:cc-red-3:hover {
+.h\:cc-d-red-3:hover {
   caret-color: #a94c38;
 }
@@ -1347,7 +1354,7 @@ ul {
   caret-color: #914130;
 }
-.h\:cc-red-4:hover {
+.h\:cc-d-red-4:hover {
   caret-color: #914130;
 }
@@ -1431,7 +1438,7 @@ ul {
   caret-color: #793728;
 }
-.h\:cc-red-5:hover {
+.h\:cc-d-red-5:hover {
   caret-color: #793728;
 }
@@ -1515,7 +1522,7 @@ ul {
   caret-color: #612c20;
 }
-.h\:cc-red-6:hover {
+.h\:cc-d-red-6:hover {
   caret-color: #612c20;
 }
@@ -1679,7 +1686,7 @@ ul {
   color: #f79966;
 }
-.cc-orange-1 {
+.cc-l-orange-1 {
   caret-color: #f79966;
 }
@@ -1763,7 +1770,7 @@ ul {
   color: #f8a577;
 }
-.cc-orange-2 {
+.cc-l-orange-2 {
   caret-color: #f8a577;
 }
@@ -1847,7 +1854,7 @@ ul {
   color: #f9b088;
 }
-.cc-orange-3 {
+.cc-l-orange-3 {
   caret-color: #f9b088;
 }
@@ -1931,7 +1938,7 @@ ul {
   color: #fabb99;
 }
-.cc-orange-4 {
+.cc-l-orange-4 {
   caret-color: #fabb99;
 }
@@ -2015,7 +2022,7 @@ ul {
   color: #fbc7aa;
 }
-.cc-orange-5 {
+.cc-l-orange-5 {
   caret-color: #fbc7aa;
 }
@@ -2099,7 +2106,7 @@ ul {
   color: #fbd2bb;
 }
-.cc-orange-6 {
+.cc-l-orange-6 {
   caret-color: #fbd2bb;
 }
@@ -2187,7 +2194,7 @@ ul {
   caret-color: #dd804d;
 }
-.h\:cc-orange-1:hover {
+.h\:cc-d-orange-1:hover {
   caret-color: #dd804d;
 }
@@ -2271,7 +2278,7 @@ ul {
   caret-color: #c57244;
 }
-.h\:cc-orange-2:hover {
+.h\:cc-d-orange-2:hover {
   caret-color: #c57244;
 }
@@ -2355,7 +2362,7 @@ ul {
   caret-color: #ac633c;
 }
-.h\:cc-orange-3:hover {
+.h\:cc-d-orange-3:hover {
   caret-color: #ac633c;
 }
@@ -2439,7 +2446,7 @@ ul {
   caret-color: #945533;
 }
-.h\:cc-orange-4:hover {
+.h\:cc-d-orange-4:hover {
   caret-color: #945533;
 }
@@ -2523,7 +2530,7 @@ ul {
   caret-color: #7b472b;
 }
-.h\:cc-orange-5:hover {
+.h\:cc-d-orange-5:hover {
   caret-color: #7b472b;
 }
@@ -2607,7 +2614,7 @@ ul {
   caret-color: #623922;
 }
-.h\:cc-orange-6:hover {
+.h\:cc-d-orange-6:hover {
   caret-color: #623922;
 }
@@ -2771,7 +2778,7 @@ ul {
   color: #fff576;
 }
-.cc-yellow-1 {
+.cc-l-yellow-1 {
   caret-color: #fff576;
 }
@@ -2855,7 +2862,7 @@ ul {
   color: #fff685;
 }
-.cc-yellow-2 {
+.cc-l-yellow-2 {
   caret-color: #fff685;
 }
@@ -2939,7 +2946,7 @@ ul {
   color: #fff795;
 }
-.cc-yellow-3 {
+.cc-l-yellow-3 {
   caret-color: #fff795;
 }
@@ -3023,7 +3030,7 @@ ul {
   color: #fff8a4;
 }
-.cc-yellow-4 {
+.cc-l-yellow-4 {
   caret-color: #fff8a4;
 }
@@ -3107,7 +3114,7 @@ ul {
   color: #fffab3;
 }
-.cc-yellow-5 {
+.cc-l-yellow-5 {
   caret-color: #fffab3;
 }
@@ -3191,7 +3198,7 @@ ul {
   color: #fffbc2;
 }
-.cc-yellow-6 {
+.cc-l-yellow-6 {
   caret-color: #fffbc2;
 }
@@ -3279,7 +3286,7 @@ ul {
   caret-color: #e6dc5d;
 }
-.h\:cc-yellow-1:hover {
+.h\:cc-d-yellow-1:hover {
   caret-color: #e6dc5d;
 }
@@ -3363,7 +3370,7 @@ ul {
   caret-color: #ccc352;
 }
-.h\:cc-yellow-2:hover {
+.h\:cc-d-yellow-2:hover {
   caret-color: #ccc352;
 }
@@ -3447,7 +3454,7 @@ ul {
   caret-color: #b3ab48;
 }
-.h\:cc-yellow-3:hover {
+.h\:cc-d-yellow-3:hover {
   caret-color: #b3ab48;
 }
@@ -3531,7 +3538,7 @@ ul {
   caret-color: #99923e;
 }
-.h\:cc-yellow-4:hover {
+.h\:cc-d-yellow-4:hover {
   caret-color: #99923e;
 }
@@ -3615,7 +3622,7 @@ ul {
   caret-color: #807a34;
 }
-.h\:cc-yellow-5:hover {
+.h\:cc-d-yellow-5:hover {
   caret-color: #807a34;
 }
@@ -3699,7 +3706,7 @@ ul {
   caret-color: #666229;
 }
-.h\:cc-yellow-6:hover {
+.h\:cc-d-yellow-6:hover {
   caret-color: #666229;
 }
@@ -3863,7 +3870,7 @@ ul {
   color: #4fbf86;
 }
-.cc-green-1 {
+.cc-l-green-1 {
   caret-color: #4fbf86;
 }
@@ -3947,7 +3954,7 @@ ul {
   color: #62c693;
 }
-.cc-green-2 {
+.cc-l-green-2 {
   caret-color: #62c693;
 }
@@ -4031,7 +4038,7 @@ ul {
   color: #76cda1;
 }
-.cc-green-3 {
+.cc-l-green-3 {
   caret-color: #76cda1;
 }
@@ -4115,7 +4122,7 @@ ul {
   color: #89d4ae;
 }
-.cc-green-4 {
+.cc-l-green-4 {
   caret-color: #89d4ae;
 }
@@ -4199,7 +4206,7 @@ ul {
   color: #9ddcbc;
 }
-.cc-green-5 {
+.cc-l-green-5 {
   caret-color: #9ddcbc;
 }
@@ -4283,7 +4290,7 @@ ul {
   color: #b1e3c9;
 }
-.cc-green-6 {
+.cc-l-green-6 {
   caret-color: #b1e3c9;
 }
@@ -4371,7 +4378,7 @@ ul {
   caret-color: #35a66c;
 }
-.h\:cc-green-1:hover {
+.h\:cc-d-green-1:hover {
   caret-color: #35a66c;
 }
@@ -4455,7 +4462,7 @@ ul {
   caret-color: #2f9360;
 }
-.h\:cc-green-2:hover {
+.h\:cc-d-green-2:hover {
   caret-color: #2f9360;
 }
@@ -4539,7 +4546,7 @@ ul {
   caret-color: #298154;
 }
-.h\:cc-green-3:hover {
+.h\:cc-d-green-3:hover {
   caret-color: #298154;
 }
@@ -4623,7 +4630,7 @@ ul {
   caret-color: #236e48;
 }
-.h\:cc-green-4:hover {
+.h\:cc-d-green-4:hover {
   caret-color: #236e48;
 }
@@ -4707,7 +4714,7 @@ ul {
   caret-color: #1e5c3c;
 }
-.h\:cc-green-5:hover {
+.h\:cc-d-green-5:hover {
   caret-color: #1e5c3c;
 }
@@ -4791,7 +4798,7 @@ ul {
   caret-color: #184a30;
 }
-.h\:cc-green-6:hover {
+.h\:cc-d-green-6:hover {
   caret-color: #184a30;
 }
@@ -4955,7 +4962,7 @@ ul {
   color: #31c2bc;
 }
-.cc-teal-1 {
+.cc-l-teal-1 {
   caret-color: #31c2bc;
 }
@@ -5039,7 +5046,7 @@ ul {
   color: #48c9c3;
 }
-.cc-teal-2 {
+.cc-l-teal-2 {
   caret-color: #48c9c3;
 }
@@ -5123,7 +5130,7 @@ ul {
   color: #5fcfcb;
 }
-.cc-teal-3 {
+.cc-l-teal-3 {
   caret-color: #5fcfcb;
 }
@@ -5207,7 +5214,7 @@ ul {
   color: #76d6d2;
 }
-.cc-teal-4 {
+.cc-l-teal-4 {
   caret-color: #76d6d2;
 }
@@ -5291,7 +5298,7 @@ ul {
   color: #8dddda;
 }
-.cc-teal-5 {
+.cc-l-teal-5 {
   caret-color: #8dddda;
 }
@@ -5375,7 +5382,7 @@ ul {
   color: #a3e4e1;
 }
-.cc-teal-6 {
+.cc-l-teal-6 {
   caret-color: #a3e4e1;
 }
@@ -5463,7 +5470,7 @@ ul {
   caret-color: #17a8a2;
 }
-.h\:cc-teal-1:hover {
+.h\:cc-d-teal-1:hover {
   caret-color: #17a8a2;
 }
@@ -5547,7 +5554,7 @@ ul {
   caret-color: #159690;
 }
-.h\:cc-teal-2:hover {
+.h\:cc-d-teal-2:hover {
   caret-color: #159690;
 }
@@ -5631,7 +5638,7 @@ ul {
   caret-color: #12837e;
 }
-.h\:cc-teal-3:hover {
+.h\:cc-d-teal-3:hover {
   caret-color: #12837e;
 }
@@ -5715,7 +5722,7 @@ ul {
   caret-color: #10706c;
 }
-.h\:cc-teal-4:hover {
+.h\:cc-d-teal-4:hover {
   caret-color: #10706c;
 }
@@ -5799,7 +5806,7 @@ ul {
   caret-color: #0d5e5a;
 }
-.h\:cc-teal-5:hover {
+.h\:cc-d-teal-5:hover {
   caret-color: #0d5e5a;
 }
@@ -5883,7 +5890,7 @@ ul {
   caret-color: #0a4b48;
 }
-.h\:cc-teal-6:hover {
+.h\:cc-d-teal-6:hover {
   caret-color: #0a4b48;
 }
@@ -6047,7 +6054,7 @@ ul {
   color: #1ac5f4;
 }
-.cc-aqua-1 {
+.cc-l-aqua-1 {
   caret-color: #1ac5f4;
 }
@@ -6131,7 +6138,7 @@ ul {
   color: #33ccf5;
 }
-.cc-aqua-2 {
+.cc-l-aqua-2 {
   caret-color: #33ccf5;
 }
@@ -6215,7 +6222,7 @@ ul {
   color: #4dd2f7;
 }
-.cc-aqua-3 {
+.cc-l-aqua-3 {
   caret-color: #4dd2f7;
 }
@@ -6299,7 +6306,7 @@ ul {
   color: #66d9f8;
 }
-.cc-aqua-4 {
+.cc-l-aqua-4 {
   caret-color: #66d9f8;
 }
@@ -6383,7 +6390,7 @@ ul {
   color: #80dff9;
 }
-.cc-aqua-5 {
+.cc-l-aqua-5 {
   caret-color: #80dff9;
 }
@@ -6467,7 +6474,7 @@ ul {
   color: #99e5fa;
 }
-.cc-aqua-6 {
+.cc-l-aqua-6 {
   caret-color: #99e5fa;
 }
@@ -6555,7 +6562,7 @@ ul {
   caret-color: #00acdb;
 }
-.h\:cc-aqua-1:hover {
+.h\:cc-d-aqua-1:hover {
   caret-color: #00acdb;
 }
@@ -6639,7 +6646,7 @@ ul {
   caret-color: #0099c2;
 }
-.h\:cc-aqua-2:hover {
+.h\:cc-d-aqua-2:hover {
   caret-color: #0099c2;
 }
@@ -6723,7 +6730,7 @@ ul {
   caret-color: #0086aa;
 }
-.h\:cc-aqua-3:hover {
+.h\:cc-d-aqua-3:hover {
   caret-color: #0086aa;
 }
@@ -6807,7 +6814,7 @@ ul {
   caret-color: #007392;
 }
-.h\:cc-aqua-4:hover {
+.h\:cc-d-aqua-4:hover {
   caret-color: #007392;
 }
@@ -6891,7 +6898,7 @@ ul {
   caret-color: #00607a;
 }
-.h\:cc-aqua-5:hover {
+.h\:cc-d-aqua-5:hover {
   caret-color: #00607a;
 }
@@ -6975,7 +6982,7 @@ ul {
   caret-color: #004c61;
 }
-.h\:cc-aqua-6:hover {
+.h\:cc-d-aqua-6:hover {
   caret-color: #004c61;
 }
@@ -7139,7 +7146,7 @@ ul {
   color: #5698cf;
 }
-.cc-blue-1 {
+.cc-l-blue-1 {
   caret-color: #5698cf;
 }
@@ -7223,7 +7230,7 @@ ul {
   color: #69a3d5;
 }
-.cc-blue-2 {
+.cc-l-blue-2 {
   caret-color: #69a3d5;
 }
@@ -7307,7 +7314,7 @@ ul {
   color: #7bafda;
 }
-.cc-blue-3 {
+.cc-l-blue-3 {
   caret-color: #7bafda;
 }
@@ -7391,7 +7398,7 @@ ul {
   color: #8ebadf;
 }
-.cc-blue-4 {
+.cc-l-blue-4 {
   caret-color: #8ebadf;
 }
@@ -7475,7 +7482,7 @@ ul {
   color: #a1c6e5;
 }
-.cc-blue-5 {
+.cc-l-blue-5 {
   caret-color: #a1c6e5;
 }
@@ -7559,7 +7566,7 @@ ul {
   color: #b4d1ea;
 }
-.cc-blue-6 {
+.cc-l-blue-6 {
   caret-color: #b4d1ea;
 }
@@ -7647,7 +7654,7 @@ ul {
   caret-color: #3c7eb6;
 }
-.h\:cc-blue-1:hover {
+.h\:cc-d-blue-1:hover {
   caret-color: #3c7eb6;
 }
@@ -7731,7 +7738,7 @@ ul {
   caret-color: #3670a2;
 }
-.h\:cc-blue-2:hover {
+.h\:cc-d-blue-2:hover {
   caret-color: #3670a2;
 }
@@ -7815,7 +7822,7 @@ ul {
   caret-color: #2f628d;
 }
-.h\:cc-blue-3:hover {
+.h\:cc-d-blue-3:hover {
   caret-color: #2f628d;
 }
@@ -7899,7 +7906,7 @@ ul {
   caret-color: #285479;
 }
-.h\:cc-blue-4:hover {
+.h\:cc-d-blue-4:hover {
   caret-color: #285479;
 }
@@ -7983,7 +7990,7 @@ ul {
   caret-color: #224665;
 }
-.h\:cc-blue-5:hover {
+.h\:cc-d-blue-5:hover {
   caret-color: #224665;
 }
@@ -8067,7 +8074,7 @@ ul {
   caret-color: #1b3851;
 }
-.h\:cc-blue-6:hover {
+.h\:cc-d-blue-6:hover {
   caret-color: #1b3851;
 }
@@ -8231,7 +8238,7 @@ ul {
   color: #916fb1;
 }
-.cc-violet-1 {
+.cc-l-violet-1 {
   caret-color: #916fb1;
 }
@@ -8315,7 +8322,7 @@ ul {
   color: #9d7fb9;
 }
-.cc-violet-2 {
+.cc-l-violet-2 {
   caret-color: #9d7fb9;
 }
@@ -8399,7 +8406,7 @@ ul {
   color: #aa8fc2;
 }
-.cc-violet-3 {
+.cc-l-violet-3 {
   caret-color: #aa8fc2;
 }
@@ -8483,7 +8490,7 @@ ul {
   color: #b69fcb;
 }
-.cc-violet-4 {
+.cc-l-violet-4 {
   caret-color: #b69fcb;
 }
@@ -8567,7 +8574,7 @@ ul {
   color: #c2afd4;
 }
-.cc-violet-5 {
+.cc-l-violet-5 {
   caret-color: #c2afd4;
 }
@@ -8651,7 +8658,7 @@ ul {
   color: #cebfdc;
 }
-.cc-violet-6 {
+.cc-l-violet-6 {
   caret-color: #cebfdc;
 }
@@ -8739,7 +8746,7 @@ ul {
   caret-color: #785697;
 }
-.h\:cc-violet-1:hover {
+.h\:cc-d-violet-1:hover {
   caret-color: #785697;
 }
@@ -8823,7 +8830,7 @@ ul {
   caret-color: #6a4c86;
 }
-.h\:cc-violet-2:hover {
+.h\:cc-d-violet-2:hover {
   caret-color: #6a4c86;
 }
@@ -8907,7 +8914,7 @@ ul {
   caret-color: #5d4376;
 }
-.h\:cc-violet-3:hover {
+.h\:cc-d-violet-3:hover {
   caret-color: #5d4376;
 }
@@ -8991,7 +8998,7 @@ ul {
   caret-color: #503965;
 }
-.h\:cc-violet-4:hover {
+.h\:cc-d-violet-4:hover {
   caret-color: #503965;
 }
@@ -9075,7 +9082,7 @@ ul {
   caret-color: #433054;
 }
-.h\:cc-violet-5:hover {
+.h\:cc-d-violet-5:hover {
   caret-color: #433054;
 }
@@ -9159,7 +9166,7 @@ ul {
   caret-color: #352643;
 }
-.h\:cc-violet-6:hover {
+.h\:cc-d-violet-6:hover {
   caret-color: #352643;
 }
@@ -9323,7 +9330,7 @@ ul {
   color: #b173b1;
 }
-.cc-magenta-1 {
+.cc-l-magenta-1 {
   caret-color: #b173b1;
 }
@@ -9407,7 +9414,7 @@ ul {
   color: #b982b9;
 }
-.cc-magenta-2 {
+.cc-l-magenta-2 {
   caret-color: #b982b9;
 }
@@ -9491,7 +9498,7 @@ ul {
   color: #c292c2;
 }
-.cc-magenta-3 {
+.cc-l-magenta-3 {
   caret-color: #c292c2;
 }
@@ -9575,7 +9582,7 @@ ul {
   color: #cba1cb;
 }
-.cc-magenta-4 {
+.cc-l-magenta-4 {
   caret-color: #cba1cb;
 }
@@ -9659,7 +9666,7 @@ ul {
   color: #d4b1d4;
 }
-.cc-magenta-5 {
+.cc-l-magenta-5 {
   caret-color: #d4b1d4;
 }
@@ -9743,7 +9750,7 @@ ul {
   color: #dcc1dc;
 }
-.cc-magenta-6 {
+.cc-l-magenta-6 {
   caret-color: #dcc1dc;
 }
@@ -9831,7 +9838,7 @@ ul {
   caret-color: #975997;
 }
-.h\:cc-magenta-1:hover {
+.h\:cc-d-magenta-1:hover {
   caret-color: #975997;
 }
@@ -9915,7 +9922,7 @@ ul {
   caret-color: #864f86;
 }
-.h\:cc-magenta-2:hover {
+.h\:cc-d-magenta-2:hover {
   caret-color: #864f86;
 }
@@ -9999,7 +10006,7 @@ ul {
   caret-color: #764576;
 }
-.h\:cc-magenta-3:hover {
+.h\:cc-d-magenta-3:hover {
   caret-color: #764576;
 }
@@ -10083,7 +10090,7 @@ ul {
   caret-color: #653b65;
 }
-.h\:cc-magenta-4:hover {
+.h\:cc-d-magenta-4:hover {
   caret-color: #653b65;
 }
@@ -10167,7 +10174,7 @@ ul {
   caret-color: #543254;
 }
-.h\:cc-magenta-5:hover {
+.h\:cc-d-magenta-5:hover {
   caret-color: #543254;
 }
@@ -10251,7 +10258,7 @@ ul {
   caret-color: #432843;
 }
-.h\:cc-magenta-6:hover {
+.h\:cc-d-magenta-6:hover {
   caret-color: #432843;
 }
@@ -10415,7 +10422,7 @@ ul {
   color: #f27db2;
 }
-.cc-pink-1 {
+.cc-l-pink-1 {
   caret-color: #f27db2;
 }
@@ -10499,7 +10506,7 @@ ul {
   color: #f38bba;
 }
-.cc-pink-2 {
+.cc-l-pink-2 {
   caret-color: #f38bba;
 }
@@ -10583,7 +10590,7 @@ ul {
   color: #f59ac3;
 }
-.cc-pink-3 {
+.cc-l-pink-3 {
   caret-color: #f59ac3;
 }
@@ -10667,7 +10674,7 @@ ul {
   color: #f6a8cb;
 }
-.cc-pink-4 {
+.cc-l-pink-4 {
   caret-color: #f6a8cb;
 }
@@ -10751,7 +10758,7 @@ ul {
   color: #f8b7d4;
 }
-.cc-pink-5 {
+.cc-l-pink-5 {
   caret-color: #f8b7d4;
 }
@@ -10835,7 +10842,7 @@ ul {
   color: #f9c5dd;
 }
-.cc-pink-6 {
+.cc-l-pink-6 {
   caret-color: #f9c5dd;
 }
@@ -10923,7 +10930,7 @@ ul {
   caret-color: #d86398;
 }
-.h\:cc-pink-1:hover {
+.h\:cc-d-pink-1:hover {
   caret-color: #d86398;
 }
@@ -11007,7 +11014,7 @@ ul {
   caret-color: #c05887;
 }
-.h\:cc-pink-2:hover {
+.h\:cc-d-pink-2:hover {
   caret-color: #c05887;
 }
@@ -11091,7 +11098,7 @@ ul {
   caret-color: #a84d76;
 }
-.h\:cc-pink-3:hover {
+.h\:cc-d-pink-3:hover {
   caret-color: #a84d76;
 }
@@ -11175,7 +11182,7 @@ ul {
   caret-color: #904265;
 }
-.h\:cc-pink-4:hover {
+.h\:cc-d-pink-4:hover {
   caret-color: #904265;
 }
@@ -11259,7 +11266,7 @@ ul {
   caret-color: #783755;
 }
-.h\:cc-pink-5:hover {
+.h\:cc-d-pink-5:hover {
   caret-color: #783755;
 }
@@ -11343,7 +11350,7 @@ ul {
   caret-color: #602c44;
 }
-.h\:cc-pink-6:hover {
+.h\:cc-d-pink-6:hover {
   caret-color: #602c44;
 }
@@ -11507,7 +11514,7 @@ ul {
   color: #a3a3a3;
 }
-.cc-gray-1 {
+.cc-l-gray-1 {
   caret-color: #a3a3a3;
 }
@@ -11591,7 +11598,7 @@ ul {
   color: #adadad;
 }
-.cc-gray-2 {
+.cc-l-gray-2 {
   caret-color: #adadad;
 }
@@ -11675,7 +11682,7 @@ ul {
   color: #b8b8b8;
 }
-.cc-gray-3 {
+.cc-l-gray-3 {
   caret-color: #b8b8b8;
 }
@@ -11759,7 +11766,7 @@ ul {
   color: #c2c2c2;
 }
-.cc-gray-4 {
+.cc-l-gray-4 {
   caret-color: #c2c2c2;
 }
@@ -11843,7 +11850,7 @@ ul {
   color: #cccccc;
 }
-.cc-gray-5 {
+.cc-l-gray-5 {
   caret-color: #cccccc;
 }
@@ -11927,7 +11934,7 @@ ul {
   color: #d6d6d6;
 }
-.cc-gray-6 {
+.cc-l-gray-6 {
   caret-color: #d6d6d6;
 }
@@ -12015,7 +12022,7 @@ ul {
   caret-color: #8a8a8a;
 }
-.h\:cc-gray-1:hover {
+.h\:cc-d-gray-1:hover {
   caret-color: #8a8a8a;
 }
@@ -12099,7 +12106,7 @@ ul {
   caret-color: #7a7a7a;
 }
-.h\:cc-gray-2:hover {
+.h\:cc-d-gray-2:hover {
   caret-color: #7a7a7a;
 }
@@ -12183,7 +12190,7 @@ ul {
   caret-color: #6b6b6b;
 }
-.h\:cc-gray-3:hover {
+.h\:cc-d-gray-3:hover {
   caret-color: #6b6b6b;
 }
@@ -12267,7 +12274,7 @@ ul {
   caret-color: #5c5c5c;
 }
-.h\:cc-gray-4:hover {
+.h\:cc-d-gray-4:hover {
   caret-color: #5c5c5c;
 }
@@ -12351,7 +12358,7 @@ ul {
   caret-color: #4d4d4d;
 }
-.h\:cc-gray-5:hover {
+.h\:cc-d-gray-5:hover {
   caret-color: #4d4d4d;
 }
@@ -12435,7 +12442,7 @@ ul {
   caret-color: #3d3d3d;
 }
-.h\:cc-gray-6:hover {
+.h\:cc-d-gray-6:hover {
   caret-color: #3d3d3d;
 }
@@ -12599,7 +12606,7 @@ ul {
   color: #525260;
 }
-.cc-lead-1 {
+.cc-l-lead-1 {
   caret-color: #525260;
 }
@@ -12683,7 +12690,7 @@ ul {
   color: #656571;
 }
-.cc-lead-2 {
+.cc-l-lead-2 {
   caret-color: #656571;
 }
@@ -12767,7 +12774,7 @@ ul {
   color: #797983;
 }
-.cc-lead-3 {
+.cc-l-lead-3 {
   caret-color: #797983;
 }
@@ -12851,7 +12858,7 @@ ul {
   color: #8c8c95;
 }
-.cc-lead-4 {
+.cc-l-lead-4 {
   caret-color: #8c8c95;
 }
@@ -12935,7 +12942,7 @@ ul {
   color: #9f9fa7;
 }
-.cc-lead-5 {
+.cc-l-lead-5 {
   caret-color: #9f9fa7;
 }
@@ -13019,7 +13026,7 @@ ul {
   color: #b2b2b8;
 }
-.cc-lead-6 {
+.cc-l-lead-6 {
   caret-color: #b2b2b8;
 }
@@ -13107,7 +13114,7 @@ ul {
   caret-color: #393946;
 }
-.h\:cc-lead-1:hover {
+.h\:cc-d-lead-1:hover {
   caret-color: #393946;
 }
@@ -13191,7 +13198,7 @@ ul {
   caret-color: #32323e;
 }
-.h\:cc-lead-2:hover {
+.h\:cc-d-lead-2:hover {
   caret-color: #32323e;
 }
@@ -13275,7 +13282,7 @@ ul {
   caret-color: #2c2c37;
 }
-.h\:cc-lead-3:hover {
+.h\:cc-d-lead-3:hover {
   caret-color: #2c2c37;
 }
@@ -13359,7 +13366,7 @@ ul {
   caret-color: #26262f;
 }
-.h\:cc-lead-4:hover {
+.h\:cc-d-lead-4:hover {
   caret-color: #26262f;
 }
@@ -13443,7 +13450,7 @@ ul {
   caret-color: #202027;
 }
-.h\:cc-lead-5:hover {
+.h\:cc-d-lead-5:hover {
   caret-color: #202027;
 }
@@ -13527,7 +13534,7 @@ ul {
   caret-color: #19191f;
 }
-.h\:cc-lead-6:hover {
+.h\:cc-d-lead-6:hover {
   caret-color: #19191f;
 }
@@ -28449,99 +28456,51 @@ ul {
 }
 .h-1\/1 {
-  height: 100dvh;
+  height: 100vh;
 }
 .max-h-1\/1 {
-  max-height: 100dvh;
+  max-height: 100vh;
 }
 .min-h-1\/1 {
-  min-height: 100dvh;
-}
-.w-1\/1 {
-  width: 100dvh;
-}
-.max-w-1\/1 {
-  max-width: 100dvh;
-}
-.min-w-1\/1 {
-  min-width: 100dvh;
+  min-height: 100vh;
 }
 .h-1\/2 {
-  height: 50dvh;
+  height: 50vh;
 }
 .max-h-1\/2 {
-  max-height: 50dvh;
+  max-height: 50vh;
 }
 .min-h-1\/2 {
-  min-height: 50dvh;
-}
-.w-1\/2 {
-  width: 50dvh;
-}
-.max-w-1\/2 {
-  max-width: 50dvh;
-}
-.min-w-1\/2 {
-  min-width: 50dvh;
-}
-.h-1\/1 {
-  height: 100dvw;
-}
-.max-h-1\/1 {
-  max-height: 100dvw;
-}
-.min-h-1\/1 {
-  min-height: 100dvw;
+  min-height: 50vh;
 }
 .w-1\/1 {
-  width: 100dvw;
+  width: 100vw;
 }
 .max-w-1\/1 {
-  max-width: 100dvw;
+  max-width: 100vw;
 }
 .min-w-1\/1 {
-  min-width: 100dvw;
-}
-.h-2\/1 {
-  height: 50dvw;
-}
-.max-h-2\/1 {
-  max-height: 50dvw;
-}
-.min-h-2\/1 {
-  min-height: 50dvw;
+  min-width: 100vw;
 }
 .w-2\/1 {
-  width: 50dvw;
+  width: 50vw;
 }
 .max-w-2\/1 {
-  max-width: 50dvw;
+  max-width: 50vw;
 }
 .min-w-2\/1 {
-  min-width: 50dvw;
+  min-width: 50vw;
 }
 .ff-d {