git.iko.soy/bridge
on df0c310 help sign in
bridge/src/views/Login/LoginSelector.scss
120 lines 2.1 kB history raw
1@import 'style/shared/variables.scss';
3.login-selector {
4 width: 482px;
5 min-height: 300px;
7 .login-menu-item {
8 padding: 16px 16px;
9 font-size: 14px;
10 font-weight: 600;
11 line-height: 24px;
12 border-radius: $medium-border-radius;
13 border: $light-gray-border;
14 cursor: pointer;
15 margin-top: 12px;
16 display: flex;
17 justify-content: space-between;
18 align-items: center;
20 &:first-of-type {
21 margin-top: 48px;
22 }
24 svg {
25 height: 18px;
26 width: 16px;
27 }
29 svg.logo-icon {
30 height: 24px;
31 width: 24px;
32 }
33 }
35 button.activate {
36 font-size: 14px;
37 color: white;
38 font-weight: 600;
39 background-color: $activate-blue;
40 margin-top: 12px;
41 height: 56px;
42 border: none;
43 border-radius: $medium-border-radius;
44 font-family: $default-font;
45 }
47 .unsupported-info {
48 font-size: 14px;
49 line-height: 18px;
50 margin-top: 16px;
51 font-family: $default-font;
52 text-align: center;
53 cursor: pointer;
55 svg {
56 margin-bottom: -3px;
57 margin-right: 4px;
58 height: 16px;
59 width: 16px;
60 }
61 }
63 .master-ticket {
64 .body-pane {
65 .input-form {
66 width: 100%;
67 min-height: 392px;
68 }
69 }
70 }
72 .wc-info, .wc-buttons {
73 .cancel, .check {
74 height: 16px;
75 width: 16px;
76 padding: 8px;
77 border-radius: $medium-border-radius;
78 margin: -4px 0;
79 }
81 .wallet-icon {
82 margin-right: 6px;
83 height: 24px;
84 width: 24px;
85 }
87 .cancel {
88 margin-right: 6px;
89 background-color: $activate-error-red;
90 }
92 .check {
93 background-color: $washed-gray;
94 }
95 }
97 .advanced-options {
98 margin-top: 16px;
99 cursor: pointer;
100 text-align: center;
101 }
103 .skip-signing {
104 margin-top: 16px;
105 display: flex;
106 flex-flow: row nowrap;
107 cursor: pointer;
108 width: 100%;
109 justify-content: center;
110 align-items: center;
111 font-family: $default-font;
113 span {
114 margin-left: 10px;
115 width: 160px;
116 font-size: 14px;
117 line-height: 18px;
118 }
119 }