cacao-css 6.1.0 → 6.2.0

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - 3xs - imports all the 3xs typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - 4xl - imports all the 4xl typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - 5xl - imports all the 5xl typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

package/dist/typography/combined-import.css

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - imports all the  typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - lg - imports all the lg typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - md - imports all the md typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - sm - imports all the sm typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - xl - imports all the xl typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *
+   Typography utilities - xs - imports all the xs typography utility files
+ * =========================================================================== */
+
+@import './align.css';
+@import './break.css';
+@import './style.css';
+@import './transform.css';
+@import './weight.css';

package/dist/width/2xl/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - 2xl - imports all the 2xl width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/2xs/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - 2xs - imports all the 2xs width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/3xl/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - 3xl - imports all the 3xl width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/3xs/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - 3xs - imports all the 3xs width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/4xl/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - 4xl - imports all the 4xl width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/5xl/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - 5xl - imports all the 5xl width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - imports all the  width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/lg/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - lg - imports all the lg width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

package/dist/width/md/combined-import.css

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - md - imports all the md width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

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

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - sm - imports all the sm width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

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

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - xl - imports all the xl width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

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

@@ -0,0 +1,18 @@
+/* =========================================================================== *
+   Width utilities - xs - imports all the xs width utility files
+ * =========================================================================== */
+
+@import './width-0.css';
+@import './width-1.css';
+@import './width-10.css';
+@import './width-11.css';
+@import './width-12.css';
+@import './width-2.css';
+@import './width-3.css';
+@import './width-4.css';
+@import './width-5.css';
+@import './width-6.css';
+@import './width-7.css';
+@import './width-8.css';
+@import './width-9.css';
+@import './width-auto.css';

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.1.0",
+    "version": "6.2.0",
     "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
     "license": "MIT",
     "repository": {
@@ -23,6 +23,7 @@
     "scripts": {
         "build": "node scripts/build all",
         "build-gutters": "node scripts/build gutters",
+        "build-imports": "node scripts/build imports",
         "build-margins": "node scripts/build margins",
         "build-paddings": "node scripts/build paddings",
         "eslint": "eslint --fix .",

package/dist/gutter/2xl/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-2xl) {
-    /* :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)-2xl {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/2xs/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-2xs) {
-    /* :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)-2xs {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/3xl/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-3xl) {
-    /* :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)-3xl {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/3xs/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-3xs) {
-    /* :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)-3xs {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/4xl/gutter.css

@@ -1,7 +0,0 @@
-/* =========================================================================== *
-   Margin utilities - 4xl - imports all the 4xl margin utility files
- * =========================================================================== */
-
-@import './all.css';
-@import './horizontal.css';
-@import './vertical.css';

package/dist/gutter/4xl/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-4xl) {
-    /* :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)-4xl {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/5xl/gutter.css

@@ -1,7 +0,0 @@
-/* =========================================================================== *
-   Margin utilities - 5xl - imports all the 5xl margin utility files
- * =========================================================================== */
-
-@import './all.css';
-@import './horizontal.css';
-@import './vertical.css';

package/dist/gutter/5xl/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-5xl) {
-    /* :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)-5xl {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/lg/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-lg) {
-    /* :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)-lg {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/md/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-md) {
-    /* :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)-md {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/sm/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-sm) {
-    /* :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)-sm {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/xl/variables.css

@@ -1,26 +0,0 @@
-/* =========================================================================== *
-  Variables for the gutter sizes
- * =========================================================================== */
-
-@media (--m-xl) {
-    /* :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)-xl {
-        --gutter-0: 0px;
-        --gutter-1: 10px;
-        --gutter-2: 20px;
-        --gutter-3: 30px;
-        --gutter-4: 40px;
-        --gutter-5: 50px;
-        --gutter-6: 60px;
-        --gutter-7: 70px;
-        --gutter-8: 80px;
-        --gutter-9: 90px;
-        --gutter-10: 100px;
-        --gutter-11: 120px;
-        --gutter-12: 160px;
-        --gutter-13: 240px;
-        --gutter-14: 320px;
-        --gutter-15: 480px;
-    }
-}

package/dist/gutter/xs/gutter.css

@@ -1,7 +0,0 @@
-/* =========================================================================== *
-   Margin utilities - xs - imports all the xs margin utility files
- * =========================================================================== */
-
-@import './all.css';
-@import './horizontal.css';
-@import './vertical.css';