@wordpress/block-library 8.35.0 → 9.0.0

package/build-style/list/style.css

@@ -90,7 +90,7 @@ 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;
 }

package/build-style/paragraph/style-rtl.css

@@ -121,7 +121,7 @@ p.has-drop-cap.has-background {
   overflow: hidden;
 }
 
-p.has-background {
+:root :where(p.has-background) {
   padding: 1.25em 2.375em;
 }
 

package/build-style/paragraph/style.css

@@ -121,7 +121,7 @@ p.has-drop-cap.has-background {
   overflow: hidden;
 }
 
-p.has-background {
+:root :where(p.has-background) {
   padding: 1.25em 2.375em;
 }
 

package/build-style/pullquote/style-rtl.css

@@ -90,6 +90,8 @@
   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,
@@ -116,11 +118,6 @@
   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;
 }

package/build-style/pullquote/style.css

@@ -90,6 +90,8 @@
   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,
@@ -116,11 +118,6 @@
   color: inherit;
 }
 
-:where(.wp-block-pullquote) {
-  margin: 0 0 1em 0;
-  padding: 4em 0;
-}
-
 .wp-block-pullquote.has-text-align-left blockquote {
   text-align: left;
 }

package/build-style/pullquote/theme-rtl.css

@@ -86,13 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-pullquote) {
+.wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
   margin-bottom: 1.75em;
   color: currentColor;
 }
-
 .wp-block-pullquote cite,
 .wp-block-pullquote footer, .wp-block-pullquote__citation {
   color: currentColor;

package/build-style/pullquote/theme.css

@@ -86,13 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-pullquote) {
+.wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
   margin-bottom: 1.75em;
   color: currentColor;
 }
-
 .wp-block-pullquote cite,
 .wp-block-pullquote footer, .wp-block-pullquote__citation {
   color: currentColor;

package/build-style/quote/theme-rtl.css

@@ -86,28 +86,28 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-quote) {
+.wp-block-quote {
   border-right: 0.25em solid currentColor;
   margin: 0 0 1.75em 0;
   padding-right: 1em;
 }
-:where(.wp-block-quote) cite,
-:where(.wp-block-quote) footer {
+.wp-block-quote cite,
+.wp-block-quote footer {
   color: currentColor;
   font-size: 0.8125em;
   position: relative;
   font-style: normal;
 }
-:where(.wp-block-quote).has-text-align-right {
+.wp-block-quote.has-text-align-right {
   border-right: none;
   border-left: 0.25em solid currentColor;
   padding-right: 0;
   padding-left: 1em;
 }
-:where(.wp-block-quote).has-text-align-center {
+.wp-block-quote.has-text-align-center {
   border: none;
   padding-right: 0;
 }
-:where(.wp-block-quote).is-style-plain, :where(.wp-block-quote).is-style-large, :where(.wp-block-quote).is-large {
+.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   border: none;
 }

package/build-style/quote/theme.css

@@ -86,28 +86,28 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-quote) {
+.wp-block-quote {
   border-left: 0.25em solid currentColor;
   margin: 0 0 1.75em 0;
   padding-left: 1em;
 }
-:where(.wp-block-quote) cite,
-:where(.wp-block-quote) footer {
+.wp-block-quote cite,
+.wp-block-quote footer {
   color: currentColor;
   font-size: 0.8125em;
   position: relative;
   font-style: normal;
 }
-:where(.wp-block-quote).has-text-align-right {
+.wp-block-quote.has-text-align-right {
   border-left: none;
   border-right: 0.25em solid currentColor;
   padding-left: 0;
   padding-right: 1em;
 }
-:where(.wp-block-quote).has-text-align-center {
+.wp-block-quote.has-text-align-center {
   border: none;
   padding-left: 0;
 }
-:where(.wp-block-quote).is-style-plain, :where(.wp-block-quote).is-style-large, :where(.wp-block-quote).is-large {
+.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   border: none;
 }

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

@@ -89,8 +89,4 @@
 .block-editor-block-list__block[data-type="core/separator"] {
   padding-top: 0.1px;
   padding-bottom: 0.1px;
-}
-.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
 }

package/build-style/separator/editor.css

@@ -89,8 +89,4 @@
 .block-editor-block-list__block[data-type="core/separator"] {
   padding-top: 0.1px;
   padding-bottom: 0.1px;
-}
-.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
 }

package/build-style/separator/style-rtl.css

@@ -87,14 +87,19 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.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;
@@ -103,9 +108,7 @@
   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;
 }

package/build-style/separator/style.css

@@ -87,14 +87,19 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
+.wp-block-separator {
+  border-top: 2px solid currentColor;
+  border-left: none;
+  border-right: 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;
@@ -104,9 +109,7 @@
   font-family: serif;
 }
 
-:where(.wp-block-separator) {
-  border-top: 2px solid currentColor;
-  border-left: none;
-  border-right: none;
-  border-bottom: none;
+.wp-block-separator.is-style-dots {
+  background: none !important;
+  border: none !important;
 }

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

@@ -111,6 +111,7 @@
   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;
 }

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

@@ -111,6 +111,7 @@
   margin-right: auto;
   text-align: center;
 }
-.wp-block-site-logo.is-style-rounded {
+
+:root :where(.wp-block-site-logo.is-style-rounded) {
   border-radius: 9999px;
 }

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

@@ -91,6 +91,6 @@
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -91,6 +91,6 @@
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -86,6 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-site-title a {
+:root :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -86,6 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-site-title a {
+:root :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -109,11 +109,11 @@
   outline: 3px solid transparent;
 }
 
-.wp-block-social-links.is-style-pill-shape .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
   padding-right: calc((2/3) * 1em);
   padding-left: calc((2/3) * 1em);
 }
 
-.wp-block-social-links.is-style-logos-only .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
   padding: 0;
 }

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

@@ -109,11 +109,11 @@
   outline: 3px solid transparent;
 }
 
-.wp-block-social-links.is-style-pill-shape .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
   padding-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
 }
 
-.wp-block-social-links.is-style-logos-only .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
   padding: 0;
 }

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

