diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/button/style-rtl.css --- a/wp/wp-includes/blocks/button/style-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/button/style-rtl.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 { @@ -102,41 +108,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-left: 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-left: 0; - margin-right: 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; @@ -147,8 +141,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; }