|
2
|
1 |
.App { |
|
|
2 |
text-align: center; |
|
|
3 |
} |
|
|
4 |
|
|
|
5 |
.App-logo { |
|
|
6 |
animation: App-logo-spin infinite 20s linear; |
|
|
7 |
height: 80px; |
|
|
8 |
} |
|
|
9 |
|
|
|
10 |
.App-header { |
|
|
11 |
background-color: #222; |
|
|
12 |
height: 150px; |
|
|
13 |
padding: 20px; |
|
|
14 |
color: white; |
|
|
15 |
} |
|
|
16 |
|
|
|
17 |
.App-intro { |
|
|
18 |
font-size: large; |
|
|
19 |
} |
|
|
20 |
|
|
5
|
21 |
.toolbar-menu { |
|
|
22 |
padding: 1px 0 17px 18px; |
|
|
23 |
margin: 0 -20px; |
|
|
24 |
border-bottom: 2px solid #eee; |
|
|
25 |
margin-bottom: 20px; |
|
|
26 |
.button { |
|
|
27 |
color: #ccc; |
|
|
28 |
cursor: pointer; |
|
|
29 |
} |
|
|
30 |
|
|
|
31 |
.button[data-active="true"] { |
|
|
32 |
color: black; |
|
|
33 |
} |
|
|
34 |
} |
|
|
35 |
|
|
|
36 |
|
|
2
|
37 |
@keyframes App-logo-spin { |
|
|
38 |
from { transform: rotate(0deg); } |
|
|
39 |
to { transform: rotate(360deg); } |
|
|
40 |
} |