cacao-css 6.4.0 → 7.1.1

package/dist/typography/md/size.css

@@ -0,0 +1,97 @@
+/* =========================================================================== *\
+    Font size utilities
+\* =========================================================================== */
+
+@media (--m-md) {
+    .font-size-000-md {
+        font-size: var(--font-size-000);
+    }
+
+    .font-size-00-md {
+        font-size: var(--font-size-00);
+    }
+
+    .font-size-0-md {
+        font-size: var(--font-size-0);
+    }
+
+    .font-size-1-md {
+        font-size: var(--font-size-1);
+    }
+
+    .font-size-2-md {
+        font-size: var(--font-size-2);
+    }
+
+    .font-size-3-md {
+        font-size: var(--font-size-3);
+    }
+
+    .font-size-4-md {
+        font-size: var(--font-size-4);
+    }
+
+    .font-size-5-md {
+        font-size: var(--font-size-5);
+    }
+
+    .font-size-6-md {
+        font-size: var(--font-size-6);
+    }
+
+    .font-size-7-md {
+        font-size: var(--font-size-7);
+    }
+
+    .font-size-8-md {
+        font-size: var(--font-size-8);
+    }
+
+    .font-size-9-md {
+        font-size: var(--font-size-9);
+    }
+
+    .font-size-10-md {
+        font-size: var(--font-size-10);
+    }
+
+    .font-size-11-md {
+        font-size: var(--font-size-11);
+    }
+
+    .font-size-12-md {
+        font-size: var(--font-size-12);
+    }
+
+    .font-size-13-md {
+        font-size: var(--font-size-13);
+    }
+
+    .font-size-14-md {
+        font-size: var(--font-size-14);
+    }
+
+    .font-size-15-md {
+        font-size: var(--font-size-15);
+    }
+
+    .font-size-16-md {
+        font-size: var(--font-size-16);
+    }
+
+    .font-size-17-md {
+        font-size: var(--font-size-17);
+    }
+
+    .font-size-18-md {
+        font-size: var(--font-size-18);
+    }
+
+    .font-size-19-md {
+        font-size: var(--font-size-19);
+    }
+
+    .font-size-20-md {
+        font-size: var(--font-size-20);
+    }
+}

package/dist/typography/size-variables.css

@@ -0,0 +1,31 @@
+/* =========================================================================== *
+  Variables for the font sizes
+ * =========================================================================== */
+
+/* :where() is used to give the variables no specificity so that they are easily overriden. https://developer.mozilla.org/en-US/docs/Web/CSS/:where */
+
+:where(html) {
+    --font-size-000: 0.5rem;
+    --font-size-00: 0.75rem;
+    --font-size-0: 0.875rem;
+    --font-size-1: 1rem;
+    --font-size-2: 1.1rem;
+    --font-size-3: 1.2rem;
+    --font-size-4: 1.3rem;
+    --font-size-5: 1.4rem;
+    --font-size-6: 1.5rem;
+    --font-size-7: 1.6rem;
+    --font-size-8: 1.7rem;
+    --font-size-9: 1.8rem;
+    --font-size-10: 1.9rem;
+    --font-size-11: 2rem;
+    --font-size-12: 2.5rem;
+    --font-size-13: 3rem;
+    --font-size-14: 3.5rem;
+    --font-size-15: 4rem;
+    --font-size-16: 4.5rem;
+    --font-size-17: 5rem;
+    --font-size-18: 6rem;
+    --font-size-19: 7rem;
+    --font-size-20: 8rem;
+}

package/dist/typography/size.css

@@ -0,0 +1,95 @@
+/* =========================================================================== *\
+    Font size utilities
+\* =========================================================================== */
+
+.font-size-000 {
+    font-size: var(--font-size-000);
+}
+
+.font-size-00 {
+    font-size: var(--font-size-00);
+}
+
+.font-size-0 {
+    font-size: var(--font-size-0);
+}
+
+.font-size-1 {
+    font-size: var(--font-size-1);
+}
+
+.font-size-2 {
+    font-size: var(--font-size-2);
+}
+
+.font-size-3 {
+    font-size: var(--font-size-3);
+}
+
+.font-size-4 {
+    font-size: var(--font-size-4);
+}
+
+.font-size-5 {
+    font-size: var(--font-size-5);
+}
+
+.font-size-6 {
+    font-size: var(--font-size-6);
+}
+
+.font-size-7 {
+    font-size: var(--font-size-7);
+}
+
+.font-size-8 {
+    font-size: var(--font-size-8);
+}
+
+.font-size-9 {
+    font-size: var(--font-size-9);
+}
+
+.font-size-10 {
+    font-size: var(--font-size-10);
+}
+
+.font-size-11 {
+    font-size: var(--font-size-11);
+}
+
+.font-size-12 {
+    font-size: var(--font-size-12);
+}
+
+.font-size-13 {
+    font-size: var(--font-size-13);
+}
+
+.font-size-14 {
+    font-size: var(--font-size-14);
+}
+
+.font-size-15 {
+    font-size: var(--font-size-15);
+}
+
+.font-size-16 {
+    font-size: var(--font-size-16);
+}
+
+.font-size-17 {
+    font-size: var(--font-size-17);
+}
+
+.font-size-18 {
+    font-size: var(--font-size-18);
+}
+
+.font-size-19 {
+    font-size: var(--font-size-19);
+}
+
+.font-size-20 {
+    font-size: var(--font-size-20);
+}

