cacao-css 4.5.0 → 5.0.0

package/src/display/lg/flex.css

@@ -1,20 +1,20 @@
 /* =========================================================================== *\
-    Flexbox Utilities
+    Flexbox utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .flex-row-lg {
         flex-direction: row;
     }
-    
+
     .flex-reverse-lg {
         flex-direction: row-reverse;
     }
-    
+
     .flex-col-lg {
         flex-direction: column;
     }
-    
+
     .flex-col-reverse-lg {
         flex-direction: column-reverse;
     }

package/src/display/lg/justify.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Justification Utilities
+    Justification utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .justify-start-lg {
         justify-content: flex-start;
     }
-    
+
     .justify-center-lg {
         justify-content: center;
     }
-    
+
     .justify-end-lg {
         justify-content: flex-end;
     }
-    
+
     .justify-between-lg {
         justify-content: space-between;
     }
-    
+
     .justify-around-lg {
         justify-content: space-around;
     }

package/src/display/lg/order.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Order Utilities
+    Order utilities
 \* =========================================================================== */
 
 @media (--c-bp-lg) {
     .order-lg-1 {
         order: 1;
     }
-    
+
     .order-lg-2 {
         order: 2;
     }
-    
+
     .order-lg-3 {
         order: 3;
     }
-    
+
     .order-lg-4 {
         order: 4;
     }
-    
+
     .order-lg-5 {
         order: 5;
     }

package/src/display/md/align.css

@@ -1,16 +1,16 @@
 /* =========================================================================== *\
-    Alignment Utilities
+    Alignment utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .align-start-md {
         align-items: flex-start;
     }
-    
+
     .align-center-md {
         align-items: center;
     }
-    
+
     .align-end-md {
         align-items: flex-end;
     }

package/src/display/md/display.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Display Utilities
+    Display utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .flex-md {
         display: flex;
     }
-    
+
     .flex-inline-md {
         display: inline-flex;
     }
-    
+
     .block-md {
         display: block;
     }
-    
+
     .inline-md {
         display: inline;
     }
-    
+
     .hidden-md {
         display: none;
     }

package/src/display/md/flex.css

@@ -1,20 +1,20 @@
 /* =========================================================================== *\
-    Flexbox Utilities
+    Flexbox utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .flex-row-md {
         flex-direction: row;
     }
-    
+
     .flex-reverse-md {
         flex-direction: row-reverse;
     }
-    
+
     .flex-col-md {
         flex-direction: column;
     }
-    
+
     .flex-col-reverse-md {
         flex-direction: column-reverse;
     }

package/src/display/md/justify.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Justification Utilities
+    Justification utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .justify-start-md {
         justify-content: flex-start;
     }
-    
+
     .justify-center-md {
         justify-content: center;
     }
-    
+
     .justify-end-md {
         justify-content: flex-end;
     }
-    
+
     .justify-between-md {
         justify-content: space-between;
     }
-    
+
     .justify-around-md {
         justify-content: space-around;
     }

package/src/display/md/order.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Order Utilities
+    Order utilities
 \* =========================================================================== */
 
 @media (--c-bp-md) {
     .order-md-1 {
         order: 1;
     }
-    
+
     .order-md-2 {
         order: 2;
     }
-    
+
     .order-md-3 {
         order: 3;
     }
-    
+
     .order-md-4 {
         order: 4;
     }
-    
+
     .order-md-5 {
         order: 5;
     }

package/src/display/sm/align.css

@@ -1,16 +1,16 @@
 /* =========================================================================== *\
-    Alignment Utilities
+    Alignment utilities
 \* =========================================================================== */
 
 @media (--c-bp-sm) {
     .align-start-sm {
         align-items: flex-start;
     }
-    
+
     .align-center-sm {
         align-items: center;
     }
-    
+
     .align-end-sm {
         align-items: flex-end;
     }

package/src/display/sm/display.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Display Utilities
+    Display utilities
 \* =========================================================================== */
 
 @media (--c-bp-sm) {
     .flex-sm {
         display: flex;
     }
-    
+
     .flex-inline-sm {
         display: inline-flex;
     }
-    
+
     .block-sm {
         display: block;
     }
-    
+
     .inline-sm {
         display: inline;
     }
-    
+
     .hidden-sm {
         display: none;
     }

package/src/display/sm/flex.css

@@ -1,20 +1,20 @@
 /* =========================================================================== *\
-    Flexbox Utilities
+    Flexbox utilities
 \* =========================================================================== */
 
 @media (--c-bp-sm) {
     .flex-row-sm {
         flex-direction: row;
     }
-    
+
     .flex-reverse-sm {
         flex-direction: row-reverse;
     }
-    
+
     .flex-col-sm {
         flex-direction: column;
     }
-    
+
     .flex-col-reverse-sm {
         flex-direction: column-reverse;
     }

package/src/display/sm/justify.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Justification Utilities
+    Justification utilities
 \* =========================================================================== */
 
 @media (--c-bp-sm) {
     .justify-start-sm {
         justify-content: flex-start;
     }
-    
+
     .justify-center-sm {
         justify-content: center;
     }
-    
+
     .justify-end-sm {
         justify-content: flex-end;
     }
-    
+
     .justify-between-sm {
         justify-content: space-between;
     }
-    
+
     .justify-around-sm {
         justify-content: space-around;
     }

package/src/display/sm/order.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Order Utilities
+    Order utilities
 \* =========================================================================== */
 
 @media (--c-bp-sm) {
     .order-sm-1 {
         order: 1;
     }
-    
+
     .order-sm-2 {
         order: 2;
     }
-    
+
     .order-sm-3 {
         order: 3;
     }
-    
+
     .order-sm-4 {
         order: 4;
     }
-    
+
     .order-sm-5 {
         order: 5;
     }

package/src/display/xl/align.css

@@ -1,16 +1,16 @@
 /* =========================================================================== *\
-    Alignment Utilities
+    Alignment utilities
 \* =========================================================================== */
 
 @media (--c-bp-xl) {
     .align-start-xl {
         align-items: flex-start;
     }
-    
+
     .align-center-xl {
         align-items: center;
     }
-    
+
     .align-end-xl {
         align-items: flex-end;
     }

package/src/display/xl/display.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Display Utilities
+    Display utilities
 \* =========================================================================== */
 
 @media (--c-bp-xl) {
     .flex-xl {
         display: flex;
     }
-    
+
     .flex-inline-xl {
         display: inline-flex;
     }
-    
+
     .block-xl {
         display: block;
     }
-    
+
     .inline-xl {
         display: inline;
     }
-    
+
     .hidden-xl {
         display: none;
     }

package/src/display/xl/flex.css

@@ -1,20 +1,20 @@
 /* =========================================================================== *\
-    Flexbox Utilities
+    Flexbox utilities
 \* =========================================================================== */
 
 @media (--c-bp-xl) {
     .flex-row-xl {
         flex-direction: row;
     }
-    
+
     .flex-reverse-xl {
         flex-direction: row-reverse;
     }
-    
+
     .flex-col-xl {
         flex-direction: column;
     }
-    
+
     .flex-col-reverse-xl {
         flex-direction: column-reverse;
     }

package/src/display/xl/justify.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Justification Utilities
+    Justification utilities
 \* =========================================================================== */
 
 @media (--c-bp-xl) {
     .justify-start-xl {
         justify-content: flex-start;
     }
-    
+
     .justify-center-xl {
         justify-content: center;
     }
-    
+
     .justify-end-xl {
         justify-content: flex-end;
     }
-    
+
     .justify-between-xl {
         justify-content: space-between;
     }
-    
+
     .justify-around-xl {
         justify-content: space-around;
     }

package/src/display/xl/order.css

@@ -1,24 +1,24 @@
 /* =========================================================================== *\
-    Order Utilities
+    Order utilities
 \* =========================================================================== */
 
 @media (--c-bp-xl) {
     .order-xl-1 {
         order: 1;
     }
-    
+
     .order-xl-2 {
         order: 2;
     }
-    
+
     .order-xl-3 {
         order: 3;
     }
-    
+
     .order-xl-4 {
         order: 4;
     }
-    
+
     .order-xl-5 {
         order: 5;
     }

package/src/display/xs/align.css

@@ -0,0 +1,17 @@
+/* =========================================================================== *\
+    Alignment utilities
+\* =========================================================================== */
+
+@media (--c-bp-xs) {
+    .align-start-xs {
+        align-items: flex-start;
+    }
+
+    .align-center-xs {
+        align-items: center;
+    }
+
+    .align-end-xs {
+        align-items: flex-end;
+    }
+}

package/src/display/xs/display.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+    Display utilities
+\* =========================================================================== */
+
+@media (--c-bp-xs) {
+    .flex-xs {
+        display: flex;
+    }
+
+    .flex-inline-xs {
+        display: inline-flex;
+    }
+
+    .block-xs {
+        display: block;
+    }
+
+    .inline-xs {
+        display: inline;
+    }
+
+    .hidden-xs {
+        display: none;
+    }
+}

package/src/display/xs/flex.css

@@ -0,0 +1,21 @@
+/* =========================================================================== *\
+    Flexbox utilities
+\* =========================================================================== */
+
+@media (--c-bp-xs) {
+    .flex-row-xs {
+        flex-direction: row;
+    }
+
+    .flex-reverse-xs {
+        flex-direction: row-reverse;
+    }
+
+    .flex-col-xs {
+        flex-direction: column;
+    }
+
+    .flex-col-reverse-xs {
+        flex-direction: column-reverse;
+    }
+}

package/src/display/xs/justify.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+    Justification utilities
+\* =========================================================================== */
+
+@media (--c-bp-xs) {
+    .justify-start-xs {
+        justify-content: flex-start;
+    }
+
+    .justify-center-xs {
+        justify-content: center;
+    }
+
+    .justify-end-xs {
+        justify-content: flex-end;
+    }
+
+    .justify-between-xs {
+        justify-content: space-between;
+    }
+
+    .justify-around-xs {
+        justify-content: space-around;
+    }
+}

package/src/display/xs/order.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+    Order utilities
+\* =========================================================================== */
+
+@media (--c-bp-xs) {
+    .order-xs-1 {
+        order: 1;
+    }
+
+    .order-xs-2 {
+        order: 2;
+    }
+
+    .order-xs-3 {
+        order: 3;
+    }
+
+    .order-xs-4 {
+        order: 4;
+    }
+
+    .order-xs-5 {
+        order: 5;
+    }
+}

package/src/display/xxl/align.css

@@ -0,0 +1,17 @@
+/* =========================================================================== *\
+    Alignment utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .align-start-xxl {
+        align-items: flex-start;
+    }
+
+    .align-center-xxl {
+        align-items: center;
+    }
+
+    .align-end-xxl {
+        align-items: flex-end;
+    }
+}

package/src/display/xxl/display.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+    Display utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .flex-xxl {
+        display: flex;
+    }
+
+    .flex-inline-xxl {
+        display: inline-flex;
+    }
+
+    .block-xxl {
+        display: block;
+    }
+
+    .inline-xxl {
+        display: inline;
+    }
+
+    .hidden-xxl {
+        display: none;
+    }
+}

package/src/display/xxl/flex.css

@@ -0,0 +1,21 @@
+/* =========================================================================== *\
+    Flexbox utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .flex-row-xxl {
+        flex-direction: row;
+    }
+
+    .flex-reverse-xxl {
+        flex-direction: row-reverse;
+    }
+
+    .flex-col-xxl {
+        flex-direction: column;
+    }
+
+    .flex-col-reverse-xxl {
+        flex-direction: column-reverse;
+    }
+}