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 | #main {
|
19 | display: flex;
|
20 | flex: 1;
|
21 | }
|
22 |
|
23 | #app {
|
24 | display: flex;
|
25 | flex: 1;
|
26 | }
|
27 |
|
28 |
|
29 | /* Popover */
|
30 |
|
31 | .Popover-body {
|
32 | display: inline-flex;
|
33 | flex-direction: column;
|
34 | padding: 2rem 4rem;
|
35 | background: hsl(0, 0%, 27%);
|
36 | color: white;
|
37 | border-radius: 0.3rem;
|
38 | }
|
39 |
|
40 | .Popover-tipShape {
|
41 | fill: hsl(0, 0%, 27%)
|
42 | }
|