cacao-css 4.5.0 → 5.0.0

package/src/margin/xxl/top.css

@@ -0,0 +1,29 @@
+/* =========================================================================== *\
+    Top margin utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .mt-xxl-0 {
+        margin-top: 0;
+    }
+
+    .mt-xxl-1 {
+        margin-top: 10px;
+    }
+
+    .mt-xxl-2 {
+        margin-top: 20px;
+    }
+
+    .mt-xxl-3 {
+        margin-top: 30px;
+    }
+
+    .mt-xxl-4 {
+        margin-top: 40px;
+    }
+
+    .mt-xxl-5 {
+        margin-top: 50px;
+    }
+}

package/src/margin/xxl/vertical.css

@@ -0,0 +1,35 @@
+/* =========================================================================== *\
+    Vertical margin utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .my-xxl-0 {
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    .my-xxl-1 {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
+
+    .my-xxl-2 {
+        margin-top: 20px;
+        margin-bottom: 20px;
+    }
+
+    .my-xxl-3 {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
+    .my-xxl-4 {
+        margin-top: 40px;
+        margin-bottom: 40px;
+    }
+
+    .my-xxl-5 {
+        margin-top: 50px;
+        margin-bottom: 50px;
+    }
+}

package/src/padding/core/all.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    All Sides Padding Utilities
+    All sides padding utilities
 \* =========================================================================== */
 
 .p-0 {

package/src/padding/core/bottom.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Bottom Padding Utilities
+    Bottom padding utilities
 \* =========================================================================== */
 
 .pb-0 {

package/src/padding/core/end.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    End Padding Utilities
+    End padding utilities
 \* =========================================================================== */
 
 .pe-0 {

package/src/padding/core/horizontal.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Horizontal Padding Utilities
+    Horizontal padding utilities
 \* =========================================================================== */
 
 .px-0 {

package/src/padding/core/start.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Start Padding Utilities
+    Start padding utilities
 \* =========================================================================== */
 
 .ps-0 {

package/src/padding/core/top.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Top Padding Utilities
+    Top padding utilities
 \* =========================================================================== */
 
 .pt-0 {

package/src/padding/core/vertical.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Vertical Padding Utilities
+    Vertical padding utilities
 \* =========================================================================== */
 
 .py-0 {

package/src/padding/lg/all.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    All Sides Padding Utilities
+    All sides padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .p-lg-0 {
         padding: 0;
     }
-    
+
     .p-lg-1 {
         padding: 10px;
     }
-    
+
     .p-lg-2 {
         padding: 20px;
     }
-    
+
     .p-lg-3 {
         padding: 30px;
     }
-    
+
     .p-lg-4 {
         padding: 40px;
     }
-    
+
     .p-lg-5 {
         padding: 50px;
     }

package/src/padding/lg/bottom.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    Bottom Padding Utilities
+    Bottom padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .pb-lg-0 {
         padding-bottom: 0;
     }
-    
+
     .pb-lg-1 {
         padding-bottom: 10px;
     }
-    
+
     .pb-lg-2 {
         padding-bottom: 20px;
     }
-    
+
     .pb-lg-3 {
         padding-bottom: 30px;
     }
-    
+
     .pb-lg-4 {
         padding-bottom: 40px;
     }
-    
+
     .pb-lg-5 {
         padding-bottom: 50px;
     }

package/src/padding/lg/end.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    End Padding Utilities
+    End padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .pe-lg-0 {
         padding-right: 0;
     }
-    
+
     .pe-lg-1 {
         padding-right: 10px;
     }
-    
+
     .pe-lg-2 {
         padding-right: 20px;
     }
-    
+
     .pe-lg-3 {
         padding-right: 30px;
     }
-    
+
     .pe-lg-4 {
         padding-right: 40px;
     }
-    
+
     .pe-lg-5 {
         padding-right: 50px;
     }

package/src/padding/lg/horizontal.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Horizontal Padding Utilities
+    Horizontal padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
@@ -7,27 +7,27 @@
         padding-left: 0;
         padding-right: 0;
     }
-    
+
     .px-lg-1 {
         padding-left: 10px;
         padding-right: 10px;
     }
-    
+
     .px-lg-2 {
         padding-left: 20px;
         padding-right: 20px;
     }
-    
+
     .px-lg-3 {
         padding-left: 30px;
         padding-right: 30px;
     }
-    
+
     .px-lg-4 {
         padding-left: 40px;
         padding-right: 40px;
     }
-    
+
     .px-lg-5 {
         padding-left: 50px;
         padding-right: 50px;

package/src/padding/lg/start.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    Start Padding Utilities
+    Start padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .ps-lg-0 {
         padding-left: 0;
     }
-    
+
     .ps-lg-1 {
         padding-left: 10px;
     }
-    
+
     .ps-lg-2 {
         padding-left: 20px;
     }
-    
+
     .ps-lg-3 {
         padding-left: 30px;
     }
-    
+
     .ps-lg-4 {
         padding-left: 40px;
     }
-    
+
     .ps-lg-5 {
         padding-left: 50px;
     }

package/src/padding/lg/top.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    Top Padding Utilities
+    Top padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .pt-lg-0 {
         padding-top: 0;
     }
-    
+
     .pt-lg-1 {
         padding-top: 10px;
     }
-    
+
     .pt-lg-2 {
         padding-top: 20px;
     }
-    
+
     .pt-lg-3 {
         padding-top: 30px;
     }
-    
+
     .pt-lg-4 {
         padding-top: 40px;
     }
-    
+
     .pt-lg-5 {
         padding-top: 50px;
     }

package/src/padding/lg/vertical.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Vertical Padding Utilities
+    Vertical padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
@@ -7,27 +7,27 @@
         padding-top: 0;
         padding-bottom: 0;
     }
-    
+
     .py-lg-1 {
         padding-top: 10px;
         padding-bottom: 10px;
     }
-    
+
     .py-lg-2 {
         padding-top: 20px;
         padding-bottom: 20px;
     }
-    
+
     .py-lg-3 {
         padding-top: 30px;
         padding-bottom: 30px;
     }
-    
+
     .py-lg-4 {
         padding-top: 40px;
         padding-bottom: 40px;
     }
-    
+
     .py-lg-5 {
         padding-top: 50px;
         padding-bottom: 50px;

package/src/padding/md/all.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    All Sides Padding Utilities
+    All sides padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .p-md-0 {
         padding: 0;
     }
-    
+
     .p-md-1 {
         padding: 10px;
     }
-    
+
     .p-md-2 {
         padding: 20px;
     }
-    
+
     .p-md-3 {
         padding: 30px;
     }
-    
+
     .p-md-4 {
         padding: 40px;
     }
-    
+
     .p-md-5 {
         padding: 50px;
     }

package/src/padding/md/bottom.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    Bottom Padding Utilities
+    Bottom padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .pb-md-0 {
         padding-bottom: 0;
     }
-    
+
     .pb-md-1 {
         padding-bottom: 10px;
     }
-    
+
     .pb-md-2 {
         padding-bottom: 20px;
     }
-    
+
     .pb-md-3 {
         padding-bottom: 30px;
     }
-    
+
     .pb-md-4 {
         padding-bottom: 40px;
     }
-    
+
     .pb-md-5 {
         padding-bottom: 50px;
     }

package/src/padding/md/end.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    End Padding Utilities
+    End padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .pe-md-0 {
         padding-right: 0;
     }
-    
+
     .pe-md-1 {
         padding-right: 10px;
     }
-    
+
     .pe-md-2 {
         padding-right: 20px;
     }
-    
+
     .pe-md-3 {
         padding-right: 30px;
     }
-    
+
     .pe-md-4 {
         padding-right: 40px;
     }
-    
+
     .pe-md-5 {
         padding-right: 50px;
     }

package/src/padding/md/horizontal.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Horizontal Padding Utilities
+    Horizontal padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
@@ -7,27 +7,27 @@
         padding-left: 0;
         padding-right: 0;
     }
-    
+
     .px-md-1 {
         padding-left: 10px;
         padding-right: 10px;
     }
-    
+
     .px-md-2 {
         padding-left: 20px;
         padding-right: 20px;
     }
-    
+
     .px-md-3 {
         padding-left: 30px;
         padding-right: 30px;
     }
-    
+
     .px-md-4 {
         padding-left: 40px;
         padding-right: 40px;
     }
-    
+
     .px-md-5 {
         padding-left: 50px;
         padding-right: 50px;

package/src/padding/md/start.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    Start Padding Utilities
+    Start padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .ps-md-0 {
         padding-left: 0;
     }
-    
+
     .ps-md-1 {
         padding-left: 10px;
     }
-    
+
     .ps-md-2 {
         padding-left: 20px;
     }
-    
+
     .ps-md-3 {
         padding-left: 30px;
     }
-    
+
     .ps-md-4 {
         padding-left: 40px;
     }
-    
+
     .ps-md-5 {
         padding-left: 50px;
     }

package/src/padding/md/top.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    Top Padding Utilities
+    Top padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .pt-md-0 {
         padding-top: 0;
     }
-    
+
     .pt-md-1 {
         padding-top: 10px;
     }
-    
+
     .pt-md-2 {
         padding-top: 20px;
     }
-    
+
     .pt-md-3 {
         padding-top: 30px;
     }
-    
+
     .pt-md-4 {
         padding-top: 40px;
     }
-    
+
     .pt-md-5 {
         padding-top: 50px;
     }

package/src/padding/md/vertical.css

@@ -1,5 +1,5 @@
 /* =========================================================================== *\
-    Vertical Padding Utilities
+    Vertical padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
@@ -7,27 +7,27 @@
         padding-top: 0;
         padding-bottom: 0;
     }
-    
+
     .py-md-1 {
         padding-top: 10px;
         padding-bottom: 10px;
     }
-    
+
     .py-md-2 {
         padding-top: 20px;
         padding-bottom: 20px;
     }
-    
+
     .py-md-3 {
         padding-top: 30px;
         padding-bottom: 30px;
     }
-    
+
     .py-md-4 {
         padding-top: 40px;
         padding-bottom: 40px;
     }
-    
+
     .py-md-5 {
         padding-top: 50px;
         padding-bottom: 50px;

package/src/padding/sm/all.css

@@ -1,28 +1,28 @@
 /* =========================================================================== *\
-    All Sides Padding Utilities
+    All sides padding utilities
 \* =========================================================================== */
 
 @media (--c-bp-sm) {
     .p-sm-0 {
         padding: 0;
     }
-    
+
     .p-sm-1 {
         padding: 10px;
     }
-    
+
     .p-sm-2 {
         padding: 20px;
     }
-    
+
     .p-sm-3 {
         padding: 30px;
     }
-    
+
     .p-sm-4 {
         padding: 40px;
     }
-    
+
     .p-sm-5 {
         padding: 50px;
     }