diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/css/dist/block-library/reset.css --- a/wp/wp-includes/css/dist/block-library/reset.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/css/dist/block-library/reset.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 */ /** @@ -74,8 +80,7 @@ * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming * of the editor by themes. */ -.editor-styles-wrapper { - padding: 8px; +html :where(.editor-styles-wrapper) { /** * The following styles revert to the browser defaults overriding the WPAdmin styles. * This is only needed while the block editor is not being loaded in an iframe. @@ -86,69 +91,65 @@ color: initial; background: #fff; } -.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { - margin-left: -8px; - margin-right: -8px; -} -.editor-styles-wrapper .wp-align-wrapper { +html :where(.editor-styles-wrapper) .wp-align-wrapper { max-width: 840px; } -.editor-styles-wrapper .wp-align-wrapper > .wp-block, .editor-styles-wrapper .wp-align-wrapper.wp-align-full { +html :where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full { max-width: none; } -.editor-styles-wrapper .wp-align-wrapper.wp-align-wide { +html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide { max-width: 840px; } -.editor-styles-wrapper a { +html :where(.editor-styles-wrapper) a { transition: none; } -.editor-styles-wrapper code, -.editor-styles-wrapper kbd { +html :where(.editor-styles-wrapper) code, +html :where(.editor-styles-wrapper) kbd { padding: 0; margin: 0; background: inherit; font-size: inherit; font-family: monospace; } -.editor-styles-wrapper p { +html :where(.editor-styles-wrapper) p { font-size: revert; line-height: revert; margin: revert; } -.editor-styles-wrapper ul, -.editor-styles-wrapper ol { +html :where(.editor-styles-wrapper) ul, +html :where(.editor-styles-wrapper) ol { margin: revert; padding: revert; list-style-type: revert; - box-sizing: revert; + box-sizing: border-box; } -.editor-styles-wrapper ul ul, -.editor-styles-wrapper ul ol, -.editor-styles-wrapper ol ul, -.editor-styles-wrapper ol ol { +html :where(.editor-styles-wrapper) ul ul, +html :where(.editor-styles-wrapper) ul ol, +html :where(.editor-styles-wrapper) ol ul, +html :where(.editor-styles-wrapper) ol ol { margin: revert; } -.editor-styles-wrapper ul li, -.editor-styles-wrapper ol li { +html :where(.editor-styles-wrapper) ul li, +html :where(.editor-styles-wrapper) ol li { margin: revert; } -.editor-styles-wrapper ul ul, -.editor-styles-wrapper ol ul { +html :where(.editor-styles-wrapper) ul ul, +html :where(.editor-styles-wrapper) ol ul { list-style-type: revert; } -.editor-styles-wrapper h1, -.editor-styles-wrapper h2, -.editor-styles-wrapper h3, -.editor-styles-wrapper h4, -.editor-styles-wrapper h5, -.editor-styles-wrapper h6 { +html :where(.editor-styles-wrapper) h1, +html :where(.editor-styles-wrapper) h2, +html :where(.editor-styles-wrapper) h3, +html :where(.editor-styles-wrapper) h4, +html :where(.editor-styles-wrapper) h5, +html :where(.editor-styles-wrapper) h6 { font-size: revert; margin: revert; color: revert; line-height: revert; font-weight: revert; } -.editor-styles-wrapper select { +html :where(.editor-styles-wrapper) select { font-family: system-ui; -webkit-appearance: revert; color: revert; @@ -169,11 +170,12 @@ vertical-align: revert; font-weight: revert; } -.editor-styles-wrapper select:disabled, -.editor-styles-wrapper select:focus { +html :where(.editor-styles-wrapper) select:disabled, +html :where(.editor-styles-wrapper) select:focus { color: revert; border-color: revert; - background: revert; + background-color: revert; + background-image: revert; box-shadow: revert; text-shadow: revert; cursor: revert;