Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Twenty Fifteen: Fix button block custom colors on front end.
Simplify some of the button block’s CSS selectors in the theme, to make sure the default colors don’t override the custom colors on the front end.

Fixes #45428.



git-svn-id: https://develop.svn.wordpress.org/branches/5.0@44198 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information
laurelfulford committed Dec 14, 2018
1 parent 41a0551 commit 6ae98f3
Showing 1 changed file with 8 additions and 5 deletions.
13 changes: 8 additions & 5 deletions src/wp-content/themes/twentyfifteen/css/blocks.css
Expand Up @@ -384,10 +384,8 @@ p.has-drop-cap:not(:focus)::first-letter {
/* Button */ /* Button */


.wp-block-button .wp-block-button__link { .wp-block-button .wp-block-button__link {
background-color: #333;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
color: #fff;
cursor: pointer; cursor: pointer;
font-family: "Noto Sans", sans-serif; font-family: "Noto Sans", sans-serif;
font-size: 12px; font-size: 12px;
Expand All @@ -399,11 +397,16 @@ p.has-drop-cap:not(:focus)::first-letter {
vertical-align: baseline; vertical-align: baseline;
} }


.wp-block-button .wp-block-button__link:hover, .wp-block-button__link {
.wp-block-button .wp-block-button__link:focus { background-color: #333;
color: #fff;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
background-color: #707070; background-color: #707070;
background-color: rgba(51, 51, 51, 0.7); background-color: rgba(51, 51, 51, 0.7);
outline: 0; color: #fff;
} }


@media screen and (min-width: 46.25em) { @media screen and (min-width: 46.25em) {
Expand Down

0 comments on commit 6ae98f3

Please sign in to comment.