cacao-css 7.0.0 → 7.2.0

package/dist/display/2xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-2xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-2xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-2xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-2xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-2xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-2xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/2xs/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-2xs {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-2xs {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-2xs {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-2xs {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-2xs {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-2xs {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/3xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-3xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-3xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-3xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-3xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-3xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-3xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/3xs/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-3xs {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-3xs {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-3xs {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-3xs {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-3xs {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-3xs {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/4xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-4xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-4xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-4xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-4xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-4xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-4xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/5xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-5xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-5xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-5xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-5xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-5xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-5xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/flex.css

@@ -17,3 +17,23 @@
 .flex-col-reverse {
     flex-direction: column-reverse;
 }
+
+.flex-grow {
+    flex-grow: 1
+}
+
+.flex-shrink {
+    flex-shrink: 1
+}
+
+.flex-wrap {
+    flex-wrap: wrap
+}
+
+.flex-nowrap {
+    flex-wrap: nowrap
+}
+
+.flex-wrap-reverse {
+    flex-wrap: wrap-reverse
+}

package/dist/display/lg/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-lg {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-lg {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-lg {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-lg {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-lg {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-lg {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/md/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-md {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-md {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-md {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-md {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-md {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-md {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/sm/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-sm {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-sm {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-sm {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-sm {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-sm {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-sm {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/xs/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-xs {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-xs {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-xs {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-xs {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-xs {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-xs {
+        flex-wrap: wrap-reverse;
+    }
 }

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