package/dist/typography/sm/combined-import.css

@@ -4,6 +4,7 @@
 
 @import './align.css';
 @import './break.css';
+@import './size.css';
 @import './style.css';
 @import './transform.css';
 @import './weight.css';

package/dist/typography/sm/size.css

@@ -0,0 +1,97 @@
+/* =========================================================================== *\
+    Font size utilities
+\* =========================================================================== */
+
+@media (--m-sm) {
+    .font-size-000-sm {
+        font-size: var(--font-size-000);
+    }
+
+    .font-size-00-sm {
+        font-size: var(--font-size-00);
+    }
+
+    .font-size-0-sm {
+        font-size: var(--font-size-0);
+    }
+
+    .font-size-1-sm {
+        font-size: var(--font-size-1);
+    }
+
+    .font-size-2-sm {
+        font-size: var(--font-size-2);
+    }
+
+    .font-size-3-sm {
+        font-size: var(--font-size-3);
+    }
+
+    .font-size-4-sm {
+        font-size: var(--font-size-4);
+    }
+
+    .font-size-5-sm {
+        font-size: var(--font-size-5);
+    }
+
+    .font-size-6-sm {
+        font-size: var(--font-size-6);
+    }
+
+    .font-size-7-sm {
+        font-size: var(--font-size-7);
+    }
+
+    .font-size-8-sm {
+        font-size: var(--font-size-8);
+    }
+
+    .font-size-9-sm {
+        font-size: var(--font-size-9);
+    }
+
+    .font-size-10-sm {
+        font-size: var(--font-size-10);
+    }
+
+    .font-size-11-sm {
+        font-size: var(--font-size-11);
+    }
+
+    .font-size-12-sm {
+        font-size: var(--font-size-12);
+    }
+
+    .font-size-13-sm {
+        font-size: var(--font-size-13);
+    }
+
+    .font-size-14-sm {
+        font-size: var(--font-size-14);
+    }
+
+    .font-size-15-sm {
+        font-size: var(--font-size-15);
+    }
+
+    .font-size-16-sm {
+        font-size: var(--font-size-16);
+    }
+
+    .font-size-17-sm {
+        font-size: var(--font-size-17);
+    }
+
+    .font-size-18-sm {
+        font-size: var(--font-size-18);
+    }
+
+    .font-size-19-sm {
+        font-size: var(--font-size-19);
+    }
+
+    .font-size-20-sm {
+        font-size: var(--font-size-20);
+    }
+}

package/dist/typography/xl/combined-import.css

@@ -4,6 +4,7 @@
 
 @import './align.css';
 @import './break.css';
+@import './size.css';
 @import './style.css';
 @import './transform.css';
 @import './weight.css';

package/dist/typography/xl/size.css

@@ -0,0 +1,97 @@
+/* =========================================================================== *\
+    Font size utilities
+\* =========================================================================== */
+
+@media (--m-xl) {
+    .font-size-000-xl {
+        font-size: var(--font-size-000);
+    }
+
+    .font-size-00-xl {
+        font-size: var(--font-size-00);
+    }
+
+    .font-size-0-xl {
+        font-size: var(--font-size-0);
+    }
+
+    .font-size-1-xl {
+        font-size: var(--font-size-1);
+    }
+
+    .font-size-2-xl {
+        font-size: var(--font-size-2);
+    }
+
+    .font-size-3-xl {
+        font-size: var(--font-size-3);
+    }
+
+    .font-size-4-xl {
+        font-size: var(--font-size-4);
+    }
+
+    .font-size-5-xl {
+        font-size: var(--font-size-5);
+    }
+
+    .font-size-6-xl {
+        font-size: var(--font-size-6);
+    }
+
+    .font-size-7-xl {
+        font-size: var(--font-size-7);
+    }
+
+    .font-size-8-xl {
+        font-size: var(--font-size-8);
+    }
+
+    .font-size-9-xl {
+        font-size: var(--font-size-9);
+    }
+
+    .font-size-10-xl {
+        font-size: var(--font-size-10);
+    }
+
+    .font-size-11-xl {
+        font-size: var(--font-size-11);
+    }
+
+    .font-size-12-xl {
+        font-size: var(--font-size-12);
+    }
+
+    .font-size-13-xl {
+        font-size: var(--font-size-13);
+    }
+
+    .font-size-14-xl {
+        font-size: var(--font-size-14);
+    }
+
+    .font-size-15-xl {
+        font-size: var(--font-size-15);
+    }
+
+    .font-size-16-xl {
+        font-size: var(--font-size-16);
+    }
+
+    .font-size-17-xl {
+        font-size: var(--font-size-17);
+    }
+
+    .font-size-18-xl {
+        font-size: var(--font-size-18);
+    }
+
+    .font-size-19-xl {
+        font-size: var(--font-size-19);
+    }
+
+    .font-size-20-xl {
+        font-size: var(--font-size-20);
+    }
+}

