Use CSS constants in gr-form-styles
--select-background-color comes from the Chrome UA stylesheet. Change-Id: Ia82f8347ca6ce0706566be86e5665a10bfc751bd
This commit is contained in:
@@ -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;
|
||||||
|
@@ -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;
|
||||||
|
Reference in New Issue
Block a user