Changeset 44370

Timestamp:

12/28/2018 08:14:26 PM (6 years ago)

Author:

laurelfulford

Message:

Twenty Nineteen: Fix hover appearance for outlined button block style.

The outlined button block style was displaying white text on a white background on hover. This update makes sure the text remains legible on hover when this button style is applied.

Props rickalee, kjellr.
Fixes #45726.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• sass/blocks/_blocks.scss (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -216 +216 @@
             color: white;
             border-color: $color__background-button-hover;
+            &:not(.has-background) {
+                color: $color__background-button-hover;
+            }
         }
     }

trunk/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -3665 +3665 @@
 }
 
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
+  color: #111;
+}
+
 .entry .entry-content .wp-block-archives,
 .entry .entry-content .wp-block-categories,

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -3677 +3677 @@
 }
 
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
+  color: #111;
+}
+
 .entry .entry-content .wp-block-archives,
 .entry .entry-content .wp-block-categories,