cacao-css 7.0.0 → 7.2.0

package/dist/typography/3xl/size.css

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

package/dist/typography/3xs/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/3xs/size.css

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

package/dist/typography/4xl/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/4xl/size.css

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

package/dist/typography/5xl/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/5xl/size.css

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

package/dist/typography/combined-import.css

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

package/dist/typography/lg/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/lg/size.css

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

package/dist/typography/md/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/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;
+}