cacao-css 4.5.0 → 5.0.0

package/src/padding/sm/bottom.css

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

package/src/padding/sm/end.css

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

package/src/padding/sm/horizontal.css

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

package/src/padding/sm/start.css

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

package/src/padding/sm/top.css

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

package/src/padding/sm/vertical.css

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

package/src/padding/xl/all.css

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

package/src/padding/xl/bottom.css

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

package/src/padding/xl/end.css

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

package/src/padding/xl/horizontal.css

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

package/src/padding/xl/start.css

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

package/src/padding/xl/top.css

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

package/src/padding/xl/vertical.css

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

package/src/padding/xs/all.css

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

package/src/padding/xs/bottom.css

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

package/src/padding/xs/end.css

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

package/src/padding/xs/horizontal.css

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

package/src/padding/xs/start.css

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

package/src/padding/xs/top.css

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

package/src/padding/xs/vertical.css

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