diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/blocks/button/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/wp/wp-includes/blocks/button/style.css Wed Sep 21 18:19:35 2022 +0200 @@ -0,0 +1,165 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +.wp-block-button__link { + color: #fff; + background-color: #32373c; + border-radius: 9999px; + box-shadow: none; + cursor: pointer; + display: inline-block; + font-size: 1.125em; + padding: calc(0.667em + 2px) calc(1.333em + 2px); + text-align: center; + text-decoration: none; + overflow-wrap: 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 { + color: #fff; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + /*rtl:ignore*/ + text-align: right; +} + +.wp-block-buttons > .wp-block-button.has-custom-width { + max-width: none; +} +.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { + width: 100%; +} +.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.5em); +} +.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%; +} + +@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-button.is-style-squared, +.wp-block-button__link.wp-block-button.is-style-squared { + border-radius: 0; +} + +.wp-block-button.no-border-radius, +.wp-block-button__link.no-border-radius { + border-radius: 0 !important; +} + +.is-style-outline > .wp-block-button__link, +.wp-block-button__link.is-style-outline { + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.is-style-outline > .wp-block-button__link:not(.has-text-color), +.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: currentColor; +} + +.is-style-outline > .wp-block-button__link:not(.has-background), +.wp-block-button__link.is-style-outline:not(.has-background) { + background-color: transparent; +} \ No newline at end of file