diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/post-template/style-rtl.css --- a/wp/wp-includes/blocks/post-template/style-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/post-template/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 */ /** @@ -70,68 +76,47 @@ */ .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 li, -.wp-block-query-loop li { - clear: both; +.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 0 1.25em 0; + margin: 0; width: 100%; } @media (min-width: 600px) { - .wp-block-post-template.is-flex-container li, -.wp-block-query-loop.is-flex-container li { - margin-left: 1.25em; - } .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-2 > li:nth-child(2n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { - margin-left: 0; - } .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)); } - .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { - margin-left: 0; - } .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-4 > li:nth-child(4n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { - margin-left: 0; - } .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-5 > li:nth-child(5n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { - margin-left: 0; - } .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-flex-container.is-flex-container.columns-6 > li:nth-child(6n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { - margin-left: 0; - } } \ No newline at end of file