source: trip-planner-front/node_modules/istanbul-reports/lib/html-spa/assets/spa.css@ 84d0fbb

Last change on this file since 84d0fbb was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit

  • Property mode set to 100644
File size: 3.9 KB
Line 
1/* Base */
2
3body,
4html {
5 margin: 0;
6 padding: 0;
7 height: 100%;
8}
9
10body {
11 color: #333;
12 background-color: #fcfcfc;
13 font: 14px/14px -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
14 Roboto, 'Helvetica Neue', Arial, sans-serif;
15}
16
17button {
18 margin: 0;
19 border: none;
20 font: inherit;
21 color: inherit;
22}
23
24button:focus {
25 outline: none;
26}
27
28*,
29*:after,
30*:before {
31 -webkit-box-sizing: border-box;
32 -moz-box-sizing: border-box;
33 box-sizing: border-box;
34}
35
36/* Typography */
37
38h1 {
39 font-size: 20px;
40 line-height: 20px;
41 margin: 0;
42}
43
44a {
45 color: #0074d9;
46 text-decoration: none;
47}
48
49a:hover {
50 text-decoration: underline;
51}
52
53.small {
54 font-size: 12px;
55}
56
57.strong {
58 font-weight: bold;
59}
60
61.center {
62 text-align: center;
63}
64
65.quiet {
66 opacity: 0.7;
67}
68
69/* Colors */
70
71.low {
72 background: #fce1e5;
73}
74
75.low--dark {
76 background: #c21f39;
77}
78
79.medium {
80 background: #fff4c2;
81}
82
83.medium--dark {
84 background: #f9cd0b;
85}
86
87.high {
88 background: rgb(230, 245, 208);
89}
90
91.high--dark {
92 background: rgb(77, 146, 33);
93}
94
95/* App */
96
97.app {
98 height: 100%;
99}
100
101/* Layout */
102
103.layout {
104 display: flex;
105 flex-direction: column;
106 min-height: 100%;
107 padding: 20px;
108}
109
110.layout__section {
111 flex-grow: 0;
112}
113
114.layout__section--fill {
115 flex-grow: 1;
116}
117
118.layout__section + .layout__section {
119 margin-top: 20px;
120}
121
122@media only screen and (max-width: 640px) {
123 .col3 {
124 width: 100%;
125 max-width: 100%;
126 }
127 .hide-mobile {
128 display: none !important;
129 }
130}
131
132/* Toolbar */
133
134.toolbar {
135 display: flex;
136 flex-wrap: wrap;
137}
138
139.toolbar__item {
140 margin-right: 40px;
141 margin-bottom: 10px;
142}
143
144/* Toggle */
145
146.toggle {
147 display: inline-flex;
148 align-items: center;
149}
150
151.toggle__label {
152 margin-right: 0.5em;
153}
154
155.toggle__options {
156 display: inline-block;
157 border: 1px solid #0074d9;
158 border-radius: 4px;
159 color: #0074d9;
160 overflow: hidden;
161 white-space: nowrap;
162}
163
164.toggle__option {
165 padding: 4px 8px;
166 background: #fcfcfc;
167}
168
169.toggle__option + .toggle__option {
170 border-left: 1px solid #0074d9;
171}
172
173.toggle__option.is-toggled {
174 color: #fff;
175 background: #0074d9;
176 border-left-color: #fcfcfc;
177}
178
179/* Expand */
180
181.expandbutton {
182 display: inline-block;
183 width: 1em;
184 margin-right: 0.25em;
185 padding: 0;
186 background-color: transparent;
187 font-weight: bold;
188}
189
190/* Fraction */
191
192.fraction {
193 font-size: 12px;
194 color: #666;
195 padding: 2px 4px;
196 border-radius: 4px;
197}
198
199/* Coverage */
200
201.coverage-summary {
202 border-collapse: collapse;
203}
204
205.coverage-summary tbody tr {
206 border-bottom: 1px solid #fff;
207}
208
209.coverage-summary td,
210.coverage-summary th {
211 padding: 5px;
212}
213
214.coverage-summary th {
215 text-align: center;
216 font-weight: normal;
217 white-space: nowrap;
218}
219
220.coverage-summary th.abs,
221.coverage-summary td.pct,
222.coverage-summary td.abs {
223 text-align: right;
224}
225
226.coverage-summary th.file {
227 min-width: 300px;
228 text-align: left;
229}
230
231.coverage-summary td.file {
232 white-space: nowrap;
233}
234
235.coverage-summary td.pct {
236 font-weight: 400;
237}
238
239.coverage-summary td.abs {
240 color: #666;
241 font-size: 12px;
242}
243
244.coverage-summary td.empty {
245 opacity: 0.5;
246}
247
248.coverage-summary .headercell {
249 border-top: 1px solid #eee;
250 text-align: right;
251 font-size: 12px;
252 color: #666;
253}
254
255.coverage-summary .headercell:nth-child(5n - 2),
256.coverage-summary td:nth-child(5n - 2) {
257 border-left: 2px solid #fcfcfc;
258 padding-left: 2em;
259}
260
261.filetab {
262 display: inline-block;
263 width: 1em;
264}
265
266/* Sorter */
267
268.sorter {
269 display: inline-block;
270 width: 7px;
271 height: 10px;
272 margin-left: 0.5em;
273 background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
274}
275
276.sorted .sorter {
277 background-position: 0 -20px;
278}
279
280.sorted-desc .sorter {
281 background-position: 0 -10px;
282}
283
284.sortable {
285 cursor: pointer;
286}
287
288/* Bar */
289
290.bar {
291 width: 50px;
292 height: 5px;
293 background: #fff;
294}
295
296.bar__data {
297 height: 100%;
298}
Note: See TracBrowser for help on using the repository browser.