diff options
Diffstat (limited to 'src/App.css')
-rw-r--r-- | src/App.css | 65 |
1 files changed, 43 insertions, 22 deletions
diff --git a/src/App.css b/src/App.css index 92f956e..d0870a2 100644 --- a/src/App.css +++ b/src/App.css | |||
@@ -1,32 +1,53 @@ | |||
1 | /* | ||
2 | * JaCoCo Report Viewer, a web-based coverage report viewer | ||
3 | * Copyright (C) 2018 Pacien TRAN-GIRARD | ||
4 | * Adam NAILI | ||
5 | * | ||
6 | * This program is free software: you can redistribute it and/or modify | ||
7 | * it under the terms of the GNU General Public License as published by | ||
8 | * the Free Software Foundation, either version 3 of the License, or | ||
9 | * (at your option) any later version. | ||
10 | * | ||
11 | * This program is distributed in the hope that it will be useful, | ||
12 | * but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
13 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
14 | * GNU General Public License for more details. | ||
15 | * | ||
16 | * You should have received a copy of the GNU General Public License | ||
17 | * along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
18 | */ | ||
19 | |||
1 | .App { | 20 | .App { |
2 | text-align: center; | 21 | margin: 1rem; |
22 | } | ||
23 | |||
24 | .App label { | ||
25 | display: inline-block; | ||
26 | width: 6rem; | ||
27 | } | ||
28 | |||
29 | .App ul { | ||
30 | padding-left: 1.75rem; | ||
31 | } | ||
32 | |||
33 | .App ul[inline-list="true"] { | ||
34 | display: inline; | ||
35 | padding-left: 0.75rem; | ||
3 | } | 36 | } |
4 | 37 | ||
5 | .App-logo { | 38 | .App ul[inline-list="true"] li { |
6 | animation: App-logo-spin infinite 20s linear; | 39 | display: inline; |
7 | height: 40vmin; | 40 | list-style: none; |
8 | } | 41 | } |
9 | 42 | ||
10 | .App-header { | 43 | .App ul[inline-list="true"] li:not(:first-child) { |
11 | background-color: #282c34; | 44 | padding-left: 0.75rem; |
12 | min-height: 100vh; | ||
13 | display: flex; | ||
14 | flex-direction: column; | ||
15 | align-items: center; | ||
16 | justify-content: center; | ||
17 | font-size: calc(10px + 2vmin); | ||
18 | color: white; | ||
19 | } | 45 | } |
20 | 46 | ||
21 | .App-link { | 47 | .App li[well-covered="true"] { |
22 | color: #61dafb; | 48 | color: green; |
23 | } | 49 | } |
24 | 50 | ||
25 | @keyframes App-logo-spin { | 51 | .App li[well-covered="false"] { |
26 | from { | 52 | color: red; |
27 | transform: rotate(0deg); | ||
28 | } | ||
29 | to { | ||
30 | transform: rotate(360deg); | ||
31 | } | ||
32 | } | 53 | } |