cacao-css 7.0.0 → 7.1.1

package/dist/imports.css

@@ -1829,6 +1829,8 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/align.css';
 @import 'cacao-css/dist/typography/break.css';
+@import 'cacao-css/dist/typography/size-variables.css';
+@import 'cacao-css/dist/typography/size.css';
 @import 'cacao-css/dist/typography/style.css';
 @import 'cacao-css/dist/typography/transform.css';
 @import 'cacao-css/dist/typography/weight.css';
@@ -1840,6 +1842,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/3xs/align.css';
 @import 'cacao-css/dist/typography/3xs/break.css';
+@import 'cacao-css/dist/typography/3xs/size.css';
 @import 'cacao-css/dist/typography/3xs/style.css';
 @import 'cacao-css/dist/typography/3xs/transform.css';
 @import 'cacao-css/dist/typography/3xs/weight.css';
@@ -1851,6 +1854,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/2xs/align.css';
 @import 'cacao-css/dist/typography/2xs/break.css';
+@import 'cacao-css/dist/typography/2xs/size.css';
 @import 'cacao-css/dist/typography/2xs/style.css';
 @import 'cacao-css/dist/typography/2xs/transform.css';
 @import 'cacao-css/dist/typography/2xs/weight.css';
@@ -1862,6 +1866,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/xs/align.css';
 @import 'cacao-css/dist/typography/xs/break.css';
+@import 'cacao-css/dist/typography/xs/size.css';
 @import 'cacao-css/dist/typography/xs/style.css';
 @import 'cacao-css/dist/typography/xs/transform.css';
 @import 'cacao-css/dist/typography/xs/weight.css';
@@ -1873,6 +1878,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/sm/align.css';
 @import 'cacao-css/dist/typography/sm/break.css';
+@import 'cacao-css/dist/typography/sm/size.css';
 @import 'cacao-css/dist/typography/sm/style.css';
 @import 'cacao-css/dist/typography/sm/transform.css';
 @import 'cacao-css/dist/typography/sm/weight.css';
@@ -1884,6 +1890,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/md/align.css';
 @import 'cacao-css/dist/typography/md/break.css';
+@import 'cacao-css/dist/typography/md/size.css';
 @import 'cacao-css/dist/typography/md/style.css';
 @import 'cacao-css/dist/typography/md/transform.css';
 @import 'cacao-css/dist/typography/md/weight.css';
@@ -1895,6 +1902,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/lg/align.css';
 @import 'cacao-css/dist/typography/lg/break.css';
+@import 'cacao-css/dist/typography/lg/size.css';
 @import 'cacao-css/dist/typography/lg/style.css';
 @import 'cacao-css/dist/typography/lg/transform.css';
 @import 'cacao-css/dist/typography/lg/weight.css';
@@ -1906,6 +1914,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/xl/align.css';
 @import 'cacao-css/dist/typography/xl/break.css';
+@import 'cacao-css/dist/typography/xl/size.css';
 @import 'cacao-css/dist/typography/xl/style.css';
 @import 'cacao-css/dist/typography/xl/transform.css';
 @import 'cacao-css/dist/typography/xl/weight.css';
@@ -1917,6 +1926,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/2xl/align.css';
 @import 'cacao-css/dist/typography/2xl/break.css';
+@import 'cacao-css/dist/typography/2xl/size.css';
 @import 'cacao-css/dist/typography/2xl/style.css';
 @import 'cacao-css/dist/typography/2xl/transform.css';
 @import 'cacao-css/dist/typography/2xl/weight.css';
@@ -1928,6 +1938,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/3xl/align.css';
 @import 'cacao-css/dist/typography/3xl/break.css';
+@import 'cacao-css/dist/typography/3xl/size.css';
 @import 'cacao-css/dist/typography/3xl/style.css';
 @import 'cacao-css/dist/typography/3xl/transform.css';
 @import 'cacao-css/dist/typography/3xl/weight.css';
@@ -1939,6 +1950,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/4xl/align.css';
 @import 'cacao-css/dist/typography/4xl/break.css';
+@import 'cacao-css/dist/typography/4xl/size.css';
 @import 'cacao-css/dist/typography/4xl/style.css';
 @import 'cacao-css/dist/typography/4xl/transform.css';
 @import 'cacao-css/dist/typography/4xl/weight.css';
@@ -1950,6 +1962,7 @@
 /* or include individual files */
 @import 'cacao-css/dist/typography/5xl/align.css';
 @import 'cacao-css/dist/typography/5xl/break.css';
+@import 'cacao-css/dist/typography/5xl/size.css';
 @import 'cacao-css/dist/typography/5xl/style.css';
 @import 'cacao-css/dist/typography/5xl/transform.css';
 @import 'cacao-css/dist/typography/5xl/weight.css';

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

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

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

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

package/dist/typography/3xl/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/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';