cacao-css 5.5.0 → 6.1.0

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

@@ -0,0 +1,88 @@
+/* =========================================================================== *
+   Vertical gutter utilities
+ * =========================================================================== */
+
+@media (--m-5xl) {
+    .gy-0-5xl {
+        --row-gap: var(--gutter-0);
+    }
+
+    .gy-1-5xl {
+        --row-gap: var(--gutter-1);
+    }
+
+    .gy-2-5xl {
+        --row-gap: var(--gutter-2);
+    }
+
+    .gy-3-5xl {
+        --row-gap: var(--gutter-3);
+    }
+
+    .gy-4-5xl {
+        --row-gap: var(--gutter-4);
+    }
+
+    .gy-5-5xl {
+        --row-gap: var(--gutter-5);
+    }
+
+    .gy-6-5xl {
+        --row-gap: var(--gutter-6);
+    }
+
+    .gy-7-5xl {
+        --row-gap: var(--gutter-7);
+    }
+
+    .gy-8-5xl {
+        --row-gap: var(--gutter-8);
+    }
+
+    .gy-9-5xl {
+        --row-gap: var(--gutter-9);
+    }
+
+    .gy-10-5xl {
+        --row-gap: var(--gutter-10);
+    }
+
+    .gy-11-5xl {
+        --row-gap: var(--gutter-11);
+    }
+
+    .gy-12-5xl {
+        --row-gap: var(--gutter-12);
+    }
+
+    .gy-13-5xl {
+        --row-gap: var(--gutter-13);
+    }
+
+    .gy-14-5xl {
+        --row-gap: var(--gutter-14);
+    }
+
+    .gy-15-5xl {
+        --row-gap: var(--gutter-15);
+    }
+
+    .gy-0-5xl,
+    .gy-1-5xl,
+    .gy-2-5xl,
+    .gy-3-5xl,
+    .gy-4-5xl,
+    .gy-5-5xl,
+    .gy-6-5xl,
+    .gy-7-5xl,
+    .gy-8-5xl,
+    .gy-9-5xl,
+    .gy-10-5xl,
+    .gy-11-5xl,
+    .gy-12-5xl,
+    .gy-13-5xl,
+    .gy-14-5xl,
+    .gy-15-5xl {
+        row-gap: var(--row-gap);
+    }
+}

package/dist/gutter/all.css

@@ -0,0 +1,87 @@
+/* =========================================================================== *
+   All directions gutter utilities
+ * =========================================================================== */
+
+
+.g-0 {
+    --gap: var(--gutter-0);
+}
+
+.g-1 {
+    --gap: var(--gutter-1);
+}
+
+.g-2 {
+    --gap: var(--gutter-2);
+}
+
+.g-3 {
+    --gap: var(--gutter-3);
+}
+
+.g-4 {
+    --gap: var(--gutter-4);
+}
+
+.g-5 {
+    --gap: var(--gutter-5);
+}
+
+.g-6 {
+    --gap: var(--gutter-6);
+}
+
+.g-7 {
+    --gap: var(--gutter-7);
+}
+
+.g-8 {
+    --gap: var(--gutter-8);
+}
+
+.g-9 {
+    --gap: var(--gutter-9);
+}
+
+.g-10 {
+    --gap: var(--gutter-10);
+}
+
+.g-11 {
+    --gap: var(--gutter-11);
+}
+
+.g-12 {
+    --gap: var(--gutter-12);
+}
+
+.g-13 {
+    --gap: var(--gutter-13);
+}
+
+.g-14 {
+    --gap: var(--gutter-14);
+}
+
+.g-15 {
+    --gap: var(--gutter-15);
+}
+
+.g-0,
+.g-1,
+.g-2,
+.g-3,
+.g-4,
+.g-5,
+.g-6,
+.g-7,
+.g-8,
+.g-9,
+.g-10,
+.g-11,
+.g-12,
+.g-13,
+.g-14,
+.g-15 {
+    gap: var(--gap);
+}

package/dist/gutter/gutter.css

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

package/dist/gutter/horizontal.css

