wp/wp-includes/blocks/columns/style-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
--- a/wp/wp-includes/blocks/columns/style-rtl.css	Wed Sep 21 18:19:35 2022 +0200
+++ b/wp/wp-includes/blocks/columns/style-rtl.css	Tue Sep 27 16:37:53 2022 +0200
@@ -41,6 +41,12 @@
  * These variables do not appear to be used anywhere else.
  */
 /**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
  * Breakpoint mixins
  */
 /**
@@ -72,19 +78,17 @@
   display: flex;
   margin-bottom: 1.75em;
   box-sizing: border-box;
-  flex-wrap: wrap;
+  flex-wrap: wrap !important;
+  align-items: initial !important;
   /**
   * All Columns Alignment
   */
 }
 @media (min-width: 782px) {
   .wp-block-columns {
-    flex-wrap: nowrap;
+    flex-wrap: nowrap !important;
   }
 }
-.wp-block-columns.has-background {
-  padding: 1.25em 2.375em;
-}
 .wp-block-columns.are-vertically-aligned-top {
   align-items: flex-start;
 }
@@ -94,6 +98,34 @@
 .wp-block-columns.are-vertically-aligned-bottom {
   align-items: flex-end;
 }
+@media (max-width: 781px) {
+  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
+    flex-basis: 100% !important;
+  }
+}
+@media (min-width: 782px) {
+  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
+    flex-grow: 0;
+  }
+}
+.wp-block-columns.is-not-stacked-on-mobile {
+  flex-wrap: nowrap !important;
+}
+.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
+  flex-basis: 0;
+  flex-grow: 1;
+}
+.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
+  flex-grow: 0;
+}
+
+:where(.wp-block-columns.has-background) {
+  padding: 1.25em 2.375em;
+}
 
 .wp-block-column {
   flex-grow: 1;
@@ -104,32 +136,6 @@
   * Individual Column Alignment
   */
 }
-@media (max-width: 599px) {
-  .wp-block-column {
-    flex-basis: 100% !important;
-  }
-}
-@media (min-width: 600px) and (max-width: 781px) {
-  .wp-block-column:not(:only-child) {
-    flex-basis: calc(50% - 1em) !important;
-    flex-grow: 0;
-  }
-  .wp-block-column:nth-child(even) {
-    margin-right: 2em;
-  }
-}
-@media (min-width: 782px) {
-  .wp-block-column {
-    flex-basis: 0;
-    flex-grow: 1;
-  }
-  .wp-block-column[style*=flex-basis] {
-    flex-grow: 0;
-  }
-  .wp-block-column:not(:first-child) {
-    margin-right: 2em;
-  }
-}
 .wp-block-column.is-vertically-aligned-top {
   align-self: flex-start;
 }