cacao-css 7.0.0 → 7.1.1

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;
+}

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';