cacao-css 6.0.0 → 6.2.0

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

@@ -1,30 +1,70 @@
-/* =========================================================================== *\
-    All directions gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   All directions gutter utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .g-0-5xl {
-        --gap: 0px;
+        --gap: var(--gutter-0);
     }
 
     .g-1-5xl {
-        --gap: 10px;
+        --gap: var(--gutter-1);
     }
 
     .g-2-5xl {
-        --gap: 20px;
+        --gap: var(--gutter-2);
     }
 
     .g-3-5xl {
-        --gap: 30px;
+        --gap: var(--gutter-3);
     }
 
     .g-4-5xl {
-        --gap: 40px;
+        --gap: var(--gutter-4);
     }
 
     .g-5-5xl {
-        --gap: 50px;
+        --gap: var(--gutter-5);
+    }
+
+    .g-6-5xl {
+        --gap: var(--gutter-6);
+    }
+
+    .g-7-5xl {
+        --gap: var(--gutter-7);
+    }
+
+    .g-8-5xl {
+        --gap: var(--gutter-8);
+    }
+
+    .g-9-5xl {
+        --gap: var(--gutter-9);
+    }
+
+    .g-10-5xl {
+        --gap: var(--gutter-10);
+    }
+
+    .g-11-5xl {
+        --gap: var(--gutter-11);
+    }
+
+    .g-12-5xl {
+        --gap: var(--gutter-12);
+    }
+
+    .g-13-5xl {
+        --gap: var(--gutter-13);
+    }
+
+    .g-14-5xl {
+        --gap: var(--gutter-14);
+    }
+
+    .g-15-5xl {
+        --gap: var(--gutter-15);
     }
 
     .g-0-5xl,
@@ -32,7 +72,17 @@
     .g-2-5xl,
     .g-3-5xl,
     .g-4-5xl,
-    .g-5-5xl {
+    .g-5-5xl,
+    .g-6-5xl,
+    .g-7-5xl,
+    .g-8-5xl,
+    .g-9-5xl,
+    .g-10-5xl,
+    .g-11-5xl,
+    .g-12-5xl,
+    .g-13-5xl,
+    .g-14-5xl,
+    .g-15-5xl {
         gap: var(--gap);
     }
 }

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

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

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

@@ -1,30 +1,70 @@
-/* =========================================================================== *\
-    Horizontal gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Horizontal gutter utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .gx-0-5xl {
-        --gap: 0px;
+        --gap: var(--gutter-0);
     }
 
     .gx-1-5xl {
-        --gap: 10px;
+        --gap: var(--gutter-1);
     }
 
     .gx-2-5xl {
-        --gap: 20px;
+        --gap: var(--gutter-2);
     }
 
     .gx-3-5xl {
-        --gap: 30px;
+        --gap: var(--gutter-3);
     }
 
     .gx-4-5xl {
-        --gap: 40px;
+        --gap: var(--gutter-4);
     }
 
     .gx-5-5xl {
-        --gap: 50px;
+        --gap: var(--gutter-5);
+    }
+
+    .gx-6-5xl {
+        --gap: var(--gutter-6);
+    }
+
+    .gx-7-5xl {
+        --gap: var(--gutter-7);
+    }
+
+    .gx-8-5xl {
+        --gap: var(--gutter-8);
+    }
+
+    .gx-9-5xl {
+        --gap: var(--gutter-9);
+    }
+
+    .gx-10-5xl {
+        --gap: var(--gutter-10);
+    }
+
+    .gx-11-5xl {
+        --gap: var(--gutter-11);
+    }
+
+    .gx-12-5xl {
+        --gap: var(--gutter-12);
+    }
+
+    .gx-13-5xl {
+        --gap: var(--gutter-13);
+    }
+
+    .gx-14-5xl {
+        --gap: var(--gutter-14);
+    }
+
+    .gx-15-5xl {
+        --gap: var(--gutter-15);
     }
 
     .gx-0-5xl,
@@ -32,7 +72,17 @@
     .gx-2-5xl,
     .gx-3-5xl,
     .gx-4-5xl,
-    .gx-5-5xl {
+    .gx-5-5xl,
+    .gx-6-5xl,
+    .gx-7-5xl,
+    .gx-8-5xl,
+    .gx-9-5xl,
+    .gx-10-5xl,
+    .gx-11-5xl,
+    .gx-12-5xl,
+    .gx-13-5xl,
+    .gx-14-5xl,
+    .gx-15-5xl {
         column-gap: var(--gap);
     }
 }

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

@@ -1,30 +1,70 @@
-/* =========================================================================== *\
-    Vertical gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Vertical gutter utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .gy-0-5xl {
-        --row-gap: 0px;
+        --row-gap: var(--gutter-0);
     }
 
     .gy-1-5xl {
-        --row-gap: 10px;
+        --row-gap: var(--gutter-1);
     }
 
     .gy-2-5xl {
-        --row-gap: 20px;
+        --row-gap: var(--gutter-2);
     }
 
     .gy-3-5xl {
-        --row-gap: 30px;
+        --row-gap: var(--gutter-3);
     }
 
     .gy-4-5xl {
-        --row-gap: 40px;
+        --row-gap: var(--gutter-4);
     }
 
     .gy-5-5xl {
-        --row-gap: 50px;
+        --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,
@@ -32,7 +72,17 @@
     .gy-2-5xl,
     .gy-3-5xl,
     .gy-4-5xl,
-    .gy-5-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

@@ -1,29 +1,70 @@
-/* =========================================================================== *\
-    All directions gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   All directions gutter utilities
+ * =========================================================================== */
+
 
 .g-0 {
-    --gap: 0px;
+    --gap: var(--gutter-0);
 }
 
 .g-1 {
-    --gap: 10px;
+    --gap: var(--gutter-1);
 }
 
 .g-2 {
-    --gap: 20px;
+    --gap: var(--gutter-2);
 }
 
 .g-3 {
-    --gap: 30px;
+    --gap: var(--gutter-3);
 }
 
 .g-4 {
-    --gap: 40px;
+    --gap: var(--gutter-4);
 }
 
 .g-5 {
-    --gap: 50px;
+    --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,
@@ -31,6 +72,16 @@
 .g-2,
 .g-3,
 .g-4,
-.g-5 {
+.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/combined-import.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

@@ -1,29 +1,70 @@
-/* =========================================================================== *\
-    Horizontal gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Horizontal gutter utilities
+ * =========================================================================== */
+
 
 .gx-0 {
-    --gap: 0px;
+    --gap: var(--gutter-0);
 }
 
 .gx-1 {
-    --gap: 10px;
+    --gap: var(--gutter-1);
 }
 
 .gx-2 {
-    --gap: 20px;
+    --gap: var(--gutter-2);
 }
 
 .gx-3 {
-    --gap: 30px;
+    --gap: var(--gutter-3);
 }
 
 .gx-4 {
-    --gap: 40px;
+    --gap: var(--gutter-4);
 }
 
 .gx-5 {
-    --gap: 50px;
+    --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,
@@ -31,6 +72,16 @@
 .gx-2,
 .gx-3,
 .gx-4,
-.gx-5 {
+.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

@@ -1,30 +1,70 @@
-/* =========================================================================== *\
-    All directions gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   All directions gutter utilities
+ * =========================================================================== */
 
 @media (--m-lg) {
     .g-0-lg {
-        --gap: 0px;
+        --gap: var(--gutter-0);
     }
 
     .g-1-lg {
-        --gap: 10px;
+        --gap: var(--gutter-1);
     }
 
     .g-2-lg {
-        --gap: 20px;
+        --gap: var(--gutter-2);
     }
 
     .g-3-lg {
-        --gap: 30px;
+        --gap: var(--gutter-3);
     }
 
     .g-4-lg {
-        --gap: 40px;
+        --gap: var(--gutter-4);
     }
 
     .g-5-lg {
-        --gap: 50px;
+        --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,
@@ -32,7 +72,17 @@
     .g-2-lg,
     .g-3-lg,
     .g-4-lg,
-    .g-5-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/combined-import.css

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

package/dist/gutter/lg/horizontal.css

@@ -1,30 +1,70 @@
-/* =========================================================================== *\
-    Horizontal gutter utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Horizontal gutter utilities
+ * =========================================================================== */
 
 @media (--m-lg) {
     .gx-0-lg {
-        --gap: 0px;
+        --gap: var(--gutter-0);
     }
 
     .gx-1-lg {
-        --gap: 10px;
+        --gap: var(--gutter-1);
     }
 
     .gx-2-lg {
-        --gap: 20px;
+        --gap: var(--gutter-2);
     }
 
     .gx-3-lg {
-        --gap: 30px;
+        --gap: var(--gutter-3);
     }
 
     .gx-4-lg {
-        --gap: 40px;
+        --gap: var(--gutter-4);
     }
 
     .gx-5-lg {
-        --gap: 50px;
+        --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,
@@ -32,7 +72,17 @@
     .gx-2-lg,
     .gx-3-lg,
     .gx-4-lg,
-    .gx-5-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);
     }
 }