1 | @import './Theme.css';
|
2 |
|
3 | .button {
|
4 | min-width: 153px;
|
5 | display: inline-block;
|
6 | margin-bottom: 0;
|
7 | font-size: 12px;
|
8 | font-weight: 400;
|
9 | line-height: 1.42857143;
|
10 | text-align: center;
|
11 | white-space: nowrap;
|
12 | vertical-align: middle;
|
13 | touch-action: manipulation;
|
14 | cursor: pointer;
|
15 | user-select: none;
|
16 | background-image: none;
|
17 | color: var(--button-color);
|
18 | background-color: var(--button-background-color);
|
19 | border-color: #ccc;
|
20 | text-transform: uppercase;
|
21 | padding: 14px 0;
|
22 | letter-spacing: 1.1px;
|
23 | border: none;
|
24 | }
|
25 |
|
26 | .button:active {
|
27 | opacity: 1;
|
28 | background-color: var(--button-click);
|
29 | }
|
30 |
|
31 | .button:hover,
|
32 | .signInButton:hover {
|
33 | opacity: 0.8;
|
34 | }
|
35 |
|
36 | .button:disabled {
|
37 | opacity: 1;
|
38 | cursor: auto;
|
39 | background-color: var(--ion-color-primary-tint);
|
40 | }
|
41 |
|
42 | .signInButton {
|
43 | position: relative;
|
44 | width: 100%;
|
45 | border-radius: 4px;
|
46 | margin-bottom: 10px;
|
47 | cursor: pointer;
|
48 | padding: 0;
|
49 | color: var(--deepSquidInk);
|
50 | font-size: 14px;
|
51 | box-sizing: content-box;
|
52 | }
|
53 |
|
54 | #googleSignInButton {
|
55 | background-color: #4285F4;
|
56 | font-family: Roboto;
|
57 | border: 1px solid #4285F4;
|
58 | color: var(--white);
|
59 | }
|
60 |
|
61 | #googleSignInButton > .signInButtonIcon {
|
62 | background-color: var(--white);
|
63 | border-radius: 4px 0 0 4px;
|
64 | height: 28px;
|
65 | width: 28px;
|
66 | padding: 12px;
|
67 | }
|
68 |
|
69 | #auth0SignInButton {
|
70 | background-color: #eb5424;
|
71 | font-family: Roboto;
|
72 | border: 1px solid #e14615;
|
73 | color: #fff;
|
74 | }
|
75 |
|
76 | #auth0SignInButton > .signInButtonIcon {
|
77 | border-radius: 4px 0 0 4px;
|
78 | height: 28px;
|
79 | width: 28px;
|
80 | padding: 12px;
|
81 | fill: #fff;
|
82 | }
|
83 |
|
84 | #facebookSignInButton {
|
85 | background-color: #4267B2;
|
86 | border-color: #4267B2;
|
87 | font-family: "Helvetica Neue";
|
88 | color: var(--white);
|
89 | }
|
90 |
|
91 | #facebookSignInButton > .signInButtonIcon {
|
92 | height: 33px;
|
93 | width: 18px;
|
94 | padding: 10px 14px;
|
95 | }
|
96 |
|
97 | #amazonSignInButton {
|
98 | background-color: var(--amazonOrange);
|
99 | border: none;
|
100 | color: var(--white);
|
101 | font-family: "Amazon Ember";
|
102 | }
|
103 |
|
104 | #amazonSignInButton > .signInButtonIcon {
|
105 | padding: 10px;
|
106 | height: 32px;
|
107 | width: 32px;
|
108 | }
|
109 |
|
110 | #oAuthSignInButton {
|
111 | background-color: var(--white);
|
112 | color: var(--deepSquidInk);
|
113 | }
|
114 |
|
115 | .signInButtonIcon {
|
116 | position: absolute;
|
117 | left: 0;
|
118 | }
|
119 |
|
120 | .signInButtonContent {
|
121 | text-align: center;
|
122 | display: block;
|
123 | padding: 18px 0;
|
124 | text-align: left;
|
125 | white-space: nowrap;
|
126 | overflow: hidden;
|
127 | text-overflow: ellipsis;
|
128 | text-align: center;
|
129 | } |
\ | No newline at end of file |