@wordpress/block-library 8.34.0 → 9.0.0

package/build-style/style-rtl.css

@@ -186,56 +186,23 @@
   border-radius: 0 !important;
 }
 
-.wp-block-button:where(.is-style-outline) > .wp-block-button__link,
-.wp-block-button .wp-block-button__link:where(.is-style-outline) {
+:root :where(.wp-block-button.is-style-outline > .wp-block-button__link),
+:root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }
-
-.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-text-color),
-.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color) {
+:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
+:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
   color: currentColor;
 }
-
-.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background),
-.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background) {
+:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
+:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
   background-color: transparent;
   background-image: none;
 }
 
-.wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-left-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-right-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-left-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-right-width: initial;
-}
-
 .wp-block-buttons {
-  /* stylelint-disable indentation */
+  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -604,13 +571,10 @@
   float: left;
 }
 
-:where(.wp-block-cover-image, .wp-block-cover) {
-  min-height: 430px;
-  padding: 1em;
-}
-
 .wp-block-cover-image,
 .wp-block-cover {
+  min-height: 430px;
+  padding: 1em;
   position: relative;
   background-position: center center;
   display: flex;
@@ -811,19 +775,6 @@
   max-width: 420px;
   width: 100%;
 }
-.wp-block-cover-image::after,
-.wp-block-cover::after {
-  display: block;
-  content: "";
-  font-size: 0;
-  min-height: inherit;
-}
-@supports (position: sticky) {
-  .wp-block-cover-image::after,
-.wp-block-cover::after {
-    content: none;
-  }
-}
 .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
 .wp-block-cover.aligncenter,
 .wp-block-cover.alignleft,
@@ -836,22 +787,6 @@
   z-index: 1;
   color: inherit; direction: rtl;
 }
-.wp-block-cover-image p:where(:not(.has-text-color)),
-.wp-block-cover-image h1:where(:not(.has-text-color)),
-.wp-block-cover-image h2:where(:not(.has-text-color)),
-.wp-block-cover-image h3:where(:not(.has-text-color)),
-.wp-block-cover-image h4:where(:not(.has-text-color)),
-.wp-block-cover-image h5:where(:not(.has-text-color)),
-.wp-block-cover-image h6:where(:not(.has-text-color)),
-.wp-block-cover p:where(:not(.has-text-color)),
-.wp-block-cover h1:where(:not(.has-text-color)),
-.wp-block-cover h2:where(:not(.has-text-color)),
-.wp-block-cover h3:where(:not(.has-text-color)),
-.wp-block-cover h4:where(:not(.has-text-color)),
-.wp-block-cover h5:where(:not(.has-text-color)),
-.wp-block-cover h6:where(:not(.has-text-color)) {
-  color: inherit;
-}
 .wp-block-cover-image.is-position-top-left,
 .wp-block-cover.is-position-top-left {
   align-items: flex-start;
@@ -1035,6 +970,16 @@ section.wp-block-cover-image > h2,
   color: #000;
 }
 
+:root :where(.wp-block-cover p:not(.has-text-color)),
+:root :where(.wp-block-cover h1:not(.has-text-color)),
+:root :where(.wp-block-cover h2:not(.has-text-color)),
+:root :where(.wp-block-cover h3:not(.has-text-color)),
+:root :where(.wp-block-cover h4:not(.has-text-color)),
+:root :where(.wp-block-cover h5:not(.has-text-color)),
+:root :where(.wp-block-cover h6:not(.has-text-color)) {
+  color: inherit;
+}
+
 .wp-block-details {
   box-sizing: border-box;
 }
@@ -1631,19 +1576,14 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
-.wp-block-image.is-style-rounded img,
-.wp-block-image .is-style-rounded img {
-  border-radius: 9999px;
-}
 .wp-block-image.is-style-circle-mask img {
   border-radius: 9999px;
 }
 @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
   .wp-block-image.is-style-circle-mask img {
-    /* stylelint-disable */
+    /* stylelint-disable-next-line function-url-quotes -- We need quotes for the data URL to use the SVG inline. */
     -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
             mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
-    /* stylelint-enable */
     mask-mode: alpha;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;
@@ -1654,35 +1594,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
     border-radius: 0;
   }
 }
-.wp-block-image :where(.has-border-color) {
-  border-style: solid;
-}
-.wp-block-image :where([style*="border-top-color"]) {
-  border-top-style: solid;
-}
-.wp-block-image :where([style*="border-right-color"]) {
-  border-left-style: solid;
-}
-.wp-block-image :where([style*="border-bottom-color"]) {
-  border-bottom-style: solid;
-}
-.wp-block-image :where([style*="border-left-color"]) {
-  border-right-style: solid;
-}
-.wp-block-image :where([style*="border-width"]) {
-  border-style: solid;
-}
-.wp-block-image :where([style*="border-top-width"]) {
-  border-top-style: solid;
-}
-.wp-block-image :where([style*="border-right-width"]) {
-  border-left-style: solid;
-}
-.wp-block-image :where([style*="border-bottom-width"]) {
-  border-bottom-style: solid;
-}
-.wp-block-image :where([style*="border-left-width"]) {
-  border-right-style: solid;
+
+:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
+  border-radius: 9999px;
 }
 
 .wp-block-image figure {
@@ -1967,15 +1881,14 @@ ol.wp-block-latest-comments {
 }
 .wp-block-latest-posts.wp-block-latest-posts__list {
   list-style: none;
-  padding-right: 0;
 }
 .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;
-  padding: 0;
 }
 .wp-block-latest-posts.is-grid li {
   margin: 0 0 1.25em 1.25em;
@@ -2014,6 +1927,13 @@ ol.wp-block-latest-comments {
   }
 }
 
