generated from EsriDevEvents/ds-2023-repo-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
104 lines (85 loc) · 2.08 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
/** Setting custom core Calcite theme variables for light (default) and dark modes */
body {
--calcite-ui-brand: #3fa659;
--calcite-ui-foreground-1: #f6fcf8;
--calcite-ui-foreground-2: #e7f2ea;
--calcite-ui-foreground-3: #ddeee2;
--calcite-ui-border-3: #d2dfd5;
}
body.calcite-mode-dark {
--calcite-ui-brand: #3fa659;
--calcite-ui-foreground-1: #1e2520;
--calcite-ui-foreground-2: #28312a;
--calcite-ui-foreground-3: #1b231e;
--calcite-ui-border-3: #334036;
}
/** Setting component-specific css variables for light (default) and dark modes **/
calcite-modal {
--calcite-modal-scrim-background: rgba(30, 88, 48, 0.9);
}
body.calcite-mode-dark calcite-modal {
--calcite-modal-scrim-background: rgba(51, 64, 54, 0.9);
}
/** Setting component-specific custom core Calcite theme variables */
#chip-type-national {
--calcite-ui-icon-color: #c66a4a;
--calcite-ui-brand: #c66a4a;
}
#chip-type-national[selected] {
--calcite-ui-foreground-2: rgba(198, 106, 74, 0.3);
}
#chip-type-regional {
--calcite-ui-icon-color: #3cccb4;
--calcite-ui-brand: #3cccb4;
}
#chip-type-regional[selected] {
--calcite-ui-foreground-2: rgba(60, 204, 180, 0.3);
}
#chip-type-state {
--calcite-ui-icon-color: #7a81ff;
--calcite-ui-brand: #7a81ff;
}
#chip-type-state[selected] {
--calcite-ui-foreground-2: rgba(122, 129, 255, 0.3);
}
#chip-type-county {
--calcite-ui-icon-color: #0096ff;
--calcite-ui-brand: #0096ff;
}
#chip-type-county[selected] {
--calcite-ui-foreground-2: rgba(0, 150, 255, 0.3);
}
#chip-type-local {
--calcite-ui-icon-color: #f260a1;
--calcite-ui-brand: #f260a1;
}
#chip-type-local[selected] {
--calcite-ui-foreground-2: rgba(242, 95, 161, 0.3);
}
/** supporting styles */
calcite-action-pad {
margin-inline-end: 0.5rem;
}
#chips {
margin-inline-end: auto;
margin-inline-start: 0.5rem;
}
#modal hr {
margin: 1rem 0;
border: 0;
border-bottom: 1px solid var(--calcite-ui-border-3);
}
#modal ul li {
margin-bottom: 0.5rem;
}
#modal calcite-notice {
margin-bottom: 1.25rem;
}