Last active
October 29, 2025 01:03
-
-
Save westonruter/0a4b7a2d8560a3391f4e1eaf07d2dc4f to your computer and use it in GitHub Desktop.
Showing the Twenty Twenty theme with and without wp-block-styles them support in 6.8 and 6.9-beta2. See https://core.trac.wordpress.org/ticket/64166
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- 68-sample-page-without-theme-support.html 2025-10-28 17:56:40 | |
| +++ 68-sample-page-with-theme-support.html 2025-10-28 17:56:40 | |
| @@ -521,6 +521,179 @@ | |
| href="http://localhost:8000/wp-includes/css/dist/block-library/style.css?ver=6.8.3-src" | |
| media="all" | |
| /> | |
| + <style id="wp-block-library-theme-inline-css"> | |
| + .wp-block-audio :where(figcaption) { | |
| + color: #555; | |
| + font-size: 13px; | |
| + text-align: center; | |
| + } | |
| + .is-dark-theme .wp-block-audio :where(figcaption) { | |
| + color: #ffffffa6; | |
| + } | |
| + | |
| + .wp-block-audio { | |
| + margin: 0 0 1em; | |
| + } | |
| + | |
| + .wp-block-code { | |
| + border: 1px solid #ccc; | |
| + border-radius: 4px; | |
| + font-family: Menlo, Consolas, monaco, monospace; | |
| + padding: 0.8em 1em; | |
| + } | |
| + | |
| + .wp-block-embed :where(figcaption) { | |
| + color: #555; | |
| + font-size: 13px; | |
| + text-align: center; | |
| + } | |
| + .is-dark-theme .wp-block-embed :where(figcaption) { | |
| + color: #ffffffa6; | |
| + } | |
| + | |
| + .wp-block-embed { | |
| + margin: 0 0 1em; | |
| + } | |
| + | |
| + .blocks-gallery-caption { | |
| + color: #555; | |
| + font-size: 13px; | |
| + text-align: center; | |
| + } | |
| + .is-dark-theme .blocks-gallery-caption { | |
| + color: #ffffffa6; | |
| + } | |
| + | |
| + :root :where(.wp-block-image figcaption) { | |
| + color: #555; | |
| + font-size: 13px; | |
| + text-align: center; | |
| + } | |
| + .is-dark-theme :root :where(.wp-block-image figcaption) { | |
| + color: #ffffffa6; | |
| + } | |
| + | |
| + .wp-block-image { | |
| + margin: 0 0 1em; | |
| + } | |
| + | |
| + .wp-block-pullquote { | |
| + border-bottom: 4px solid; | |
| + border-top: 4px solid; | |
| + color: currentColor; | |
| + margin-bottom: 1.75em; | |
| + } | |
| + .wp-block-pullquote :where(cite), | |
| + .wp-block-pullquote :where(footer), | |
| + .wp-block-pullquote__citation { | |
| + color: currentColor; | |
| + font-size: 0.8125em; | |
| + font-style: normal; | |
| + text-transform: uppercase; | |
| + } | |
| + | |
| + .wp-block-quote { | |
| + border-left: 0.25em solid; | |
| + margin: 0 0 1.75em; | |
| + padding-left: 1em; | |
| + } | |
| + .wp-block-quote cite, | |
| + .wp-block-quote footer { | |
| + color: currentColor; | |
| + font-size: 0.8125em; | |
| + font-style: normal; | |
| + position: relative; | |
| + } | |
| + .wp-block-quote:where(.has-text-align-right) { | |
| + border-left: none; | |
| + border-right: 0.25em solid; | |
| + padding-left: 0; | |
| + padding-right: 1em; | |
| + } | |
| + .wp-block-quote:where(.has-text-align-center) { | |
| + border: none; | |
| + padding-left: 0; | |
| + } | |
| + .wp-block-quote.is-large, | |
| + .wp-block-quote.is-style-large, | |
| + .wp-block-quote:where(.is-style-plain) { | |
| + border: none; | |
| + } | |
| + | |
| + .wp-block-search .wp-block-search__label { | |
| + font-weight: 700; | |
| + } | |
| + | |
| + .wp-block-search__button { | |
| + border: 1px solid #ccc; | |
| + padding: 0.375em 0.625em; | |
| + } | |
| + | |
| + :where(.wp-block-group.has-background) { | |
| + padding: 1.25em 2.375em; | |
| + } | |
| + | |
| + .wp-block-separator.has-css-opacity { | |
| + opacity: 0.4; | |
| + } | |
| + | |
| + .wp-block-separator { | |
| + border: none; | |
| + border-bottom: 2px solid; | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .wp-block-separator.has-alpha-channel-opacity { | |
| + opacity: 1; | |
| + } | |
| + .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { | |
| + width: 100px; | |
| + } | |
| + .wp-block-separator.has-background:not(.is-style-dots) { | |
| + border-bottom: none; | |
| + height: 1px; | |
| + } | |
| + .wp-block-separator.has-background:not(.is-style-wide):not( | |
| + .is-style-dots | |
| + ) { | |
| + height: 2px; | |
| + } | |
| + | |
| + .wp-block-table { | |
| + margin: 0 0 1em; | |
| + } | |
| + .wp-block-table td, | |
| + .wp-block-table th { | |
| + word-break: normal; | |
| + } | |
| + .wp-block-table :where(figcaption) { | |
| + color: #555; | |
| + font-size: 13px; | |
| + text-align: center; | |
| + } | |
| + .is-dark-theme .wp-block-table :where(figcaption) { | |
| + color: #ffffffa6; | |
| + } | |
| + | |
| + .wp-block-video :where(figcaption) { | |
| + color: #555; | |
| + font-size: 13px; | |
| + text-align: center; | |
| + } | |
| + .is-dark-theme .wp-block-video :where(figcaption) { | |
| + color: #ffffffa6; | |
| + } | |
| + | |
| + .wp-block-video { | |
| + margin: 0 0 1em; | |
| + } | |
| + | |
| + :root :where(.wp-block-template-part.has-background) { | |
| + margin-bottom: 0; | |
| + margin-top: 0; | |
| + padding: 1.25em 2.375em; | |
| + } | |
| + </style> | |
| <style id="classic-theme-styles-inline-css"> | |
| /** | |
| * These rules are needed for backwards compatibility. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- trunk-sample-page-without-theme-support.html 2025-10-28 17:56:40 | |
| +++ trunk-sample-page-with-theme-support.html 2025-10-28 17:56:40 | |
| @@ -48,51 +48,717 @@ | |
| } | |
| /*# sourceURL=wp-emoji-styles-inline-css */ | |
| </style> | |
| - <link | |
| - rel="stylesheet" | |
| - id="wp-block-library-css" | |
| - href="http://localhost:8000/wp-includes/css/dist/block-library/style.css?ver=6.9-beta2-61080-src" | |
| - media="all" | |
| - /> | |
| <style id="wp-block-library-inline-css"> | |
| - /*# sourceURL=wp-block-library-inline-css */ | |
| - </style> | |
| - <style id="core-block-supports-inline-css"> | |
| - /** | |
| - * Core styles: block-supports | |
| - */ | |
| + :root { | |
| + --wp-block-synced-color: #7a00df; | |
| + --wp-block-synced-color--rgb: 122, 0, 223; | |
| + --wp-bound-block-color: var(--wp-block-synced-color); | |
| + --wp-editor-canvas-background: #ddd; | |
| + --wp-admin-theme-color: #007cba; | |
| + --wp-admin-theme-color--rgb: 0, 124, 186; | |
| + --wp-admin-theme-color-darker-10: #006ba1; | |
| + --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5; | |
| + --wp-admin-theme-color-darker-20: #005a87; | |
| + --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; | |
| + --wp-admin-border-width-focus: 2px; | |
| + } | |
| + @media (min-resolution: 192dpi) { | |
| + :root { | |
| + --wp-admin-border-width-focus: 1.5px; | |
| + } | |
| + } | |
| + .wp-element-button { | |
| + cursor: pointer; | |
| + } | |
| - /*# sourceURL=core-block-supports-inline-css */ | |
| - </style> | |
| + :root .has-very-light-gray-background-color { | |
| + background-color: #eee; | |
| + } | |
| + :root .has-very-dark-gray-background-color { | |
| + background-color: #313131; | |
| + } | |
| + :root .has-very-light-gray-color { | |
| + color: #eee; | |
| + } | |
| + :root .has-very-dark-gray-color { | |
| + color: #313131; | |
| + } | |
| + :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { | |
| + background: linear-gradient(135deg, #00d084, #0693e3); | |
| + } | |
| + :root .has-purple-crush-gradient-background { | |
| + background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); | |
| + } | |
| + :root .has-hazy-dawn-gradient-background { | |
| + background: linear-gradient(135deg, #faaca8, #dad0ec); | |
| + } | |
| + :root .has-subdued-olive-gradient-background { | |
| + background: linear-gradient(135deg, #fafae1, #67a671); | |
| + } | |
| + :root .has-atomic-cream-gradient-background { | |
| + background: linear-gradient(135deg, #fdd79a, #004a59); | |
| + } | |
| + :root .has-nightshade-gradient-background { | |
| + background: linear-gradient(135deg, #330968, #31cdcf); | |
| + } | |
| + :root .has-midnight-gradient-background { | |
| + background: linear-gradient(135deg, #020381, #2874fc); | |
| + } | |
| + :root { | |
| + --wp--preset--font-size--normal: 16px; | |
| + --wp--preset--font-size--huge: 42px; | |
| + } | |
| - <style id="classic-theme-styles-inline-css"> | |
| - /** | |
| - * These rules are needed for backwards compatibility. | |
| - * They should match the button element rules in the base theme.json file. | |
| - */ | |
| - .wp-block-button__link { | |
| - color: #ffffff; | |
| - background-color: #32373c; | |
| - border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ | |
| + .has-regular-font-size { | |
| + font-size: 1em; | |
| + } | |
| - /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ | |
| - box-shadow: none; | |
| - text-decoration: none; | |
| + .has-larger-font-size { | |
| + font-size: 2.625em; | |
| + } | |
| - /* The extra 2px are added to size solids the same as the outline versions.*/ | |
| - padding: calc(0.667em + 2px) calc(1.333em + 2px); | |
| + .has-normal-font-size { | |
| + font-size: var(--wp--preset--font-size--normal); | |
| + } | |
| - font-size: 1.125em; | |
| + .has-huge-font-size { | |
| + font-size: var(--wp--preset--font-size--huge); | |
| } | |
| - .wp-block-file__button { | |
| - background: #32373c; | |
| - color: #ffffff; | |
| + .has-text-align-center { | |
| + text-align: center; | |
| + } | |
| + | |
| + .has-text-align-left { | |
| + text-align: left; | |
| + } | |
| + | |
| + .has-text-align-right { | |
| + text-align: right; | |
| + } | |
| + | |
| + .has-fit-text { | |
| + white-space: nowrap !important; | |
| + } | |
| + | |
| + #end-resizable-editor-section { | |
| + display: none; | |
| + } | |
| + | |
| + .aligncenter { | |
| + clear: both; | |
| + } | |
| + | |
| + .items-justified-left { | |
| + justify-content: flex-start; | |
| + } | |
| + | |
| + .items-justified-center { | |
| + justify-content: center; | |
| + } | |
| + | |
| + .items-justified-right { | |
| + justify-content: flex-end; | |
| + } | |
| + | |
| + .items-justified-space-between { | |
| + justify-content: space-between; | |
| + } | |
| + | |
| + .screen-reader-text { | |
| + border: 0; | |
| + clip-path: inset(50%); | |
| + height: 1px; | |
| + margin: -1px; | |
| + overflow: hidden; | |
| + padding: 0; | |
| + position: absolute; | |
| + width: 1px; | |
| + word-wrap: normal !important; | |
| + } | |
| + | |
| + .screen-reader-text:focus { | |
| + background-color: #ddd; | |
| + clip-path: none; | |
| + color: #444; | |
| + display: block; | |
| + font-size: 1em; | |
| + height: auto; | |
| + left: 5px; | |
| + line-height: normal; | |
| + padding: 15px 23px 14px; | |
| text-decoration: none; | |
| + top: 5px; | |
| + width: auto; | |
| + z-index: 100000; | |
| } | |
| + html :where(.has-border-color) { | |
| + border-style: solid; | |
| + } | |
| - /*# sourceURL=/wp-includes/css/classic-themes.css */ | |
| + html :where([style*="border-top-color"]) { | |
| + border-top-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-right-color"]) { | |
| + border-right-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-bottom-color"]) { | |
| + border-bottom-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-left-color"]) { | |
| + border-left-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-width"]) { | |
| + border-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-top-width"]) { | |
| + border-top-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-right-width"]) { | |
| + border-right-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-bottom-width"]) { | |
| + border-bottom-style: solid; | |
| + } | |
| + | |
| + html :where([style*="border-left-width"]) { | |
| + border-left-style: solid; | |
| + } | |
| + html :where(img[class*="wp-image-"]) { | |
| + height: auto; | |
| + max-width: 100%; | |
| + } | |
| + :where(figure) { | |
| + margin: 0 0 1em; | |
| + } | |
| + | |
| + html :where(.is-position-sticky) { | |
| + --wp-admin--admin-bar--position-offset: var( | |
| + --wp-admin--admin-bar--height, | |
| + 0px | |
| + ); | |
| + } | |
| + | |
| + @media screen and (max-width: 600px) { | |
| + html :where(.is-position-sticky) { | |
| + --wp-admin--admin-bar--position-offset: 0px; | |
| + } | |
| + } | |
| + | |
| + /*# sourceURL=wp-block-library-inline-css */ | |
| + </style> | |
| + <style id="wp-block-paragraph-inline-css"> | |
| + .is-small-text { | |
| + font-size: 0.875em; | |
| + } | |
| + | |
| + .is-regular-text { | |
| + font-size: 1em; | |
| + } | |
| + | |
| + .is-large-text { | |
| + font-size: 2.25em; | |
| + } | |
| + | |
| + .is-larger-text { | |
| + font-size: 3em; | |
| + } | |
| + | |
| + .has-drop-cap:not(:focus):first-letter { | |
| + float: left; | |
| + font-size: 8.4em; | |
| + font-style: normal; | |
| + font-weight: 100; | |
| + line-height: 0.68; | |
| + margin: 0.05em 0.1em 0 0; | |
| + text-transform: uppercase; | |
| + } | |
| + | |
| + body.rtl .has-drop-cap:not(:focus):first-letter { | |
| + float: none; | |
| + margin-left: 0.1em; | |
| + } | |
| + | |
| + p.has-drop-cap.has-background { | |
| + overflow: hidden; | |
| + } | |
| + | |
| + :root :where(p.has-background) { | |
| + padding: 1.25em 2.375em; | |
| + } | |
| + | |
| + :where(p.has-text-color:not(.has-link-color)) a { | |
| + color: inherit; | |
| + } | |
| + | |
| + p.has-text-align-left[style*="writing-mode:vertical-lr"], | |
| + p.has-text-align-right[style*="writing-mode:vertical-rl"] { | |
| + rotate: 180deg; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/paragraph/style.css */ | |
| + </style> | |
| + <style id="wp-block-quote-inline-css"> | |
| + .wp-block-quote { | |
| + box-sizing: border-box; | |
| + overflow-wrap: break-word; | |
| + } | |
| + .wp-block-quote.is-large:where(:not(.is-style-plain)), | |
| + .wp-block-quote.is-style-large:where(:not(.is-style-plain)) { | |
| + margin-bottom: 1em; | |
| + padding: 0 1em; | |
| + } | |
| + .wp-block-quote.is-large:where(:not(.is-style-plain)) p, | |
| + .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p { | |
| + font-size: 1.5em; | |
| + font-style: italic; | |
| + line-height: 1.6; | |
| + } | |
| + .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, | |
| + .wp-block-quote.is-large:where(:not(.is-style-plain)) footer, | |
| + .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, | |
| + .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer { | |
| + font-size: 1.125em; | |
| + text-align: right; | |
| + } | |
| + .wp-block-quote > cite { | |
| + display: block; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/quote/style.css */ | |
| + </style> | |
| + <style id="wp-block-quote-theme-inline-css"> | |
| + .wp-block-quote { | |
| + border-left: 0.25em solid; | |
| + margin: 0 0 1.75em; | |
| + padding-left: 1em; | |
| + } | |
| + .wp-block-quote cite, | |
| + .wp-block-quote footer { | |
| + color: currentColor; | |
| + font-size: 0.8125em; | |
| + font-style: normal; | |
| + position: relative; | |
| + } | |
| + .wp-block-quote:where(.has-text-align-right) { | |
| + border-left: none; | |
| + border-right: 0.25em solid; | |
| + padding-left: 0; | |
| + padding-right: 1em; | |
| + } | |
| + .wp-block-quote:where(.has-text-align-center) { | |
| + border: none; | |
| + padding-left: 0; | |
| + } | |
| + .wp-block-quote.is-large, | |
| + .wp-block-quote.is-style-large, | |
| + .wp-block-quote:where(.is-style-plain) { | |
| + border: none; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/quote/theme.css */ | |
| + </style> | |
| + <style id="wp-block-search-inline-css"> | |
| + .wp-block-search__button { | |
| + margin-left: 10px; | |
| + word-break: normal; | |
| + } | |
| + .wp-block-search__button.has-icon { | |
| + line-height: 0; | |
| + } | |
| + .wp-block-search__button svg { | |
| + height: 1.25em; | |
| + min-height: 24px; | |
| + min-width: 24px; | |
| + width: 1.25em; | |
| + fill: currentColor; | |
| + vertical-align: text-bottom; | |
| + } | |
| + | |
| + :where(.wp-block-search__button) { | |
| + border: 1px solid #ccc; | |
| + padding: 6px 10px; | |
| + } | |
| + | |
| + .wp-block-search__inside-wrapper { | |
| + display: flex; | |
| + flex: auto; | |
| + flex-wrap: nowrap; | |
| + max-width: 100%; | |
| + } | |
| + | |
| + .wp-block-search__label { | |
| + width: 100%; | |
| + } | |
| + | |
| + .wp-block-search.wp-block-search__button-only .wp-block-search__button { | |
| + box-sizing: border-box; | |
| + display: flex; | |
| + flex-shrink: 0; | |
| + justify-content: center; | |
| + margin-left: 0; | |
| + max-width: 100%; | |
| + } | |
| + .wp-block-search.wp-block-search__button-only | |
| + .wp-block-search__inside-wrapper { | |
| + min-width: 0 !important; | |
| + transition-property: width; | |
| + } | |
| + .wp-block-search.wp-block-search__button-only .wp-block-search__input { | |
| + flex-basis: 100%; | |
| + transition-duration: 0.3s; | |
| + } | |
| + .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden, | |
| + .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden | |
| + .wp-block-search__inside-wrapper { | |
| + overflow: hidden; | |
| + } | |
| + .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden | |
| + .wp-block-search__input { | |
| + border-left-width: 0 !important; | |
| + border-right-width: 0 !important; | |
| + flex-basis: 0; | |
| + flex-grow: 0; | |
| + margin: 0; | |
| + min-width: 0 !important; | |
| + padding-left: 0 !important; | |
| + padding-right: 0 !important; | |
| + width: 0 !important; | |
| + } | |
| + | |
| + :where(.wp-block-search__input) { | |
| + appearance: none; | |
| + border: 1px solid #949494; | |
| + flex-grow: 1; | |
| + font-family: inherit; | |
| + font-size: inherit; | |
| + font-style: inherit; | |
| + font-weight: inherit; | |
| + letter-spacing: inherit; | |
| + line-height: inherit; | |
| + margin-left: 0; | |
| + margin-right: 0; | |
| + min-width: 3rem; | |
| + padding: 8px; | |
| + text-decoration: unset !important; | |
| + text-transform: inherit; | |
| + } | |
| + | |
| + :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { | |
| + background-color: #fff; | |
| + border: 1px solid #949494; | |
| + box-sizing: border-box; | |
| + padding: 4px; | |
| + } | |
| + :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) | |
| + .wp-block-search__input { | |
| + border: none; | |
| + border-radius: 0; | |
| + padding: 0 4px; | |
| + } | |
| + :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) | |
| + .wp-block-search__input:focus { | |
| + outline: none; | |
| + } | |
| + :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) | |
| + :where(.wp-block-search__button) { | |
| + padding: 4px 8px; | |
| + } | |
| + | |
| + .wp-block-search.aligncenter .wp-block-search__inside-wrapper { | |
| + margin: auto; | |
| + } | |
| + | |
| + .wp-block[data-align="right"] | |
| + .wp-block-search.wp-block-search__button-only | |
| + .wp-block-search__inside-wrapper { | |
| + float: right; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/search/style.css */ | |
| </style> | |
| + <style id="wp-block-search-theme-inline-css"> | |
| + .wp-block-search .wp-block-search__label { | |
| + font-weight: 700; | |
| + } | |
| + | |
| + .wp-block-search__button { | |
| + border: 1px solid #ccc; | |
| + padding: 0.375em 0.625em; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/search/theme.css */ | |
| + </style> | |
| + <style id="wp-block-heading-inline-css"> | |
| + h1.has-background, | |
| + h2.has-background, | |
| + h3.has-background, | |
| + h4.has-background, | |
| + h5.has-background, | |
| + h6.has-background { | |
| + padding: 1.25em 2.375em; | |
| + } | |
| + h1.has-text-align-left[style*="writing-mode"]:where( | |
| + [style*="vertical-lr"] | |
| + ), | |
| + h1.has-text-align-right[style*="writing-mode"]:where( | |
| + [style*="vertical-rl"] | |
| + ), | |
| + h2.has-text-align-left[style*="writing-mode"]:where( | |
| + [style*="vertical-lr"] | |
| + ), | |
| + h2.has-text-align-right[style*="writing-mode"]:where( | |
| + [style*="vertical-rl"] | |
| + ), | |
| + h3.has-text-align-left[style*="writing-mode"]:where( | |
| + [style*="vertical-lr"] | |
| + ), | |
| + h3.has-text-align-right[style*="writing-mode"]:where( | |
| + [style*="vertical-rl"] | |
| + ), | |
| + h4.has-text-align-left[style*="writing-mode"]:where( | |
| + [style*="vertical-lr"] | |
| + ), | |
| + h4.has-text-align-right[style*="writing-mode"]:where( | |
| + [style*="vertical-rl"] | |
| + ), | |
| + h5.has-text-align-left[style*="writing-mode"]:where( | |
| + [style*="vertical-lr"] | |
| + ), | |
| + h5.has-text-align-right[style*="writing-mode"]:where( | |
| + [style*="vertical-rl"] | |
| + ), | |
| + h6.has-text-align-left[style*="writing-mode"]:where( | |
| + [style*="vertical-lr"] | |
| + ), | |
| + h6.has-text-align-right[style*="writing-mode"]:where( | |
| + [style*="vertical-rl"] | |
| + ) { | |
| + rotate: 180deg; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/heading/style.css */ | |
| + </style> | |
| + <style id="wp-block-latest-posts-inline-css"> | |
| + .wp-block-latest-posts { | |
| + box-sizing: border-box; | |
| + } | |
| + .wp-block-latest-posts.alignleft { | |
| + margin-right: 2em; | |
| + } | |
| + .wp-block-latest-posts.alignright { | |
| + margin-left: 2em; | |
| + } | |
| + .wp-block-latest-posts.wp-block-latest-posts__list { | |
| + list-style: none; | |
| + } | |
| + .wp-block-latest-posts.wp-block-latest-posts__list li { | |
| + clear: both; | |
| + overflow-wrap: break-word; | |
| + } | |
| + .wp-block-latest-posts.is-grid { | |
| + display: flex; | |
| + flex-wrap: wrap; | |
| + } | |
| + .wp-block-latest-posts.is-grid li { | |
| + margin: 0 1.25em 1.25em 0; | |
| + width: 100%; | |
| + } | |
| + @media (min-width: 600px) { | |
| + .wp-block-latest-posts.columns-2 li { | |
| + width: calc(50% - 0.625em); | |
| + } | |
| + .wp-block-latest-posts.columns-2 li:nth-child(2n) { | |
| + margin-right: 0; | |
| + } | |
| + .wp-block-latest-posts.columns-3 li { | |
| + width: calc(33.33333% - 0.83333em); | |
| + } | |
| + .wp-block-latest-posts.columns-3 li:nth-child(3n) { | |
| + margin-right: 0; | |
| + } | |
| + .wp-block-latest-posts.columns-4 li { | |
| + width: calc(25% - 0.9375em); | |
| + } | |
| + .wp-block-latest-posts.columns-4 li:nth-child(4n) { | |
| + margin-right: 0; | |
| + } | |
| + .wp-block-latest-posts.columns-5 li { | |
| + width: calc(20% - 1em); | |
| + } | |
| + .wp-block-latest-posts.columns-5 li:nth-child(5n) { | |
| + margin-right: 0; | |
| + } | |
| + .wp-block-latest-posts.columns-6 li { | |
| + width: calc(16.66667% - 1.04167em); | |
| + } | |
| + .wp-block-latest-posts.columns-6 li:nth-child(6n) { | |
| + margin-right: 0; | |
| + } | |
| + } | |
| + | |
| + :root :where(.wp-block-latest-posts.is-grid) { | |
| + padding: 0; | |
| + } | |
| + :root :where(.wp-block-latest-posts.wp-block-latest-posts__list) { | |
| + padding-left: 0; | |
| + } | |
| + | |
| + .wp-block-latest-posts__post-author, | |
| + .wp-block-latest-posts__post-date { | |
| + display: block; | |
| + font-size: 0.8125em; | |
| + } | |
| + | |
| + .wp-block-latest-posts__post-excerpt, | |
| + .wp-block-latest-posts__post-full-content { | |
| + margin-bottom: 1em; | |
| + margin-top: 0.5em; | |
| + } | |
| + | |
| + .wp-block-latest-posts__featured-image a { | |
| + display: inline-block; | |
| + } | |
| + .wp-block-latest-posts__featured-image img { | |
| + height: auto; | |
| + max-width: 100%; | |
| + width: auto; | |
| + } | |
| + .wp-block-latest-posts__featured-image.alignleft { | |
| + float: left; | |
| + margin-right: 1em; | |
| + } | |
| + .wp-block-latest-posts__featured-image.alignright { | |
| + float: right; | |
| + margin-left: 1em; | |
| + } | |
| + .wp-block-latest-posts__featured-image.aligncenter { | |
| + margin-bottom: 1em; | |
| + text-align: center; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/latest-posts/style.css */ | |
| + </style> | |
| + <style id="wp-block-group-inline-css"> | |
| + .wp-block-group { | |
| + box-sizing: border-box; | |
| + } | |
| + | |
| + :where(.wp-block-group.wp-block-group-is-layout-constrained) { | |
| + position: relative; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/group/style.css */ | |
| + </style> | |
| + <style id="wp-block-group-theme-inline-css"> | |
| + :where(.wp-block-group.has-background) { | |
| + padding: 1.25em 2.375em; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/group/theme.css */ | |
| + </style> | |
| + <style id="wp-block-latest-comments-inline-css"> | |
| + ol.wp-block-latest-comments { | |
| + box-sizing: border-box; | |
| + margin-left: 0; | |
| + } | |
| + | |
| + :where( | |
| + .wp-block-latest-comments:not( | |
| + [style*="line-height"] .wp-block-latest-comments__comment | |
| + ) | |
| + ) { | |
| + line-height: 1.1; | |
| + } | |
| + | |
| + :where( | |
| + .wp-block-latest-comments:not( | |
| + [style*="line-height"] .wp-block-latest-comments__comment-excerpt p | |
| + ) | |
| + ) { | |
| + line-height: 1.8; | |
| + } | |
| + | |
| + .has-dates :where(.wp-block-latest-comments:not([style*="line-height"])), | |
| + .has-excerpts | |
| + :where(.wp-block-latest-comments:not([style*="line-height"])) { | |
| + line-height: 1.5; | |
| + } | |
| + | |
| + .wp-block-latest-comments .wp-block-latest-comments { | |
| + padding-left: 0; | |
| + } | |
| + | |
| + .wp-block-latest-comments__comment { | |
| + list-style: none; | |
| + margin-bottom: 1em; | |
| + } | |
| + .has-avatars .wp-block-latest-comments__comment { | |
| + list-style: none; | |
| + min-height: 2.25em; | |
| + } | |
| + .has-avatars | |
| + .wp-block-latest-comments__comment | |
| + .wp-block-latest-comments__comment-excerpt, | |
| + .has-avatars | |
| + .wp-block-latest-comments__comment | |
| + .wp-block-latest-comments__comment-meta { | |
| + margin-left: 3.25em; | |
| + } | |
| + | |
| + .wp-block-latest-comments__comment-excerpt p { | |
| + font-size: 0.875em; | |
| + margin: 0.36em 0 1.4em; | |
| + } | |
| + | |
| + .wp-block-latest-comments__comment-date { | |
| + display: block; | |
| + font-size: 0.75em; | |
| + } | |
| + | |
| + .wp-block-latest-comments .avatar, | |
| + .wp-block-latest-comments__comment-avatar { | |
| + border-radius: 1.5em; | |
| + display: block; | |
| + float: left; | |
| + height: 2.5em; | |
| + margin-right: 0.75em; | |
| + width: 2.5em; | |
| + } | |
| + | |
| + .wp-block-latest-comments[class*="-font-size"] a, | |
| + .wp-block-latest-comments[style*="font-size"] a { | |
| + font-size: inherit; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/latest-comments/style.css */ | |
| + </style> | |
| + <style id="wp-block-archives-inline-css"> | |
| + .wp-block-archives { | |
| + box-sizing: border-box; | |
| + } | |
| + | |
| + .wp-block-archives-dropdown label { | |
| + display: block; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/archives/style.css */ | |
| + </style> | |
| + <style id="wp-block-categories-inline-css"> | |
| + .wp-block-categories { | |
| + box-sizing: border-box; | |
| + } | |
| + .wp-block-categories.alignleft { | |
| + margin-right: 2em; | |
| + } | |
| + .wp-block-categories.alignright { | |
| + margin-left: 2em; | |
| + } | |
| + .wp-block-categories.wp-block-categories-dropdown.aligncenter { | |
| + text-align: center; | |
| + } | |
| + .wp-block-categories .wp-block-categories__label { | |
| + display: block; | |
| + width: 100%; | |
| + } | |
| + /*# sourceURL=http://localhost:8000/wp-includes/blocks/categories/style.css */ | |
| + </style> | |
| <style id="global-styles-inline-css"> | |
| :root { | |
| --wp--preset--aspect-ratio--square: 1; | |
| @@ -414,30 +1080,44 @@ | |
| .has-x-large-font-size { | |
| font-size: var(--wp--preset--font-size--x-large) !important; | |
| } | |
| - :where(.wp-block-post-template.is-layout-flex) { | |
| - gap: 1.25em; | |
| - } | |
| - :where(.wp-block-post-template.is-layout-grid) { | |
| - gap: 1.25em; | |
| - } | |
| - :where(.wp-block-term-template.is-layout-flex) { | |
| - gap: 1.25em; | |
| - } | |
| - :where(.wp-block-term-template.is-layout-grid) { | |
| - gap: 1.25em; | |
| - } | |
| - :where(.wp-block-columns.is-layout-flex) { | |
| - gap: 2em; | |
| - } | |
| - :where(.wp-block-columns.is-layout-grid) { | |
| - gap: 2em; | |
| - } | |
| - :root :where(.wp-block-pullquote) { | |
| - font-size: 1.5em; | |
| - line-height: 1.6; | |
| - } | |
| /*# sourceURL=global-styles-inline-css */ | |
| </style> | |
| + <style id="core-block-supports-inline-css"> | |
| + /** | |
| + * Core styles: block-supports | |
| + */ | |
| + | |
| + /*# sourceURL=core-block-supports-inline-css */ | |
| + </style> | |
| + | |
| + <style id="classic-theme-styles-inline-css"> | |
| + /** | |
| + * These rules are needed for backwards compatibility. | |
| + * They should match the button element rules in the base theme.json file. | |
| + */ | |
| + .wp-block-button__link { | |
| + color: #ffffff; | |
| + background-color: #32373c; | |
| + border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ | |
| + | |
| + /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ | |
| + box-shadow: none; | |
| + text-decoration: none; | |
| + | |
| + /* The extra 2px are added to size solids the same as the outline versions.*/ | |
| + padding: calc(0.667em + 2px) calc(1.333em + 2px); | |
| + | |
| + font-size: 1.125em; | |
| + } | |
| + | |
| + .wp-block-file__button { | |
| + background: #32373c; | |
| + color: #ffffff; | |
| + text-decoration: none; | |
| + } | |
| + | |
| + /*# sourceURL=/wp-includes/css/classic-themes.css */ | |
| + </style> | |
| <link | |
| rel="stylesheet" | |
| id="twentytwenty-style-css" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment