Use CSS constants in gr-form-styles

--select-background-color comes from the Chrome UA stylesheet.

Change-Id: Ia82f8347ca6ce0706566be86e5665a10bfc751bd
This commit is contained in:
Kasper Nilsson
2018-05-09 20:34:12 -07:00
parent 4313467582
commit 36725f37fc
2 changed files with 10 additions and 0 deletions

View File

@@ -46,6 +46,8 @@ limitations under the License.
--dropdown-background-color: #fff; --dropdown-background-color: #fff;
--select-background-color: rgb(248, 248, 248);
/* Font sizes */ /* Font sizes */
--font-size-normal: 1rem; --font-size-normal: 1rem;
--font-size-small: .92rem; --font-size-small: .92rem;

View File

@@ -17,6 +17,14 @@ limitations under the License.
<dom-module id="gr-form-styles"> <dom-module id="gr-form-styles">
<template> <template>
<style> <style>
.gr-form-styles input {
background-color: var(--view-background-color);
color: var(--primary-text-color);
}
.gr-form-styles select {
background-color: var(--select-background-color);
color: var(--primary-text-color);
}
.gr-form-styles h1, .gr-form-styles h1,
.gr-form-styles h2 { .gr-form-styles h2 {
margin-bottom: .3em; margin-bottom: .3em;