@@ -0,0 +1,87 @@
+/* =========================================================================== *
+   Horizontal gutter utilities
+ * =========================================================================== */
+
+
+.gx-0 {
+    --gap: var(--gutter-0);
+}
+
+.gx-1 {
+    --gap: var(--gutter-1);
+}
+
+.gx-2 {
+    --gap: var(--gutter-2);
+}
+
+.gx-3 {
+    --gap: var(--gutter-3);
+}
+
+.gx-4 {
+    --gap: var(--gutter-4);
+}
+
+.gx-5 {
+    --gap: var(--gutter-5);
+}
+
+.gx-6 {
+    --gap: var(--gutter-6);
+}
+
+.gx-7 {
+    --gap: var(--gutter-7);
+}
+
+.gx-8 {
+    --gap: var(--gutter-8);
+}
+
+.gx-9 {
+    --gap: var(--gutter-9);
+}
+
+.gx-10 {
+    --gap: var(--gutter-10);
+}
+
+.gx-11 {
+    --gap: var(--gutter-11);
+}
+
+.gx-12 {
+    --gap: var(--gutter-12);
+}
+
+.gx-13 {
+    --gap: var(--gutter-13);
+}
+
+.gx-14 {
+    --gap: var(--gutter-14);
+}
+
+.gx-15 {
+    --gap: var(--gutter-15);
+}
+
+.gx-0,
+.gx-1,
+.gx-2,
+.gx-3,
+.gx-4,
+.gx-5,
+.gx-6,
+.gx-7,
+.gx-8,
+.gx-9,
+.gx-10,
+.gx-11,
+.gx-12,
+.gx-13,
+.gx-14,
+.gx-15 {
+    column-gap: var(--gap);
+}

package/dist/gutter/lg/all.css

@@ -0,0 +1,88 @@
+/* =========================================================================== *
+   All directions gutter utilities
+ * =========================================================================== */
+
+@media (--m-lg) {
+    .g-0-lg {
+        --gap: var(--gutter-0);
+    }
+
+    .g-1-lg {
+        --gap: var(--gutter-1);
+    }
+
+    .g-2-lg {
+        --gap: var(--gutter-2);
+    }
+
+    .g-3-lg {
+        --gap: var(--gutter-3);
+    }
+
+    .g-4-lg {
+        --gap: var(--gutter-4);
+    }
+
+    .g-5-lg {
+        --gap: var(--gutter-5);
+    }
+
+    .g-6-lg {
+        --gap: var(--gutter-6);
+    }
+
+    .g-7-lg {
+        --gap: var(--gutter-7);
+    }
+
+    .g-8-lg {
+        --gap: var(--gutter-8);
+    }
+
+    .g-9-lg {
+        --gap: var(--gutter-9);
+    }
+
+    .g-10-lg {
+        --gap: var(--gutter-10);
+    }
+
+    .g-11-lg {
+        --gap: var(--gutter-11);
+    }
+
+    .g-12-lg {
+        --gap: var(--gutter-12);
+    }
+
+    .g-13-lg {
+        --gap: var(--gutter-13);
+    }
+
+    .g-14-lg {
+        --gap: var(--gutter-14);
+    }
+
+    .g-15-lg {
+        --gap: var(--gutter-15);
+    }
+
+    .g-0-lg,
+    .g-1-lg,
+    .g-2-lg,
+    .g-3-lg,
+    .g-4-lg,
+    .g-5-lg,
+    .g-6-lg,
+    .g-7-lg,
+    .g-8-lg,
+    .g-9-lg,
+    .g-10-lg,
+    .g-11-lg,
+    .g-12-lg,
+    .g-13-lg,
+    .g-14-lg,
+    .g-15-lg {
+        gap: var(--gap);
+    }
+}

package/dist/gutter/lg/gutter.css

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

package/dist/gutter/lg/horizontal.css

@@ -0,0 +1,88 @@
+/* =========================================================================== *
+   Horizontal gutter utilities
+ * =========================================================================== */
+
+@media (--m-lg) {
+    .gx-0-lg {
+        --gap: var(--gutter-0);
+    }
+
+    .gx-1-lg {
+        --gap: var(--gutter-1);
+    }
+
+    .gx-2-lg {
+        --gap: var(--gutter-2);
+    }
+
+    .gx-3-lg {
+        --gap: var(--gutter-3);
+    }
+
+    .gx-4-lg {
+        --gap: var(--gutter-4);
+    }
+
+    .gx-5-lg {
+        --gap: var(--gutter-5);
+    }
+
+    .gx-6-lg {
+        --gap: var(--gutter-6);
+    }
+
+    .gx-7-lg {
+        --gap: var(--gutter-7);
+    }
+
+    .gx-8-lg {
+        --gap: var(--gutter-8);
+    }
+
+    .gx-9-lg {
+        --gap: var(--gutter-9);
+    }
+
+    .gx-10-lg {
+        --gap: var(--gutter-10);
+    }
+
+    .gx-11-lg {
+        --gap: var(--gutter-11);
+    }
+
+    .gx-12-lg {
+        --gap: var(--gutter-12);
+    }
+
+    .gx-13-lg {
+        --gap: var(--gutter-13);
+    }
+
+    .gx-14-lg {
+        --gap: var(--gutter-14);
+    }
+
+    .gx-15-lg {
+        --gap: var(--gutter-15);
+    }
+
+    .gx-0-lg,
+    .gx-1-lg,
+    .gx-2-lg,
+    .gx-3-lg,
+    .gx-4-lg,
+    .gx-5-lg,
+    .gx-6-lg,
+    .gx-7-lg,
+    .gx-8-lg,
+    .gx-9-lg,
+    .gx-10-lg,
+    .gx-11-lg,
+    .gx-12-lg,
+    .gx-13-lg,
+    .gx-14-lg,
+    .gx-15-lg {
+        column-gap: var(--gap);
+    }
+}

