Refactor gr-button styling

A few changes:
- Utilize mixins within gr-button internally, so less styles have to be
  overridden by elements implementing their own button styles.
- All buttons have a hover background color, which is 12% black
  overlayed on top of its current background color.

Bug: Issue 7894
Change-Id: I4f2879aa0232912267bbf1290a1c800d024099a6
This commit is contained in:
Becky Siegel
2017-11-30 15:07:24 -08:00
parent 23622a0149
commit 6de1489147
7 changed files with 54 additions and 81 deletions

View File

@@ -53,12 +53,6 @@ limitations under the License.
padding: 0;
text-decoration: none;
}
--gr-button-hover-color: {
color: #333;
}
--gr-button-hover-background-color: {
color: #333;
}
}
.transparentBackground,
gr-button.transparentBackground {