aboutsummaryrefslogtreecommitdiff
path: root/src/App.css
diff options
context:
space:
mode:
authorpacien2018-10-10 16:41:04 +0200
committerpacien2018-10-10 16:41:04 +0200
commit8f30fc76e498b3c561f511e218a6d4a0b0fc6d16 (patch)
tree0cb9ce497b2e6f75ee9badbec71e97a14c7528c0 /src/App.css
parent6f3fc8c44a917ba8248388c886ea1c97dfe4285e (diff)
downloadjacoco-viewer-8f30fc76e498b3c561f511e218a6d4a0b0fc6d16.tar.gz
Initial implementation
Diffstat (limited to 'src/App.css')
-rw-r--r--src/App.css65
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}