@wordpress/block-library 9.6.1 → 9.7.1-next.5368f64a9.0

package/build-style/media-text/style.css

@@ -163,6 +163,7 @@
   vertical-align: middle;
 }
 
+/* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
 .wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
@@ -185,6 +186,25 @@
   border: 0;
 }
 
+/* Image fill for versions 8 and onwards */
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+  position: relative;
+  height: 100%;
+  min-height: 250px;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
+  display: block;
+  height: 100%;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 /*
 * Here we here not able to use a mobile first CSS approach.
 * Custom widths are set using inline styles, and on mobile,

package/build-style/navigation/editor-rtl.css

@@ -155,7 +155,6 @@
   background: #1e1e1e;
   padding: 0;
   width: 24px;
-  border-radius: 2px;
   margin-left: 0;
   margin-right: auto;
 }
@@ -494,7 +493,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
   background-color: #f0f0f0;
   padding: 0 24px;
-  height: 64px;
+  height: 64px !important;
   margin-bottom: 12px;
 }
 .wp-block-navigation__overlay-menu-preview.open {

package/build-style/navigation/editor.css

@@ -155,7 +155,6 @@
   background: #1e1e1e;
   padding: 0;
   width: 24px;
-  border-radius: 2px;
   margin-right: 0;
   margin-left: auto;
 }
@@ -494,7 +493,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
   background-color: #f0f0f0;
   padding: 0 24px;
-  height: 64px;
+  height: 64px !important;
   margin-bottom: 12px;
 }
 .wp-block-navigation__overlay-menu-preview.open {

package/build-style/post-featured-image/style-rtl.css

@@ -97,7 +97,7 @@
   display: block;
   height: 100%;
 }
-.wp-block-post-featured-image img {
+.wp-block-post-featured-image :where(img) {
   max-width: 100%;
   width: 100%;
   height: auto;

package/build-style/post-featured-image/style.css

@@ -97,7 +97,7 @@
   display: block;
   height: 100%;
 }
-.wp-block-post-featured-image img {
+.wp-block-post-featured-image :where(img) {
   max-width: 100%;
   width: 100%;
   height: auto;

package/build-style/post-title/style-rtl.css

@@ -93,6 +93,27 @@
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }

package/build-style/post-title/style.css

@@ -93,6 +93,27 @@
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }

package/build-style/query-pagination/editor-rtl.css

@@ -93,23 +93,9 @@
   justify-content: center;
 }
 
-.editor-styles-wrapper .wp-block-query-pagination {
+:where(.editor-styles-wrapper) .wp-block-query-pagination {
   max-width: 100%;
 }
-.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout {
+:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
   margin: 0;
-}
-
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  margin-right: 0;
-  margin-top: 0.5em;
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  margin-right: 0;
 }

package/build-style/query-pagination/editor.css

@@ -93,25 +93,9 @@
   justify-content: center;
 }
 
-.editor-styles-wrapper .wp-block-query-pagination {
+:where(.editor-styles-wrapper) .wp-block-query-pagination {
   max-width: 100%;
 }
-.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout {
+:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
   margin: 0;
-}
-
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  margin-left: 0;
-  margin-top: 0.5em;
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
 }

package/build-style/query-pagination/style-rtl.css

@@ -89,17 +89,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  margin-right: 0;
-}
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }

package/build-style/query-pagination/style.css

@@ -89,19 +89,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
-}
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }

package/build-style/site-title/editor-rtl.css

@@ -92,8 +92,4 @@
 .wp-block-site-title__placeholder {
   padding: 1em 0;
   border: 1px dashed;
-}
-
-.editor-styles-wrapper :where(.wp-block-site-title a) {
-  color: inherit;
 }

package/build-style/site-title/editor.css

@@ -92,8 +92,4 @@
 .wp-block-site-title__placeholder {
   padding: 1em 0;
   border: 1px dashed;
-}
-
-.editor-styles-wrapper :where(.wp-block-site-title a) {
-  color: inherit;
 }

package/build-style/site-title/style-rtl.css

@@ -92,6 +92,27 @@
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }

package/build-style/site-title/style.css

@@ -92,6 +92,27 @@
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }

package/build-style/social-links/editor-rtl.css

@@ -174,4 +174,21 @@
 .wp-social-link.wp-social-link__is-incomplete:hover,
 .wp-social-link.wp-social-link__is-incomplete:focus {
   opacity: 1;
+}
+
+.wp-block-social-links .block-list-appender {
+  position: static;
+}
+.wp-block-social-links .block-list-appender .block-editor-button-block-appender.components-button.components-button {
+  padding: 6px;
+}
+
+.wp-block-social-links.has-small-icon-size .block-editor-button-block-appender.components-button.components-button {
+  padding: 0;
+}
+.wp-block-social-links.has-large-icon-size .block-editor-button-block-appender.components-button.components-button {
+  padding: 14px;
+}
+.wp-block-social-links.has-huge-icon-size .block-editor-button-block-appender.components-button.components-button {
+  padding: 23px;
 }

package/build-style/social-links/editor.css

@@ -174,4 +174,21 @@
 .wp-social-link.wp-social-link__is-incomplete:hover,
 .wp-social-link.wp-social-link__is-incomplete:focus {
   opacity: 1;
+}
+
+.wp-block-social-links .block-list-appender {
+  position: static;
+}
+.wp-block-social-links .block-list-appender .block-editor-button-block-appender.components-button.components-button {
+  padding: 6px;
+}
+
+.wp-block-social-links.has-small-icon-size .block-editor-button-block-appender.components-button.components-button {
+  padding: 0;
+}
+.wp-block-social-links.has-large-icon-size .block-editor-button-block-appender.components-button.components-button {
+  padding: 14px;
+}
+.wp-block-social-links.has-huge-icon-size .block-editor-button-block-appender.components-button.components-button {
+  padding: 23px;
 }

package/build-style/style-rtl.css

@@ -205,7 +205,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+  /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -245,7 +245,7 @@
 .is-content-justification-right,
 .is-content-justification-left,
 .is-content-justification-center) .wp-block-button.aligncenter {
-  /* stylelint-enable indentation */
+  /* stylelint-enable @stylistic/indentation */
   margin-right: auto;
   margin-left: auto;
   width: 100%;
