diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/blocks/post-template/style-rtl.css --- a/wp/wp-includes/blocks/post-template/style-rtl.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/blocks/post-template/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,122 +1,56 @@ -/** - * 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-post-template, -.wp-block-query-loop { - margin-top: 0; - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-post-template{ + list-style:none; + margin-bottom:0; + margin-top:0; + max-width:100%; + padding:0; +} +.wp-block-post-template.is-flex-container{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + gap:1.25em; +} +.wp-block-post-template.is-flex-container>li{ + margin:0; + width:100%; } -.wp-block-post-template.wp-block-post-template, -.wp-block-query-loop.wp-block-post-template { - background: none; -} -.wp-block-post-template.is-flex-container, -.wp-block-query-loop.is-flex-container { - flex-direction: row; - display: flex; - flex-wrap: wrap; - gap: 1.25em; -} -.wp-block-post-template.is-flex-container li, -.wp-block-query-loop.is-flex-container li { - margin: 0; - width: 100%; +@media (min-width:600px){ + .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{ + width:calc(50% - .625em); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{ + width:calc(33.33333% - .83333em); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{ + width:calc(25% - .9375em); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{ + width:calc(20% - 1em); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{ + width:calc(16.66667% - 1.04167em); + } } -@media (min-width: 600px) { - .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, -.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); - } - .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, -.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { - width: calc((100% / 3) - 1.25em + (1.25em / 3)); + +@media (max-width:600px){ + .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{ + grid-template-columns:1fr; } - .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, -.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { - width: calc((100% / 4) - 1.25em + (1.25em / 4)); - } - .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, -.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { - width: calc((100% / 5) - 1.25em + (1.25em / 5)); - } - .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, -.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { - width: calc((100% / 6) - 1.25em + (1.25em / 6)); - } +} +.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{ + float:left; + margin-inline-end:0; + margin-inline-start:2em; +} + +.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{ + float:right; + margin-inline-end:2em; + margin-inline-start:0; +} + +.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{ + margin-inline-end:auto; + margin-inline-start:auto; } \ No newline at end of file