package/dist/typography/xs/combined-import.css

@@ -4,6 +4,7 @@
 
 @import './align.css';
 @import './break.css';
+@import './size.css';
 @import './style.css';
 @import './transform.css';
 @import './weight.css';

package/dist/typography/xs/size.css

@@ -0,0 +1,97 @@
+/* =========================================================================== *\
+    Font size utilities
+\* =========================================================================== */
+
+@media (--m-xs) {
+    .font-size-000-xs {
+        font-size: var(--font-size-000);
+    }
+
+    .font-size-00-xs {
+        font-size: var(--font-size-00);
+    }
+
+    .font-size-0-xs {
+        font-size: var(--font-size-0);
+    }
+
+    .font-size-1-xs {
+        font-size: var(--font-size-1);
+    }
+
+    .font-size-2-xs {
+        font-size: var(--font-size-2);
+    }
+
+    .font-size-3-xs {
+        font-size: var(--font-size-3);
+    }
+
+    .font-size-4-xs {
+        font-size: var(--font-size-4);
+    }
+
+    .font-size-5-xs {
+        font-size: var(--font-size-5);
+    }
+
+    .font-size-6-xs {
+        font-size: var(--font-size-6);
+    }
+
+    .font-size-7-xs {
+        font-size: var(--font-size-7);
+    }
+
+    .font-size-8-xs {
+        font-size: var(--font-size-8);
+    }
+
+    .font-size-9-xs {
+        font-size: var(--font-size-9);
+    }
+
+    .font-size-10-xs {
+        font-size: var(--font-size-10);
+    }
+
+    .font-size-11-xs {
+        font-size: var(--font-size-11);
+    }
+
+    .font-size-12-xs {
+        font-size: var(--font-size-12);
+    }
+
+    .font-size-13-xs {
+        font-size: var(--font-size-13);
+    }
+
+    .font-size-14-xs {
+        font-size: var(--font-size-14);
+    }
+
+    .font-size-15-xs {
+        font-size: var(--font-size-15);
+    }
+
+    .font-size-16-xs {
+        font-size: var(--font-size-16);
+    }
+
+    .font-size-17-xs {
+        font-size: var(--font-size-17);
+    }
+
+    .font-size-18-xs {
+        font-size: var(--font-size-18);
+    }
+
+    .font-size-19-xs {
+        font-size: var(--font-size-19);
+    }
+
+    .font-size-20-xs {
+        font-size: var(--font-size-20);
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cacao-css",
     "description": "A set of composable CSS utilities that provide a solid foundation for website projects.",
-    "version": "6.4.0",
+    "version": "7.1.1",
     "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
     "license": "MIT",
     "repository": {
@@ -34,18 +34,18 @@
     },
     "dependencies": {
         "@aptuitiv/eslint-config-aptuitiv": "^0.8.0",
-        "chalk": "^5.3.0",
+        "chalk": "^5.4.1",
         "commander": "^12.1.0",
         "eslint": "^8.57.0",
         "eslint-watch": "^8.0.0",
         "fancy-log": "^2.0.0",
         "fs-extra": "^11.2.0",
         "log-symbols": "^7.0.0",
-        "postcss": "^8.4.41",
+        "postcss": "^8.4.49",
         "postcss-cli": "^11.0.0",
-        "prettier": "^3.3.3",
+        "prettier": "^3.4.2",
         "recursive-readdir": "^2.2.3",
-        "stylelint": "^16.8.2",
+        "stylelint": "^16.12.0",
         "stylelint-config-standard": "^36.0.1",
         "stylelint-order": "^6.0.4"
     }