Skip to content

Commit 5954d42

Browse files
committed
Move the overlay color back to the button base styles.
1 parent 6fe4986 commit 5954d42

File tree

2 files changed

+7
-6
lines changed

2 files changed

+7
-6
lines changed

src/lib/button/_button-theme.scss

-6
Original file line numberDiff line numberDiff line change
@@ -80,12 +80,6 @@
8080
background-color: md-color($accent);
8181
color: md-color($accent, default-contrast);
8282
}
83-
84-
.md-button-focus-overlay {
85-
@include md-high-contrast {
86-
background-color: if(map_get($theme, is-dark), rgba(black, 0.5), rgba(white, 0.5));
87-
}
88-
}
8983
}
9084

9185

src/lib/button/button.scss

+7
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,13 @@
8080
border-radius: inherit;
8181
pointer-events: none;
8282
opacity: 0;
83+
84+
@include md-high-contrast {
85+
// Note that IE will render this in the same way, no
86+
// matter whether the theme is light or dark. This helps
87+
// with the readability of focused buttons.
88+
background-color: rgba(white, 0.5);
89+
}
8390
}
8491

8592
// For round buttons, the ripple container should clip child ripples to a circle.

0 commit comments

Comments
 (0)