cacao-css 6.0.0 → 6.1.0

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

@@ -1,35 +1,85 @@
-/* =========================================================================== *\
-    Horizontal padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Horizontal padding utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .px-0-5xl {
-        padding-left: 0;
-        padding-right: 0;
+        padding-left: var(--padding-0);
+        padding-right: var(--padding-0);
     }
 
     .px-1-5xl {
-        padding-left: 10px;
-        padding-right: 10px;
+        padding-left: var(--padding-1);
+        padding-right: var(--padding-1);
     }
 
     .px-2-5xl {
-        padding-left: 20px;
-        padding-right: 20px;
+        padding-left: var(--padding-2);
+        padding-right: var(--padding-2);
     }
 
     .px-3-5xl {
-        padding-left: 30px;
-        padding-right: 30px;
+        padding-left: var(--padding-3);
+        padding-right: var(--padding-3);
     }
 
     .px-4-5xl {
-        padding-left: 40px;
-        padding-right: 40px;
+        padding-left: var(--padding-4);
+        padding-right: var(--padding-4);
     }
 
     .px-5-5xl {
-        padding-left: 50px;
-        padding-right: 50px;
+        padding-left: var(--padding-5);
+        padding-right: var(--padding-5);
+    }
+
+    .px-6-5xl {
+        padding-left: var(--padding-6);
+        padding-right: var(--padding-6);
+    }
+
+    .px-7-5xl {
+        padding-left: var(--padding-7);
+        padding-right: var(--padding-7);
+    }
+
+    .px-8-5xl {
+        padding-left: var(--padding-8);
+        padding-right: var(--padding-8);
+    }
+
+    .px-9-5xl {
+        padding-left: var(--padding-9);
+        padding-right: var(--padding-9);
+    }
+
+    .px-10-5xl {
+        padding-left: var(--padding-10);
+        padding-right: var(--padding-10);
+    }
+
+    .px-11-5xl {
+        padding-left: var(--padding-11);
+        padding-right: var(--padding-11);
+    }
+
+    .px-12-5xl {
+        padding-left: var(--padding-12);
+        padding-right: var(--padding-12);
+    }
+
+    .px-13-5xl {
+        padding-left: var(--padding-13);
+        padding-right: var(--padding-13);
+    }
+
+    .px-14-5xl {
+        padding-left: var(--padding-14);
+        padding-right: var(--padding-14);
+    }
+
+    .px-15-5xl {
+        padding-left: var(--padding-15);
+        padding-right: var(--padding-15);
     }
 }

package/dist/padding/5xl/padding.css

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

package/dist/padding/5xl/start.css

@@ -1,29 +1,69 @@
-/* =========================================================================== *\
-    Start padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Start padding utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .ps-0-5xl {
-        padding-left: 0;
+        padding-left: var(--padding-0);
     }
 
     .ps-1-5xl {
-        padding-left: 10px;
+        padding-left: var(--padding-1);
     }
 
     .ps-2-5xl {
-        padding-left: 20px;
+        padding-left: var(--padding-2);
     }
 
     .ps-3-5xl {
-        padding-left: 30px;
+        padding-left: var(--padding-3);
     }
 
     .ps-4-5xl {
-        padding-left: 40px;
+        padding-left: var(--padding-4);
     }
 
     .ps-5-5xl {
-        padding-left: 50px;
+        padding-left: var(--padding-5);
+    }
+
+    .ps-6-5xl {
+        padding-left: var(--padding-6);
+    }
+
+    .ps-7-5xl {
+        padding-left: var(--padding-7);
+    }
+
+    .ps-8-5xl {
+        padding-left: var(--padding-8);
+    }
+
+    .ps-9-5xl {
+        padding-left: var(--padding-9);
+    }
+
+    .ps-10-5xl {
+        padding-left: var(--padding-10);
+    }
+
+    .ps-11-5xl {
+        padding-left: var(--padding-11);
+    }
+
+    .ps-12-5xl {
+        padding-left: var(--padding-12);
+    }
+
+    .ps-13-5xl {
+        padding-left: var(--padding-13);
+    }
+
+    .ps-14-5xl {
+        padding-left: var(--padding-14);
+    }
+
+    .ps-15-5xl {
+        padding-left: var(--padding-15);
     }
 }

package/dist/padding/5xl/top.css

@@ -1,29 +1,69 @@
-/* =========================================================================== *\
-    Top padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Top padding utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .pt-0-5xl {
-        padding-top: 0;
+        padding-top: var(--padding-0);
     }
 
     .pt-1-5xl {
-        padding-top: 10px;
+        padding-top: var(--padding-1);
     }
 
     .pt-2-5xl {
-        padding-top: 20px;
+        padding-top: var(--padding-2);
     }
 
     .pt-3-5xl {
-        padding-top: 30px;
+        padding-top: var(--padding-3);
     }
 
     .pt-4-5xl {
-        padding-top: 40px;
+        padding-top: var(--padding-4);
     }
 
     .pt-5-5xl {
-        padding-top: 50px;
+        padding-top: var(--padding-5);
+    }
+
+    .pt-6-5xl {
+        padding-top: var(--padding-6);
+    }
+
+    .pt-7-5xl {
+        padding-top: var(--padding-7);
+    }
+
+    .pt-8-5xl {
+        padding-top: var(--padding-8);
+    }
+
+    .pt-9-5xl {
+        padding-top: var(--padding-9);
+    }
+
+    .pt-10-5xl {
+        padding-top: var(--padding-10);
+    }
+
+    .pt-11-5xl {
+        padding-top: var(--padding-11);
+    }
+
+    .pt-12-5xl {
+        padding-top: var(--padding-12);
+    }
+
+    .pt-13-5xl {
+        padding-top: var(--padding-13);
+    }
+
+    .pt-14-5xl {
+        padding-top: var(--padding-14);
+    }
+
+    .pt-15-5xl {
+        padding-top: var(--padding-15);
     }
 }

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

@@ -1,35 +1,85 @@
-/* =========================================================================== *\
-    Vertical padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Vertical padding utilities
+ * =========================================================================== */
 
 @media (--m-5xl) {
     .py-0-5xl {
-        padding-bottom: 0;
-        padding-top: 0;
+        padding-bottom: var(--padding-0);
+        padding-top: var(--padding-0);
     }
 
     .py-1-5xl {
-        padding-bottom: 10px;
-        padding-top: 10px;
+        padding-bottom: var(--padding-1);
+        padding-top: var(--padding-1);
     }
 
     .py-2-5xl {
-        padding-bottom: 20px;
-        padding-top: 20px;
+        padding-bottom: var(--padding-2);
+        padding-top: var(--padding-2);
     }
 
     .py-3-5xl {
-        padding-bottom: 30px;
-        padding-top: 30px;
+        padding-bottom: var(--padding-3);
+        padding-top: var(--padding-3);
     }
 
     .py-4-5xl {
-        padding-bottom: 40px;
-        padding-top: 40px;
+        padding-bottom: var(--padding-4);
+        padding-top: var(--padding-4);
     }
 
     .py-5-5xl {
-        padding-bottom: 50px;
-        padding-top: 50px;
+        padding-bottom: var(--padding-5);
+        padding-top: var(--padding-5);
+    }
+
+    .py-6-5xl {
+        padding-bottom: var(--padding-6);
+        padding-top: var(--padding-6);
+    }
+
+    .py-7-5xl {
+        padding-bottom: var(--padding-7);
+        padding-top: var(--padding-7);
+    }
+
+    .py-8-5xl {
+        padding-bottom: var(--padding-8);
+        padding-top: var(--padding-8);
+    }
+
+    .py-9-5xl {
+        padding-bottom: var(--padding-9);
+        padding-top: var(--padding-9);
+    }
+
+    .py-10-5xl {
+        padding-bottom: var(--padding-10);
+        padding-top: var(--padding-10);
+    }
+
+    .py-11-5xl {
+        padding-bottom: var(--padding-11);
+        padding-top: var(--padding-11);
+    }
+
+    .py-12-5xl {
+        padding-bottom: var(--padding-12);
+        padding-top: var(--padding-12);
+    }
+
+    .py-13-5xl {
+        padding-bottom: var(--padding-13);
+        padding-top: var(--padding-13);
+    }
+
+    .py-14-5xl {
+        padding-bottom: var(--padding-14);
+        padding-top: var(--padding-14);
+    }
+
+    .py-15-5xl {
+        padding-bottom: var(--padding-15);
+        padding-top: var(--padding-15);
     }
 }