@@ -596,6 +596,14 @@
   box-sizing: border-box;
 }
 
+.wp-block-comment-edit-link {
+  box-sizing: border-box;
+}
+
+.wp-block-comment-reply-link {
+  box-sizing: border-box;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   min-height: 430px;
@@ -2111,6 +2119,7 @@ ul {
   vertical-align: middle;
 }
 
+/* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
 .wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
@@ -2133,6 +2142,25 @@ ul {
   border: 0;
 }
 
+/* Image fill for versions 8 and onwards */
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+  position: relative;
+  height: 100%;
+  min-height: 250px;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
+  display: block;
+  height: 100%;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 /*
 * Here we here not able to use a mobile first CSS approach.
 * Custom widths are set using inline styles, and on mobile,
@@ -2894,7 +2922,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: block;
   height: 100%;
 }
-.wp-block-post-featured-image img {
+.wp-block-post-featured-image :where(img) {
   max-width: 100%;
   width: 100%;
   height: auto;
@@ -2986,6 +3014,27 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -3125,17 +3174,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin-inline-end: auto;
 }
 
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  margin-right: 0;
-}
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
@@ -3421,6 +3459,27 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }
@@ -4113,8 +4172,8 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
-  /* stylelint-enable function-comma-space-after */
+  /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
+  /* stylelint-enable @stylistic/function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
 }

package/build-style/style.css

@@ -206,7 +206,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+  /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -246,7 +246,7 @@
 .is-content-justification-right,
 .is-content-justification-left,
 .is-content-justification-center) .wp-block-button.aligncenter {
-  /* stylelint-enable indentation */
+  /* stylelint-enable @stylistic/indentation */
   margin-left: auto;
   margin-right: auto;
   width: 100%;
@@ -601,6 +601,14 @@
   box-sizing: border-box;
 }
 
+.wp-block-comment-edit-link {
+  box-sizing: border-box;
+}
+
+.wp-block-comment-reply-link {
+  box-sizing: border-box;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   min-height: 430px;
@@ -2141,6 +2149,7 @@ ul {
   vertical-align: middle;
 }
 
+/* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
 .wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
@@ -2163,6 +2172,25 @@ ul {
   border: 0;
 }
 
+/* Image fill for versions 8 and onwards */
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+  position: relative;
+  height: 100%;
+  min-height: 250px;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
+  display: block;
+  height: 100%;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 /*
 * Here we here not able to use a mobile first CSS approach.
 * Custom widths are set using inline styles, and on mobile,
@@ -2924,7 +2952,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: block;
   height: 100%;
 }
-.wp-block-post-featured-image img {
+.wp-block-post-featured-image :where(img) {
   max-width: 100%;
   width: 100%;
   height: auto;
@@ -3016,6 +3044,27 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -3155,19 +3204,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin-inline-end: auto;
 }
 
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
-}
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
@@ -3456,6 +3492,27 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }
@@ -4148,8 +4205,8 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
-  /* stylelint-enable function-comma-space-after */
+  /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
+  /* stylelint-enable @stylistic/function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
 }