@@ -95,10 +95,20 @@
   transform: none;
 }
 
-.editor-styles-wrapper .wp-block-social-links {
+:root :where(.wp-block-social-links),
+:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
   padding: 0;
 }
 
+:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
+  padding-right: calc((2/3) * 1em);
+  padding-left: calc((2/3) * 1em);
+}
+
 .wp-block-social-links__social-placeholder {
   display: flex;
   opacity: 0.8;
@@ -115,16 +125,6 @@
 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   display: flex;
 }
-.wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0.25em;
-}
-.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
-  padding-right: calc((2/3) * 1em);
-  padding-left: calc((2/3) * 1em);
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0;
-}
 .wp-block-social-links__social-placeholder .wp-social-link::before {
   content: "";
   display: block;

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

@@ -95,10 +95,20 @@
   transform: none;
 }
 
-.editor-styles-wrapper .wp-block-social-links {
+:root :where(.wp-block-social-links),
+:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
   padding: 0;
 }
 
+:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
+  padding-left: calc((2/3) * 1em);
+  padding-right: calc((2/3) * 1em);
+}
+
 .wp-block-social-links__social-placeholder {
   display: flex;
   opacity: 0.8;
@@ -115,16 +125,6 @@
 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   display: flex;
 }
-.wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0.25em;
-}
-.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
-  padding-left: calc((2/3) * 1em);
-  padding-right: calc((2/3) * 1em);
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0;
-}
 .wp-block-social-links__social-placeholder .wp-social-link::before {
   content: "";
   display: block;

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

@@ -100,9 +100,6 @@
   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;
@@ -181,6 +178,10 @@
   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;
@@ -346,9 +347,6 @@
 .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;
@@ -362,6 +360,9 @@
 .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;
 }
@@ -487,7 +488,16 @@
 .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);
 }

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

@@ -100,9 +100,6 @@
   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;
@@ -181,6 +178,10 @@
   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;
@@ -346,9 +347,6 @@
 .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;
@@ -362,6 +360,9 @@
 .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;
 }
@@ -487,7 +488,16 @@
 .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-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
 }