UNPKG

1.14 kBPlain TextView Raw
1import { css } from "lit";
2
3// We set font-size to 16px and all the mdc typography styles
4// because it defaults to rem, which means that the font-size
5// of the host website would influence the ESP Web Tools dialog.
6
7export const dialogStyles = css`
8 :host {
9 --mdc-theme-primary: var(--improv-primary-color, #03a9f4);
10 --mdc-theme-on-primary: var(--improv-on-primary-color, #fff);
11 --improv-danger-color: #db4437;
12 --improv-text-color: rgba(0, 0, 0, 0.6);
13 --mdc-theme-text-primary-on-background: var(--improv-text-color);
14 --mdc-dialog-content-ink-color: var(--improv-text-color);
15 text-align: left;
16 font-size: 16px;
17 --mdc-typography-headline6-font-size: 1.25em;
18 --mdc-typography-headline6-line-height: 2em;
19 --mdc-typography-body1-font-size: 1em;
20 --mdc-typography-body1-line-height: 1.5em;
21 --mdc-typography-button-font-size: 0.875em;
22 --mdc-typography-button-line-height: 2.25em;
23 --mdc-typography-subtitle1-font-size: 1em;
24 --mdc-typography-subtitle1-line-height: 1.75em;
25 }
26
27 a {
28 color: var(--improv-primary-color, #03a9f4);
29 }
30
31 a.button {
32 text-decoration: none;
33 }
34`;