1 | @import '../settings';
|
2 | @import '../common/typography';
|
3 | @import '../common/colors';
|
4 | @import '../common/button';
|
5 | @import '../common/input';
|
6 |
|
7 | .login {
|
8 | width: 420px;
|
9 | margin: 0 auto;
|
10 | background-color: var(--colorAthensGray);
|
11 | border: 2px solid var(--colorMercury);
|
12 | border-radius: var(--globalRadius);
|
13 | }
|
14 |
|
15 | .waiting {
|
16 | .loading {
|
17 | display: block;
|
18 | }
|
19 | }
|
20 |
|
21 | .alternative {
|
22 | background: var(--colorWhite);
|
23 | padding: 12px 8px;
|
24 | font-size: var(--fontMedium);
|
25 | text-align: center;
|
26 | }
|
27 |
|
28 | .alternative-link {
|
29 | color: var(--colorDodgerBlue);
|
30 | font-weight: bold;
|
31 | cursor: pointer;
|
32 | }
|
33 |
|
34 | .loading {
|
35 | display: none;
|
36 | text-align: center;
|
37 | margin: 24px auto;
|
38 | }
|
39 |
|
40 | .email-container {
|
41 | padding: 16px 12px;
|
42 | border-bottom: 2px solid var(--colorMercury);
|
43 | }
|
44 |
|
45 | .google-container {
|
46 | padding: 16px 12px;
|
47 | }
|
48 |
|
49 | .header {}
|
50 |
|
51 | .heading {
|
52 | @apply --subHeading;
|
53 | padding: 16px 12px;
|
54 | text-align: center;
|
55 | }
|
56 |
|
57 | .input {
|
58 | @apply --input;
|
59 | }
|
60 |
|
61 | .message {
|
62 | color: var(--colorCrimson);
|
63 | font-size: var(--fontSmall);
|
64 | }
|
65 |
|
66 | .button {
|
67 | @apply --greenButton;
|
68 | }
|
69 |
|
70 | .hint {
|
71 | @apply --small;
|
72 | color: var(--colorBombay);
|
73 | }
|