|
1 | 1 | @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
2 | 2 | * {
|
3 |
| - font-family: 'Outfit', sans-serif; |
| 3 | + font-family: 'Outfit', sans-serif; |
4 | 4 | }
|
5 | 5 | .error-container {
|
6 |
| - height: 100%; |
7 |
| - margin: 0 auto; |
8 |
| - background-color: $loader-background; |
| 6 | + height: 100%; |
| 7 | + margin: 0 auto; |
| 8 | + background-color: $loader-background; |
9 | 9 | color: $loader-text;
|
10 |
| - overflow: hidden; |
11 |
| - font: 'Outfit', sans-serif; |
| 10 | + overflow: hidden; |
| 11 | + font: 'Outfit', sans-serif; |
12 | 12 |
|
13 |
| - display: flex; |
14 |
| - flex-direction: column; |
15 |
| - align-items: center; |
16 |
| - a { |
17 |
| - color: rgb(91, 54, 54); |
18 |
| - margin-top: 1%; |
19 |
| - height: 3%; |
20 |
| - } |
21 |
| - img { |
22 |
| - text-align: center; |
23 |
| - padding-top: 5%; |
24 |
| - padding-bottom: 1.5%; |
25 |
| - } |
26 |
| - p { |
27 |
| - padding: 0; |
28 |
| - text-align: center; |
29 |
| - margin: 2% 0; |
30 |
| - } |
31 |
| - .loaderChecks { |
32 |
| - padding: 1%; |
33 |
| - border: 1px solid; |
34 |
| - border-style: solid; |
35 |
| - border-color: loader-checks-border; |
36 |
| - display: grid; |
37 |
| - grid-template-columns: 4fr 1fr; |
38 |
| - grid-template-rows: repeat(3, 1fr); |
39 |
| - grid-column-gap: .5%; |
40 |
| - grid-row-gap: .5%; |
41 |
| - justify-content: center; |
42 |
| - align-items: center; |
43 |
| - } |
44 |
| - .loaderChecks span { |
45 |
| - margin: 0 auto; |
46 |
| - display: inline; |
47 |
| - } |
48 |
| - h2 { |
49 |
| - padding-left: 2%; |
50 |
| - padding-right: 2%; |
51 |
| - } |
52 |
| - .check, .fail{ |
53 |
| - font-size: 3em; |
54 |
| - color: green; |
55 |
| - margin: 0; |
56 |
| - align-self: center; |
57 |
| - justify-self: center; |
58 |
| - } |
59 |
| - .fail{ |
60 |
| - color: red; |
61 |
| - } |
62 |
| - .errorMsg{ |
63 |
| - text-align: center; |
64 |
| - font-weight: bold; |
65 |
| - } |
| 13 | + display: flex; |
| 14 | + flex-direction: column; |
| 15 | + align-items: center; |
| 16 | + a { |
| 17 | + color: rgb(91, 54, 54); |
| 18 | + margin-top: 1%; |
| 19 | + height: 3%; |
| 20 | + } |
| 21 | + img { |
| 22 | + text-align: center; |
| 23 | + padding-top: 5%; |
| 24 | + padding-bottom: 1.5%; |
| 25 | + } |
| 26 | + p { |
| 27 | + padding: 0; |
| 28 | + text-align: center; |
| 29 | + margin: 2% 0; |
| 30 | + } |
| 31 | + .loaderChecks { |
| 32 | + padding: 1%; |
| 33 | + border: 1px solid; |
| 34 | + border-style: solid; |
| 35 | + border-color: loader-checks-border; |
| 36 | + display: grid; |
| 37 | + grid-template-columns: 4fr 1fr; |
| 38 | + grid-template-rows: repeat(3, 1fr); |
| 39 | + grid-column-gap: 0.5%; |
| 40 | + grid-row-gap: 0.5%; |
| 41 | + justify-content: center; |
| 42 | + align-items: center; |
| 43 | + } |
| 44 | + .loaderChecks span { |
| 45 | + margin: 0 auto; |
| 46 | + display: inline; |
| 47 | + } |
| 48 | + h2 { |
| 49 | + padding-left: 2%; |
| 50 | + padding-right: 2%; |
| 51 | + } |
| 52 | + .check, |
| 53 | + .fail { |
| 54 | + font-size: 3em; |
| 55 | + color: green; |
| 56 | + margin: 0; |
| 57 | + align-self: center; |
| 58 | + justify-self: center; |
| 59 | + } |
| 60 | + .fail { |
| 61 | + color: red; |
| 62 | + } |
| 63 | + .errorMsg { |
| 64 | + text-align: center; |
| 65 | + font-weight: bold; |
| 66 | + } |
66 | 67 |
|
67 |
| - .launchContentButton { |
68 |
| - background: $launch-button; |
| 68 | + .launchContentButton { |
| 69 | + background: $launch-button; |
69 | 70 | color: $launch-button-text;
|
70 | 71 | margin: 3px;
|
71 |
| - padding: 5px 10px; |
| 72 | + padding: 5px 10px; |
72 | 73 | border-radius: 5px;
|
73 | 74 | border: 1px solid rgb(36, 37, 41);
|
74 |
| - } |
| 75 | + } |
75 | 76 |
|
76 |
| - .launchContentButton:hover { |
| 77 | + .launchContentButton:hover { |
77 | 78 | background: $launch-button-hover;
|
78 | 79 | }
|
79 | 80 |
|
80 |
| - .launchContentButton:active { |
81 |
| - box-shadow: 1px 1px 10px black; |
| 81 | + .launchContentButton:active { |
| 82 | + box-shadow: 1px 1px 10px black; |
82 | 83 | }
|
83 | 84 | }
|
0 commit comments