6
6
@import " normalize-rails/normalize" ;
7
7
8
8
body {
9
- font-family : " Open Sans" , sans-serif ;
10
- margin : 0 ;
11
- font-size : $base-font-size ;
12
- line-height : $base-line-height ;
13
- background-color : $bg-color ; // For "infinite" footer
9
+ font-family : " Open Sans" , sans-serif ;
10
+ margin : 0 ;
11
+ font-size : $base-font-size ;
12
+ line-height : $base-line-height ;
13
+ background-color : $bg-color ; // For "infinite" footer
14
14
}
15
15
16
16
// FIXME
17
17
// scss-lint:disable ColorVariable
18
18
19
19
a {
20
- color : rgb (78 , 94 , 255 );
21
- text-decoration : none ;
20
+ color : rgb (78 , 94 , 255 );
21
+ text-decoration : none ;
22
22
23
- & :hover {
24
- text-decoration : underline ;
25
- }
23
+ & :hover {
24
+ text-decoration : underline ;
25
+ }
26
26
27
- & .stealth-link {
28
- color : inherit ;
29
- }
27
+ & .stealth-link {
28
+ color : inherit ;
29
+ }
30
30
}
31
31
32
32
p {
33
- margin : 12px 0 ;
33
+ margin : 12px 0 ;
34
34
35
- & .choose-party {
36
- font-size : 34px ;
37
- }
35
+ & .choose-party {
36
+ font-size : 34px ;
37
+ }
38
38
}
39
39
40
40
h1 ,
@@ -44,144 +44,151 @@ h4,
44
44
h5 ,
45
45
h6 ,
46
46
p {
47
- & :first-child {
48
- margin-top : 0 ;
49
- }
47
+ & :first-child {
48
+ margin-top : 0 ;
49
+ }
50
50
}
51
51
52
52
select {
53
- border-radius : 5px ;
54
- font-size : 0.9em ;
55
- background-color : white ;
53
+ border-radius : 5px ;
54
+ font-size : 0.9em ;
55
+ background-color : white ;
56
56
}
57
57
58
58
.container {
59
- max-width : 960px ;
60
- padding : 16px ;
61
- margin : auto ;
62
-
63
- @include smallscreen {
59
+ max-width : 960px ;
64
60
padding : 16px ;
65
- }
61
+ margin : auto ;
62
+
63
+ @include smallscreen {
64
+ padding : 16px ;
65
+ }
66
66
}
67
67
68
68
.container-narrow {
69
- max-width : 600px ;
69
+ max-width : 600px ;
70
70
}
71
71
72
72
.container-extra-narrow {
73
- max-width : 450px ;
73
+ max-width : 450px ;
74
74
}
75
75
76
76
.background-pattern {
77
- background-color : #e4e4e4 ;
78
- background-image : image-url (" pattern.png" );
77
+ background-color : #e4e4e4 ;
78
+ background-image : image-url (" pattern.png" );
79
79
}
80
80
81
81
.plain-pattern {
82
- background-color : white ;
82
+ background-color : white ;
83
83
}
84
84
85
85
.border-bottom {
86
- border-bottom : 1px solid $border-color ;
86
+ border-bottom : 1px solid $border-color ;
87
87
}
88
88
89
89
.text-center {
90
- text-align : center ;
90
+ text-align : center ;
91
91
}
92
92
93
93
.text-error {
94
- color : red ;
94
+ color : red ;
95
95
}
96
96
97
97
.text-warning {
98
- color : orange ;
98
+ color : orange ;
99
99
}
100
100
101
101
.text-success {
102
- color : rgb (56 , 182 , 4 );
102
+ color : rgb (56 , 182 , 4 );
103
103
}
104
104
105
105
.small {
106
- font-size : $base-font-size * 0.8 ;
106
+ font-size : $base-font-size * 0.8 ;
107
107
}
108
108
109
109
.subdued {
110
- color : #999 ;
110
+ color : #999 ;
111
111
}
112
112
113
113
.spacer {
114
- height : 12px ;
114
+ height : 12px ;
115
115
}
116
116
117
117
.smv-card {
118
- border-radius : 6px ;
119
- border : 1px solid darken ($border-color , 10% );
120
- padding : 12px ;
121
- box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.2 );
122
- margin-bottom : 16px ;
123
- background-color : white ;
118
+ border-radius : 6px ;
119
+ border : 1px solid darken ($border-color , 10% );
120
+ padding : 12px ;
121
+ box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.2 );
122
+ margin-bottom : 16px ;
123
+ background-color : white ;
124
124
125
- > h1 ,
126
- h2 ,
127
- h3 {
128
- margin-top : 0 ;
129
- }
125
+ > h1 ,
126
+ h2 ,
127
+ h3 {
128
+ margin-top : 0 ;
129
+ }
130
130
}
131
131
132
132
.searching-for-swap {
133
- position : relative ;
133
+ position : relative ;
134
134
135
- i {
136
- // scss-lint:disable VendorPrefix
137
- margin-right : 6px ;
138
- color : #aaa ;
139
- }
135
+ i {
136
+ // scss-lint:disable VendorPrefix
137
+ margin-right : 6px ;
138
+ color : #aaa ;
139
+ }
140
140
141
- span {
142
- display : inline-block ;
143
- }
141
+ span {
142
+ display : inline-block ;
143
+ }
144
144
}
145
145
146
146
$oscillation-size : 3px ;
147
147
148
148
// scss-lint:disable SpaceBeforeBrace
149
149
// scss-lint:disable VendorPrefix
150
150
@-webkit-keyframes oscillate {
151
- from {
152
- -webkit-transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
153
- }
154
- to {
155
- -webkit-transform : rotate (360deg ) translateX ($oscillation-size )
156
- rotate (-360deg );
157
- }
151
+ from {
152
+ -webkit-transform : rotate (0deg ) translateX ($oscillation-size )
153
+ rotate (0deg );
154
+ }
155
+
156
+ to {
157
+ -webkit-transform : rotate (360deg ) translateX ($oscillation-size )
158
+ rotate (-360deg );
159
+ }
158
160
}
159
161
160
162
@-moz-keyframes oscillate {
161
- from {
162
- -moz-transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
163
- }
164
- to {
165
- -moz-transform : rotate (360deg ) translateX ($oscillation-size ) rotate (-360deg );
166
- }
163
+ from {
164
+ -moz-transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
165
+ }
166
+
167
+ to {
168
+ -moz-transform : rotate (360deg ) translateX ($oscillation-size )
169
+ rotate (-360deg );
170
+ }
167
171
}
168
172
169
173
@-o-keyframes oscillate {
170
- from {
171
- -o-transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
172
- }
173
- to {
174
- -o-transform : rotate (360deg ) translateX ($oscillation-size ) rotate (-360deg );
175
- }
174
+ from {
175
+ -o-transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
176
+ }
177
+
178
+ to {
179
+ -o-transform : rotate (360deg ) translateX ($oscillation-size )
180
+ rotate (-360deg );
181
+ }
176
182
}
177
183
178
184
@keyframes oscillate {
179
- from {
180
- transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
181
- }
182
- to {
183
- transform : rotate (360deg ) translateX ($oscillation-size ) rotate (-360deg );
184
- }
185
+ from {
186
+ transform : rotate (0deg ) translateX ($oscillation-size ) rotate (0deg );
187
+ }
188
+
189
+ to {
190
+ transform : rotate (360deg ) translateX ($oscillation-size ) rotate (-360deg );
191
+ }
185
192
}
186
193
// scss-lint:enable VendorPrefix
187
194
// scss-lint:enable SpaceBeforeBrace
0 commit comments