package/dist/padding/all.css

@@ -1,27 +1,68 @@
-/* =========================================================================== *\
-    All sides padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   All sides padding utilities
+ * =========================================================================== */
+
 
 .p-0 {
-    padding: 0;
+    padding: var(--padding-0);
 }
 
 .p-1 {
-    padding: 10px;
+    padding: var(--padding-1);
 }
 
 .p-2 {
-    padding: 20px;
+    padding: var(--padding-2);
 }
 
 .p-3 {
-    padding: 30px;
+    padding: var(--padding-3);
 }
 
 .p-4 {
-    padding: 40px;
+    padding: var(--padding-4);
 }
 
 .p-5 {
-    padding: 50px;
+    padding: var(--padding-5);
+}
+
+.p-6 {
+    padding: var(--padding-6);
+}
+
+.p-7 {
+    padding: var(--padding-7);
+}
+
+.p-8 {
+    padding: var(--padding-8);
+}
+
+.p-9 {
+    padding: var(--padding-9);
+}
+
+.p-10 {
+    padding: var(--padding-10);
+}
+
+.p-11 {
+    padding: var(--padding-11);
+}
+
+.p-12 {
+    padding: var(--padding-12);
+}
+
+.p-13 {
+    padding: var(--padding-13);
+}
+
+.p-14 {
+    padding: var(--padding-14);
+}
+
+.p-15 {
+    padding: var(--padding-15);
 }

