1 |
|
2 | /* Boilerplate */
|
3 |
|
4 | html {
|
5 | font-family: monospace;
|
6 | font-size: 16px;
|
7 | height: 100%;
|
8 | background: hsl(0, 0%, 95%);
|
9 | }
|
10 |
|
11 | body {
|
12 | height: 100%;
|
13 | padding: 0;
|
14 | margin: 0;
|
15 | display: flex;
|
16 | }
|
17 |
|
18 | #root {
|
19 | display: flex;
|
20 | flex: 1;
|
21 | }
|
22 |
|
23 |
|
24 | #app {
|
25 | display: flex;
|
26 | flex: 1;
|
27 | }
|
28 |
|
29 |
|
30 | /* Popover */
|
31 |
|
32 | .Popover-body {
|
33 | display: inline-flex;
|
34 | flex-direction: column;
|
35 | padding: 2rem 4rem;
|
36 | background: hsl(0, 0%, 27%);
|
37 | color: white;
|
38 | border-radius: 0.3rem;
|
39 | }
|
40 |
|
41 | .Popover-tipShape {
|
42 | fill: hsl(0, 0%, 27%)
|
43 | }
|