--- 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;
}