package/dist/padding/bottom.css

@@ -1,27 +1,68 @@
-/* =========================================================================== *\
-    Bottom padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Bottom padding utilities
+ * =========================================================================== */
+
 
 .pb-0 {
-    padding-bottom: 0;
+    padding-bottom: var(--padding-0);
 }
 
 .pb-1 {
-    padding-bottom: 10px;
+    padding-bottom: var(--padding-1);
 }
 
 .pb-2 {
-    padding-bottom: 20px;
+    padding-bottom: var(--padding-2);
 }
 
 .pb-3 {
-    padding-bottom: 30px;
+    padding-bottom: var(--padding-3);
 }
 
 .pb-4 {
-    padding-bottom: 40px;
+    padding-bottom: var(--padding-4);
 }
 
 .pb-5 {
-    padding-bottom: 50px;
+    padding-bottom: var(--padding-5);
+}
+
+.pb-6 {
+    padding-bottom: var(--padding-6);
+}
+
+.pb-7 {
+    padding-bottom: var(--padding-7);
+}
+
+.pb-8 {
+    padding-bottom: var(--padding-8);
+}
+
+.pb-9 {
+    padding-bottom: var(--padding-9);
+}
+
+.pb-10 {
+    padding-bottom: var(--padding-10);
+}
+
+.pb-11 {
+    padding-bottom: var(--padding-11);
+}
+
+.pb-12 {
+    padding-bottom: var(--padding-12);
+}
+
+.pb-13 {
+    padding-bottom: var(--padding-13);
+}
+
+.pb-14 {
+    padding-bottom: var(--padding-14);
+}
+
+.pb-15 {
+    padding-bottom: var(--padding-15);
 }

