From b972ba13bd3f09642bbac85d9fd313a2809a4fd7 Mon Sep 17 00:00:00 2001 From: audrasjb Date: Sat, 12 Mar 2022 21:55:08 +0000 Subject: [PATCH] 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 --- .../themes/twentysixteen/css/blocks.css | 69 ++++++++++--------- wp-includes/version.php | 2 +- 2 files changed, 37 insertions(+), 34 deletions(-) diff --git a/wp-content/themes/twentysixteen/css/blocks.css b/wp-content/themes/twentysixteen/css/blocks.css index 9026293a12..9030eb1fd4 100644 --- a/wp-content/themes/twentysixteen/css/blocks.css +++ b/wp-content/themes/twentysixteen/css/blocks.css @@ -239,25 +239,28 @@ p.has-drop-cap:not(:focus)::first-letter { text-transform: uppercase; } -.entry-content .wp-block-button__link { +.wp-block-button__link { background: #1a1a1a; 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; } -.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; } -.entry-content .wp-block-button__link:hover, -.entry-content .wp-block-button__link:focus, -.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, -.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus, -.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover, -.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus { +.wp-block-button .wp-block-button__link:active, +.wp-block-button .wp-block-button__link:focus, +.wp-block-button .wp-block-button__link:hover, +.is-style-outline .wp-block-button__link:not(.has-background):active, +.is-style-outline .wp-block-button__link:not(.has-background):hover, +.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; color: #fff; } @@ -350,98 +353,98 @@ hr.wp-block-separator { 6.0 Blocks - Colors --------------------------------------------------------------*/ -.entry-content .has-dark-gray-color { +.has-dark-gray-color { color: #1a1a1a; } -.entry-content .has-dark-gray-background-color { +.has-dark-gray-background-color { background-color: #1a1a1a; } -.entry-content .has-medium-gray-color { +.has-medium-gray-color { color: #686868; } -.entry-content .has-medium-gray-background-color { +.has-medium-gray-background-color { background-color: #686868; } -.entry-content .has-light-gray-color { +.has-light-gray-color { color: #e5e5e5; } -.entry-content .has-light-gray-background-color { +.has-light-gray-background-color { background-color: #e5e5e5; } -.entry-content .has-white-color { +.has-white-color { color: #fff; } -.entry-content .has-white-background-color { +.has-white-background-color { background-color: #fff; } -.entry-content .has-blue-gray-color { +.has-blue-gray-color { color: #4d545c; } -.entry-content .has-blue-gray-background-color { +.has-blue-gray-background-color { background-color: #4d545c; } -.entry-content .has-bright-blue-color { +.has-bright-blue-color { color: #007acc; } -.entry-content .has-bright-blue-background-color { +.has-bright-blue-background-color { background-color: #007acc; } -.entry-content .has-light-blue-color { +.has-light-blue-color { color: #9adffd; } -.entry-content .has-light-blue-background-color { +.has-light-blue-background-color { background-color: #9adffd; } -.entry-content .has-dark-brown-color { +.has-dark-brown-color { color: #402b30; } -.entry-content .has-dark-brown-background-color { +.has-dark-brown-background-color { background-color: #402b30; } -.entry-content .has-medium-brown-color { +.has-medium-brown-color { color: #774e24; } -.entry-content .has-medium-brown-background-color { +.has-medium-brown-background-color { background-color: #774e24; } -.entry-content .has-dark-red-color { +.has-dark-red-color { color: #640c1f; } -.entry-content .has-dark-red-background-color { +.has-dark-red-background-color { background-color: #640c1f; } -.entry-content .has-bright-red-color { +.has-bright-red-color { color: #ff675f; } -.entry-content .has-bright-red-background-color { +.has-bright-red-background-color { background-color: #ff675f; } -.entry-content .has-yellow-color { +.has-yellow-color { color: #ffef8e; } -.entry-content .has-yellow-background-color { +.has-yellow-background-color { background-color: #ffef8e; } diff --git a/wp-includes/version.php b/wp-includes/version.php index 6869cbf807..1906de24c1 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -16,7 +16,7 @@ * * @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.