mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-09 14:18:11 +02:00
In [54358], styling for Button blocks that had been removed from classic themes was reintroduced. However, it was added with a global scope, whereas editor styles are usually added with a `.editor-styles-wrapper` selector, which makes them more specific. This change modifies the way that classic theme styles are added so that they also get wrapped in an `.editor-styles-wrapper` selector to match specificity. Furthermore, adjust specificity for some Button block related styling in the editor for the Twenty Twelve and Twenty Twenty themes. Merges [https://github.com/WordPress/gutenberg/pull/44731 Gutenberg PR 44731] into trunk. Follow-up to [54358]. Props scruffian, cbravobernal, sabernhardt, audrasjb. See #56467. Built from https://develop.svn.wordpress.org/trunk@54687 git-svn-id: http://core.svn.wordpress.org/trunk@54239 1a063a9b-81f0-0310-95a4-ce76da25c4cd
19 lines
638 B
CSS
19 lines
638 B
CSS
/**
|
|
* These rules are needed for backwards compatibility.
|
|
* They should match the button element rules in the base theme.json file.
|
|
*/
|
|
.wp-block-button__link {
|
|
color: #ffffff;
|
|
background-color: #32373c;
|
|
border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */
|
|
|
|
/* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */
|
|
box-shadow: none;
|
|
text-decoration: none;
|
|
|
|
/* The extra 2px are added to size solids the same as the outline versions.*/
|
|
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
|
|
|
font-size: 1.125em;
|
|
}
|