package/dist/padding/end.css

@@ -1,27 +1,68 @@
-/* =========================================================================== *\
-    End padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   End padding utilities
+ * =========================================================================== */
+
 
 .pe-0 {
-    padding-right: 0;
+    padding-right: var(--padding-0);
 }
 
 .pe-1 {
-    padding-right: 10px;
+    padding-right: var(--padding-1);
 }
 
 .pe-2 {
-    padding-right: 20px;
+    padding-right: var(--padding-2);
 }
 
 .pe-3 {
-    padding-right: 30px;
+    padding-right: var(--padding-3);
 }
 
 .pe-4 {
-    padding-right: 40px;
+    padding-right: var(--padding-4);
 }
 
 .pe-5 {
-    padding-right: 50px;
+    padding-right: var(--padding-5);
+}
+
+.pe-6 {
+    padding-right: var(--padding-6);
+}
+
+.pe-7 {
+    padding-right: var(--padding-7);
+}
+
+.pe-8 {
+    padding-right: var(--padding-8);
+}
+
+.pe-9 {
+    padding-right: var(--padding-9);
+}
+
+.pe-10 {
+    padding-right: var(--padding-10);
+}
+
+.pe-11 {
+    padding-right: var(--padding-11);
+}
+
+.pe-12 {
+    padding-right: var(--padding-12);
+}
+
+.pe-13 {
+    padding-right: var(--padding-13);
+}
+
+.pe-14 {
+    padding-right: var(--padding-14);
+}
+
+.pe-15 {
+    padding-right: var(--padding-15);
 }

package/dist/padding/horizontal.css

@@ -1,33 +1,84 @@
-/* =========================================================================== *\
-    Horizontal padding utilities
-\* =========================================================================== */
+/* =========================================================================== *
+   Horizontal padding utilities
+ * =========================================================================== */
+
 
 .px-0 {
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: var(--padding-0);
+    padding-right: var(--padding-0);
 }
 
 .px-1 {
-    padding-left: 10px;
-    padding-right: 10px;
+    padding-left: var(--padding-1);
+    padding-right: var(--padding-1);
 }
 
 .px-2 {
-    padding-left: 20px;
-    padding-right: 20px;
+    padding-left: var(--padding-2);
+    padding-right: var(--padding-2);
 }
 
 .px-3 {
-    padding-left: 30px;
-    padding-right: 30px;
+    padding-left: var(--padding-3);
+    padding-right: var(--padding-3);
 }
 
 .px-4 {
-    padding-left: 40px;
-    padding-right: 40px;
+    padding-left: var(--padding-4);
+    padding-right: var(--padding-4);
 }
 
 .px-5 {
-    padding-left: 50px;
-    padding-right: 50px;
+    padding-left: var(--padding-5);
+    padding-right: var(--padding-5);
+}
+
+.px-6 {
+    padding-left: var(--padding-6);
+    padding-right: var(--padding-6);
+}
+
+.px-7 {
+    padding-left: var(--padding-7);
+    padding-right: var(--padding-7);
+}
+
+.px-8 {
+    padding-left: var(--padding-8);
+    padding-right: var(--padding-8);
+}
+
+.px-9 {
+    padding-left: var(--padding-9);
+    padding-right: var(--padding-9);
+}
+
+.px-10 {
+    padding-left: var(--padding-10);
+    padding-right: var(--padding-10);
+}
+
+.px-11 {
+    padding-left: var(--padding-11);
+    padding-right: var(--padding-11);
+}
+
+.px-12 {
+    padding-left: var(--padding-12);
+    padding-right: var(--padding-12);
+}
+
+.px-13 {
+    padding-left: var(--padding-13);
+    padding-right: var(--padding-13);
+}
+
+.px-14 {
+    padding-left: var(--padding-14);
+    padding-right: var(--padding-14);
+}
+
+.px-15 {
+    padding-left: var(--padding-15);
+    padding-right: var(--padding-15);
 }