diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/blocks/columns/style-rtl.css --- a/wp/wp-includes/blocks/columns/style-rtl.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/blocks/columns/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,150 +1,74 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-columns { - display: flex; - margin-bottom: 1.75em; - box-sizing: border-box; - flex-wrap: wrap !important; - align-items: initial !important; - /** - * All Columns Alignment - */ +.wp-block-columns{ + align-items:normal !important; + box-sizing:border-box; + display:flex; + flex-wrap:wrap !important; +} +@media (min-width:782px){ + .wp-block-columns{ + flex-wrap:nowrap !important; + } +} +.wp-block-columns.are-vertically-aligned-top{ + align-items:flex-start; } -@media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap !important; +.wp-block-columns.are-vertically-aligned-center{ + align-items:center; +} +.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.are-vertically-aligned-top { - align-items: flex-start; -} -.wp-block-columns.are-vertically-aligned-center { - align-items: center; +.wp-block-columns.is-not-stacked-on-mobile{ + flex-wrap:nowrap !important; } -.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; - } +.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{ + flex-basis:0; + flex-grow:1; } -@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>.wp-block-column[style*=flex-basis]{ + flex-grow:0; } -.wp-block-columns.is-not-stacked-on-mobile { - flex-wrap: nowrap !important; + +:where(.wp-block-columns){ + margin-bottom:1.75em; } -.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; } -:where(.wp-block-columns.has-background) { - padding: 1.25em 2.375em; +.wp-block-column{ + flex-grow:1; + min-width:0; + overflow-wrap:break-word; + word-break:break-word; } - -.wp-block-column { - flex-grow: 1; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - /** - * Individual Column Alignment - */ +.wp-block-column.is-vertically-aligned-top{ + align-self:flex-start; } -.wp-block-column.is-vertically-aligned-top { - align-self: flex-start; +.wp-block-column.is-vertically-aligned-center{ + align-self:center; } -.wp-block-column.is-vertically-aligned-center { - align-self: center; +.wp-block-column.is-vertically-aligned-bottom{ + align-self:flex-end; } -.wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; +.wp-block-column.is-vertically-aligned-stretch{ + align-self:stretch; } -.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { - width: 100%; +.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ + width:100%; } \ No newline at end of file