wp/wp-includes/blocks/button/style.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
--- a/wp/wp-includes/blocks/button/style.css	Wed Sep 21 18:19:35 2022 +0200
+++ b/wp/wp-includes/blocks/button/style.css	Tue Sep 27 16:37:53 2022 +0200
@@ -41,6 +41,12 @@
  * These variables do not appear to be used anywhere else.
  */
 /**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
  * Breakpoint mixins
  */
 /**
@@ -79,7 +85,7 @@
   padding: calc(0.667em + 2px) calc(1.333em + 2px);
   text-align: center;
   text-decoration: none;
-  overflow-wrap: break-word;
+  word-break: break-word;
   box-sizing: border-box;
 }
 .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
@@ -103,41 +109,29 @@
   font-size: inherit;
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-  width: calc(25% - 0.5em);
+  width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-  width: calc(50% - 0.5em);
+  width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-  width: calc(75% - 0.5em);
+  width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
-  width: calc(100% - 0.5em);
-}
-.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {
-  margin-right: 0;
   width: 100%;
+  flex-basis: 100%;
 }
 
-@supports (column-gap: 0.5em) {
-  .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-    width: calc(25% - 0.375em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-    width: calc(50% - 0.25em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-    width: calc(75% - 0.125em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
-    width: auto;
-    flex-basis: 100%;
-  }
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
+  width: 25%;
 }
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
+  width: 50%;
+}
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
+  width: 75%;
+}
+
 .wp-block-button.is-style-squared,
 .wp-block-button__link.wp-block-button.is-style-squared {
   border-radius: 0;
@@ -148,8 +142,8 @@
   border-radius: 0 !important;
 }
 
-.is-style-outline > .wp-block-button__link,
-.wp-block-button__link.is-style-outline {
+.is-style-outline > :where(.wp-block-button__link),
+:where(.wp-block-button__link).is-style-outline {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }