--- 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;
}