1 | import { css } from "lit";
|
2 |
|
3 |
|
4 |
|
5 | export const dialogStyles = css `
|
6 | :host {
|
7 | --mdc-theme-primary: var(--improv-primary-color, #03a9f4);
|
8 | --mdc-theme-on-primary: var(--improv-on-primary-color, #fff);
|
9 | --improv-danger-color: #db4437;
|
10 | --improv-text-color: rgba(0, 0, 0, 0.6);
|
11 | --mdc-theme-text-primary-on-background: var(--improv-text-color);
|
12 | --mdc-dialog-content-ink-color: var(--improv-text-color);
|
13 | text-align: left;
|
14 | font-size: 16px;
|
15 | --mdc-typography-headline6-font-size: 1.25em;
|
16 | --mdc-typography-headline6-line-height: 2em;
|
17 | --mdc-typography-body1-font-size: 1em;
|
18 | --mdc-typography-body1-line-height: 1.5em;
|
19 | --mdc-typography-button-font-size: 0.875em;
|
20 | --mdc-typography-button-line-height: 2.25em;
|
21 | --mdc-typography-subtitle1-font-size: 1em;
|
22 | --mdc-typography-subtitle1-line-height: 1.75em;
|
23 | }
|
24 |
|
25 | a {
|
26 | color: var(--improv-primary-color, #03a9f4);
|
27 | }
|
28 |
|
29 | a.button {
|
30 | text-decoration: none;
|
31 | }
|
32 | `;
|