diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/columns/style-rtl.css --- 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; }