+:root :where(.wp-block-latest-posts.is-grid) {
+  padding: 0;
+}
+:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
+  padding-right: 0;
+}
+
 .wp-block-latest-posts__post-date,
 .wp-block-latest-posts__post-author {
   display: block;
@@ -2050,8 +1970,8 @@ ol,
 ul {
   box-sizing: border-box;
 }
-ol.has-background,
-ul.has-background {
+
+:root :where(ul.has-background, ol.has-background) {
   padding: 1.25em 2.375em;
 }
 
@@ -2753,7 +2673,7 @@ p.has-drop-cap.has-background {
   overflow: hidden;
 }
 
-p.has-background {
+:root :where(p.has-background) {
   padding: 1.25em 2.375em;
 }
 
@@ -2996,6 +2916,8 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
+  margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,
@@ -3022,11 +2944,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   color: inherit;
 }
 
-:where(.wp-block-pullquote) {
-  margin: 0 0 1em 0;
-  padding: 4em 0;
-}
-
 .wp-block-pullquote.has-text-align-left blockquote {
   text-align: right;
 }
@@ -3064,9 +2981,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   list-style: none;
   padding: 0;
 }
-.wp-block-post-template.wp-block-post-template {
-  background: none;
-}
 .wp-block-post-template.is-flex-container {
   flex-direction: row;
   display: flex;
@@ -3354,14 +3268,19 @@ ul.wp-block-rss.is-grid li {
   float: left;
 }
 
-.wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
+.wp-block-separator {
+  border-top: 2px solid currentColor;
+  border-right: none;
+  border-left: none;
+  border-bottom: none;
+}
+
+:root :where(.wp-block-separator.is-style-dots) {
   text-align: center;
   line-height: 1;
   height: auto;
 }
-.wp-block-separator.is-style-dots::before {
+:root :where(.wp-block-separator.is-style-dots)::before {
   content: "···";
   color: currentColor;
   font-size: 1.5em;
@@ -3370,11 +3289,9 @@ ul.wp-block-rss.is-grid li {
   font-family: serif;
 }
 
-:where(.wp-block-separator) {
-  border-top: 2px solid currentColor;
-  border-right: none;
-  border-left: none;
-  border-bottom: none;
+.wp-block-separator.is-style-dots {
+  background: none !important;
+  border: none !important;
 }
 
 .wp-block-site-logo {
@@ -3402,11 +3319,12 @@ ul.wp-block-rss.is-grid li {
   margin-left: auto;
   text-align: center;
 }
-.wp-block-site-logo.is-style-rounded {
+
+:root :where(.wp-block-site-logo.is-style-rounded) {
   border-radius: 9999px;
 }
 
-.wp-block-site-title a {
+:root :where(.wp-block-site-title a) {
   color: inherit;
 }
 
@@ -3424,9 +3342,6 @@ ul.wp-block-rss.is-grid li {
   border-bottom: 0;
   box-shadow: none;
 }
-.wp-block-social-links .wp-social-link a {
-  padding: 0.25em;
-}
 .wp-block-social-links .wp-social-link svg {
   width: 1em;
   height: 1em;
@@ -3505,6 +3420,10 @@ ul.wp-block-rss.is-grid li {
   background-color: #0757fe;
   color: #fff;
 }
+.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bluesky {
+  background-color: #0a7aff;
+  color: #fff;
+}
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
   background-color: #1e1f26;
   color: #fff;
@@ -3670,9 +3589,6 @@ ul.wp-block-rss.is-grid li {
 .wp-block-social-links.is-style-logos-only .wp-social-link {
   background: none;
 }
-.wp-block-social-links.is-style-logos-only .wp-social-link a {
-  padding: 0;
-}
 .wp-block-social-links.is-style-logos-only .wp-social-link svg {
   width: 1.25em;
   height: 1.25em;
@@ -3686,6 +3602,9 @@ ul.wp-block-rss.is-grid li {
 .wp-block-social-links.is-style-logos-only .wp-social-link-behance {
   color: #0757fe;
 }
+.wp-block-social-links.is-style-logos-only .wp-social-link-bluesky {
+  color: #0a7aff;
+}
 .wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
   color: #1e1f26;
 }
@@ -3811,7 +3730,16 @@ ul.wp-block-rss.is-grid li {
 .wp-block-social-links.is-style-pill-shape .wp-social-link {
   width: auto;
 }
-.wp-block-social-links.is-style-pill-shape .wp-social-link a {
+
+:root :where(.wp-block-social-links .wp-social-link a) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
+  padding: 0;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
   padding-right: calc((2/3) * 1em);
   padding-left: calc((2/3) * 1em);
 }
@@ -3844,12 +3772,14 @@ ul.wp-block-rss.is-grid li {
   margin-right: 5px;
   text-decoration: none;
 }
-.wp-block-tag-cloud.is-style-outline {
+
+:root :where(.wp-block-tag-cloud.is-style-outline) {
   display: flex;
   flex-wrap: wrap;
   gap: 1ch;
 }
-.wp-block-tag-cloud.is-style-outline a {
+
+:root :where(.wp-block-tag-cloud.is-style-outline a) {
   border: 1px solid currentColor;
   font-size: unset !important;
   margin-left: 0;
@@ -4081,11 +4011,7 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
@@ -4275,14 +4201,14 @@ html :where(img[class*="wp-image-"]) {
 }
 
 html :where(.is-position-sticky) {
-  /* stylelint-disable length-zero-no-unit */
+  /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
   --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
   /* stylelint-enable length-zero-no-unit */
 }
 
 @media screen and (max-width: 600px) {
   html :where(.is-position-sticky) {
-    /* stylelint-disable length-zero-no-unit */
+    /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
     --wp-admin--admin-bar--position-offset: 0px;
     /* stylelint-enable length-zero-no-unit */
   }