Skip to content

Instantly share code, notes, and snippets.

@westonruter
Last active October 29, 2025 01:03
Show Gist options
  • Save westonruter/0a4b7a2d8560a3391f4e1eaf07d2dc4f to your computer and use it in GitHub Desktop.
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
--- 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.
--- 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