Twenty Sixteen: Remove .entry-content selector from button styles.

This change applies the default button styles to all button blocks in Twenty Sixteen, instead of only targeting those in `entry-content`. This means that any buttons added outside of `.entry-content`, such as in a widget area, will be styled the same as any other button blocks. This change also makes the theme custom colors work outside of `.entry-content`.

Follow-up to [44306].

Props mikachan, costdev, audrasjb.
Fixes #55167.

Built from https://develop.svn.wordpress.org/trunk@52926


git-svn-id: http://core.svn.wordpress.org/trunk@52515 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb 2022-03-12 21:55:08 +00:00
parent 2594c68d9f
commit b972ba13bd
2 changed files with 37 additions and 34 deletions

View File

@ -239,25 +239,28 @@ p.has-drop-cap:not(:focus)::first-letter {
text-transform: uppercase; text-transform: uppercase;
} }
.entry-content .wp-block-button__link { .wp-block-button__link {
background: #1a1a1a; background: #1a1a1a;
color: #fff; color: #fff;
} }
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) { .is-style-outline .wp-block-button__link:not(.has-background) {
background: transparent; background: transparent;
} }
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) { .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #1a1a1a; color: #1a1a1a;
} }
.entry-content .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active,
.entry-content .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, .wp-block-button .wp-block-button__link:hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus, .is-style-outline .wp-block-button__link:not(.has-background):active,
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover, .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus { .is-style-outline .wp-block-button__link:not(.has-background):focus,
.is-style-outline .wp-block-button__link:not(.has-text-color):active,
.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.is-style-outline .wp-block-button__link:not(.has-text-color):focus {
background: #007acc; background: #007acc;
color: #fff; color: #fff;
} }
@ -350,98 +353,98 @@ hr.wp-block-separator {
6.0 Blocks - Colors 6.0 Blocks - Colors
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.entry-content .has-dark-gray-color { .has-dark-gray-color {
color: #1a1a1a; color: #1a1a1a;
} }
.entry-content .has-dark-gray-background-color { .has-dark-gray-background-color {
background-color: #1a1a1a; background-color: #1a1a1a;
} }
.entry-content .has-medium-gray-color { .has-medium-gray-color {
color: #686868; color: #686868;
} }
.entry-content .has-medium-gray-background-color { .has-medium-gray-background-color {
background-color: #686868; background-color: #686868;
} }
.entry-content .has-light-gray-color { .has-light-gray-color {
color: #e5e5e5; color: #e5e5e5;
} }
.entry-content .has-light-gray-background-color { .has-light-gray-background-color {
background-color: #e5e5e5; background-color: #e5e5e5;
} }
.entry-content .has-white-color { .has-white-color {
color: #fff; color: #fff;
} }
.entry-content .has-white-background-color { .has-white-background-color {
background-color: #fff; background-color: #fff;
} }
.entry-content .has-blue-gray-color { .has-blue-gray-color {
color: #4d545c; color: #4d545c;
} }
.entry-content .has-blue-gray-background-color { .has-blue-gray-background-color {
background-color: #4d545c; background-color: #4d545c;
} }
.entry-content .has-bright-blue-color { .has-bright-blue-color {
color: #007acc; color: #007acc;
} }
.entry-content .has-bright-blue-background-color { .has-bright-blue-background-color {
background-color: #007acc; background-color: #007acc;
} }
.entry-content .has-light-blue-color { .has-light-blue-color {
color: #9adffd; color: #9adffd;
} }
.entry-content .has-light-blue-background-color { .has-light-blue-background-color {
background-color: #9adffd; background-color: #9adffd;
} }
.entry-content .has-dark-brown-color { .has-dark-brown-color {
color: #402b30; color: #402b30;
} }
.entry-content .has-dark-brown-background-color { .has-dark-brown-background-color {
background-color: #402b30; background-color: #402b30;
} }
.entry-content .has-medium-brown-color { .has-medium-brown-color {
color: #774e24; color: #774e24;
} }
.entry-content .has-medium-brown-background-color { .has-medium-brown-background-color {
background-color: #774e24; background-color: #774e24;
} }
.entry-content .has-dark-red-color { .has-dark-red-color {
color: #640c1f; color: #640c1f;
} }
.entry-content .has-dark-red-background-color { .has-dark-red-background-color {
background-color: #640c1f; background-color: #640c1f;
} }
.entry-content .has-bright-red-color { .has-bright-red-color {
color: #ff675f; color: #ff675f;
} }
.entry-content .has-bright-red-background-color { .has-bright-red-background-color {
background-color: #ff675f; background-color: #ff675f;
} }
.entry-content .has-yellow-color { .has-yellow-color {
color: #ffef8e; color: #ffef8e;
} }
.entry-content .has-yellow-background-color { .has-yellow-background-color {
background-color: #ffef8e; background-color: #ffef8e;
} }

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.0-alpha-52925'; $wp_version = '6.0-alpha-52926';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.