package/dist/gutter/lg/variables.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *
+  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/lg/vertical.css

@@ -0,0 +1,88 @@
+/* =========================================================================== *
+   Vertical gutter utilities
+ * =========================================================================== */
+
+@media (--m-lg) {
+    .gy-0-lg {
+        --row-gap: var(--gutter-0);
+    }
+
+    .gy-1-lg {
+        --row-gap: var(--gutter-1);
+    }
+
+    .gy-2-lg {
+        --row-gap: var(--gutter-2);
+    }
+
+    .gy-3-lg {
+        --row-gap: var(--gutter-3);
+    }
+
+    .gy-4-lg {
+        --row-gap: var(--gutter-4);
+    }
+
+    .gy-5-lg {
+        --row-gap: var(--gutter-5);
+    }
+
+    .gy-6-lg {
+        --row-gap: var(--gutter-6);
+    }
+
+    .gy-7-lg {
+        --row-gap: var(--gutter-7);
+    }
+
+    .gy-8-lg {
+        --row-gap: var(--gutter-8);
+    }
+
+    .gy-9-lg {
+        --row-gap: var(--gutter-9);
+    }
+
+    .gy-10-lg {
+        --row-gap: var(--gutter-10);
+    }
+
+    .gy-11-lg {
+        --row-gap: var(--gutter-11);
+    }
+
+    .gy-12-lg {
+        --row-gap: var(--gutter-12);
+    }
+
+    .gy-13-lg {
+        --row-gap: var(--gutter-13);
+    }
+
+    .gy-14-lg {
+        --row-gap: var(--gutter-14);
+    }
+
+    .gy-15-lg {
+        --row-gap: var(--gutter-15);
+    }
+
+    .gy-0-lg,
+    .gy-1-lg,
+    .gy-2-lg,
+    .gy-3-lg,
+    .gy-4-lg,
+    .gy-5-lg,
+    .gy-6-lg,
+    .gy-7-lg,
+    .gy-8-lg,
+    .gy-9-lg,
+    .gy-10-lg,
+    .gy-11-lg,
+    .gy-12-lg,
+    .gy-13-lg,
+    .gy-14-lg,
+    .gy-15-lg {
+        row-gap: var(--row-gap);
+    }
+}

package/dist/gutter/md/all.css

@@ -0,0 +1,88 @@
+/* =========================================================================== *
+   All directions gutter utilities
+ * =========================================================================== */
+
+@media (--m-md) {
+    .g-0-md {
+        --gap: var(--gutter-0);
+    }
+
+    .g-1-md {
+        --gap: var(--gutter-1);
+    }
+
+    .g-2-md {
+        --gap: var(--gutter-2);
+    }
+
+    .g-3-md {
+        --gap: var(--gutter-3);
+    }
+
+    .g-4-md {
+        --gap: var(--gutter-4);
+    }
+
+    .g-5-md {
+        --gap: var(--gutter-5);
+    }
+
+    .g-6-md {
+        --gap: var(--gutter-6);
+    }
+
+    .g-7-md {
+        --gap: var(--gutter-7);
+    }
+
+    .g-8-md {
+        --gap: var(--gutter-8);
+    }
+
+    .g-9-md {
+        --gap: var(--gutter-9);
+    }
+
+    .g-10-md {
+        --gap: var(--gutter-10);
+    }
+
+    .g-11-md {
+        --gap: var(--gutter-11);
+    }
+
+    .g-12-md {
+        --gap: var(--gutter-12);
+    }
+
+    .g-13-md {
+        --gap: var(--gutter-13);
+    }
+
+    .g-14-md {
+        --gap: var(--gutter-14);
+    }
+
+    .g-15-md {
+        --gap: var(--gutter-15);
+    }
+
+    .g-0-md,
+    .g-1-md,
+    .g-2-md,
+    .g-3-md,
+    .g-4-md,
+    .g-5-md,
+    .g-6-md,
+    .g-7-md,
+    .g-8-md,
+    .g-9-md,
+    .g-10-md,
+    .g-11-md,
+    .g-12-md,
+    .g-13-md,
+    .g-14-md,
+    .g-15-md {
+        gap: var(--gap);
+    }
+}

package/dist/gutter/md/gutter.css

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