@@ -118,58 +118,37 @@ $level2: #42a3d3;
118
118
font-variant : normal ;
119
119
text-transform : none ;
120
120
line-height : 1 ;
121
- -webkit- font-smoothing : antialiased ;
121
+ font-smoothing : antialiased ;
122
122
}
123
123
124
124
@mixin border-radius ($radius ) {
125
- -webkit-border-radius : $radius ;
126
- -moz-border-radius : $radius ;
127
125
border-radius : $radius ;
128
126
}
129
127
130
128
@mixin subtle-box-shadow {
131
129
box-shadow : 0 1px 2px rgba (0 , 0 , 0 , 0.1 );
132
- // -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
133
130
}
134
131
135
132
// Mixins
136
133
@mixin border-radius ($radius ) {
137
- -webkit-border-radius : $radius ;
138
- -moz-border-radius : $radius ;
139
134
border-radius : $radius ;
140
135
}
141
136
142
137
@mixin border-radius-top ($radius ) {
143
- -webkit-border-top-left-radius : $radius ;
144
- -webkit-border-top-right-radius : $radius ;
145
- -moz-border-radius-topleft : $radius ;
146
- -moz-border-radius-topright : $radius ;
147
138
border-top-left-radius : $radius ;
148
139
border-top-right-radius : $radius ;
149
140
}
150
141
151
142
@mixin border-radius-bottom ($radius ) {
152
- -webkit-border-bottom-left-radius : $radius ;
153
- -webkit-border-bottom-right-radius : $radius ;
154
- -moz-border-radius-bottomleft : $radius ;
155
- -moz-border-radius-bottomright : $radius ;
156
143
border-bottom-left-radius : $radius ;
157
144
border-bottom-right-radius : $radius ;
158
145
}
159
146
160
147
@mixin transition-all {
161
148
// text smoothing
162
149
// text-shadow: 0 0 0 rgba(0,0,0,0);
163
- -webkit-transform : translate3d (0 , 0 , 0 );
164
150
text-rendering : optimizeLegibility ;
165
- -webkit-font-smoothing : subpixel-antialiased ;
166
- -moz-font-smoothing : subpixel-antialiased ;
167
151
font-smoothing : subpixel-antialiased ;
168
-
169
- -webkit-transition : $transition-speed ;
170
- -moz-transition : $transition-speed ;
171
- -ms-transition : $transition-speed ;
172
- -o-transition : $transition-speed ;
173
152
transition : $transition-speed ;
174
153
}
175
154
@@ -213,11 +192,6 @@ $level2: #42a3d3;
213
192
font-size : 1.3em ;
214
193
text-transform : uppercase ;
215
194
background : #6ab3d9 ; /* Old browsers */
216
- background : -moz-linear-gradient (top , #6ab3d9 0% , #5cacd5 14% , #3d9cce 37% , #3095ca 51% , #2f95ca 100% ); /* FF3.6+ */
217
- background : -webkit-gradient (linear , left top , left bottom , color-stop (0% , #6ab3d9 ), color-stop (14% , #5cacd5 ), color-stop (37% , #3d9cce ), color-stop (51% , #3095ca ), color-stop (100% , #2f95ca )); /* Chrome,Safari4+ */
218
- background : -webkit-linear-gradient (top , #6ab3d9 0% , #5cacd5 14% , #3d9cce 37% , #3095ca 51% , #2f95ca 100% ); /* Chrome10+,Safari5.1+ */
219
- background : -o-linear-gradient (top , #6ab3d9 0% , #5cacd5 14% , #3d9cce 37% , #3095ca 51% , #2f95ca 100% ); /* Opera 11.10+ */
220
- background : -ms-linear-gradient (top , #6ab3d9 0% , #5cacd5 14% , #3d9cce 37% , #3095ca 51% , #2f95ca 100% ); /* IE10+ */
221
195
background : linear-gradient (top , #6ab3d9 0% , #5cacd5 14% , #3d9cce 37% , #3095ca 51% , #2f95ca 100% ); /* W3C */
222
196
filter : progid:DXImageTransform.Microsoft .gradient (startColorstr= ' #6ab3d9' , endColorstr= ' #2f95ca' , GradientType=0 ); /* IE6-9 */
223
197
}
@@ -243,11 +217,6 @@ $level2: #42a3d3;
243
217
font-size : 1.4em ;
244
218
border : 1px solid #eaeaea ;
245
219
background : #ffffff ; /* Old browsers */
246
- background : -moz-linear-gradient (top , #ffffff 3% , #e5e5e5 100% ); /* FF3.6+ */
247
- background : -webkit-gradient (linear , left top , left bottom , color-stop (3% , #ffffff ), color-stop (100% , #e5e5e5 )); /* Chrome,Safari4+ */
248
- background : -webkit-linear-gradient (top , #ffffff 3% , #e5e5e5 100% ); /* Chrome10+,Safari5.1+ */
249
- background : -o-linear-gradient (top , #ffffff 3% , #e5e5e5 100% ); /* Opera 11.10+ */
250
- background : -ms-linear-gradient (top , #ffffff 3% , #e5e5e5 100% ); /* IE10+ */
251
220
background : linear-gradient (top , #ffffff 3% , #e5e5e5 100% ); /* W3C */
252
221
filter : progid:DXImageTransform.Microsoft .gradient (startColorstr= ' #ffffff' , endColorstr= ' #e5e5e5' , GradientType=0 ); /* IE6-9 */
253
222
}
@@ -257,7 +226,6 @@ $level2: #42a3d3;
257
226
}
258
227
259
228
@mixin paper-panel {
260
- -webkit-box-shadow : inset 0px 0px 2px 2px #ffffff ;
261
229
box-shadow : inset 0px 0px 2px 2px #ffffff ;
262
230
background : image-url (" paper-texture.jpg" ) repeat ;
263
231
}
@@ -274,15 +242,8 @@ $level2: #42a3d3;
274
242
275
243
@mixin signup-button {
276
244
background : #dbe7f5 ; /* Old browsers */
277
- background : -moz-linear-gradient (top , #dbe7f5 0% , #f0f5fb 3% , #dae6f6 4% , #d8e4f2 10% , #d5e1ef 23% , #c8d4e2 52% , #afc1d5 87% , #a8bcd4 100% ); /* FF3.6+ */
278
- background : -webkit-gradient (linear , left top , left bottom , color-stop (0% , #dbe7f5 ), color-stop (3% , #f0f5fb ), color-stop (4% , #dae6f6 ), color-stop (10% , #d8e4f2 ), color-stop (23% , #d5e1ef ), color-stop (52% , #c8d4e2 ), color-stop (87% , #afc1d5 ), color-stop (100% , #a8bcd4 )); /* Chrome,Safari4+ */
279
- background : -webkit-linear-gradient (top , #dbe7f5 0% , #f0f5fb 3% , #dae6f6 4% , #d8e4f2 10% , #d5e1ef 23% , #c8d4e2 52% , #afc1d5 87% , #a8bcd4 100% ); /* Chrome10+,Safari5.1+ */
280
- background : -o-linear-gradient (top , #dbe7f5 0% , #f0f5fb 3% , #dae6f6 4% , #d8e4f2 10% , #d5e1ef 23% , #c8d4e2 52% , #afc1d5 87% , #a8bcd4 100% ); /* Opera 11.10+ */
281
- background : -ms-linear-gradient (top , #dbe7f5 0% , #f0f5fb 3% , #dae6f6 4% , #d8e4f2 10% , #d5e1ef 23% , #c8d4e2 52% , #afc1d5 87% , #a8bcd4 100% ); /* IE10+ */
282
245
background : linear-gradient (top , #dbe7f5 0% , #f0f5fb 3% , #dae6f6 4% , #d8e4f2 10% , #d5e1ef 23% , #c8d4e2 52% , #afc1d5 87% , #a8bcd4 100% ); /* W3C */
283
246
filter : progid:DXImageTransform.Microsoft .gradient (startColorstr= ' #dbe7f5' , endColorstr= ' #a8bcd4' , GradientType=0 ); /* IE6-9 */
284
- -webkit-box-shadow : 0px 1px 0px 0px rgba (0 , 0 , 0 , 0.5 );
285
- -moz-box-shadow : 0px 1px 0px 0px rgba (0 , 0 , 0 , 0.5 );
286
247
box-shadow : 0px 1px 0px 0px rgba (0 , 0 , 0 , 0.5 );
287
248
display : block ;
288
249
height : 30px ;
@@ -315,8 +276,6 @@ $level2: #42a3d3;
315
276
white-space : nowrap ;
316
277
overflow : hidden ;
317
278
text-overflow : ellipsis ;
318
- -o-text-overflow : ellipsis ;
319
- -ms-text-overflow : ellipsis ;
320
279
}
321
280
322
281
@mixin small-grey-btn {
@@ -359,11 +318,6 @@ $level2: #42a3d3;
359
318
360
319
@mixin tip-grad {
361
320
background : #ffffff ; /* Old browsers */
362
- background : -moz-linear-gradient (top , #ffffff 0% , #fefefe 64% , #f5f5f5 86% , #eeeeee 96% , #e3e3e3 100% ); /* FF3.6+ */
363
- background : -webkit-gradient (linear , left top , left bottom , color-stop (0% , #ffffff ), color-stop (64% , #fefefe ), color-stop (86% , #f5f5f5 ), color-stop (96% , #eeeeee ), color-stop (100% , #e3e3e3 )); /* Chrome,Safari4+ */
364
- background : -webkit-linear-gradient (top , #ffffff 0% , #fefefe 64% , #f5f5f5 86% , #eeeeee 96% , #e3e3e3 100% ); /* Chrome10+,Safari5.1+ */
365
- background : -o-linear-gradient (top , #ffffff 0% , #fefefe 64% , #f5f5f5 86% , #eeeeee 96% , #e3e3e3 100% ); /* Opera 11.10+ */
366
- background : -ms-linear-gradient (top , #ffffff 0% , #fefefe 64% , #f5f5f5 86% , #eeeeee 96% , #e3e3e3 100% ); /* IE10+ */
367
321
background : linear-gradient (top , #ffffff 0% , #fefefe 64% , #f5f5f5 86% , #eeeeee 96% , #e3e3e3 100% ); /* W3C */
368
322
filter : progid:DXImageTransform.Microsoft .gradient (startColorstr= ' #ffffff' , endColorstr= ' #e3e3e3' , GradientType=0 ); /* IE6-9 */
369
323
}
@@ -382,15 +336,8 @@ $level2: #42a3d3;
382
336
383
337
@mixin new-signup-button {
384
338
background : rgb (70 , 152 , 218 ); /* Old browsers */
385
- background : -moz-linear-gradient (top , rgba (70 , 152 , 218 , 1 ) 0% , rgba (62 , 141 , 204 , 1 ) 31% , rgba (54 , 127 , 185 , 1 ) 100% ); /* FF3.6+ */
386
- background : -webkit-gradient (linear , left top , left bottom , color-stop (0% , rgba (70 , 152 , 218 , 1 )), color-stop (31% , rgba (62 , 141 , 204 , 1 )), color-stop (100% , rgba (54 , 127 , 185 , 1 ))); /* Chrome,Safari4+ */
387
- background : -webkit-linear-gradient (top , rgba (70 , 152 , 218 , 1 ) 0% , rgba (62 , 141 , 204 , 1 ) 31% , rgba (54 , 127 , 185 , 1 ) 100% ); /* Chrome10+,Safari5.1+ */
388
- background : -o-linear-gradient (top , rgba (70 , 152 , 218 , 1 ) 0% , rgba (62 , 141 , 204 , 1 ) 31% , rgba (54 , 127 , 185 , 1 ) 100% ); /* Opera 11.10+ */
389
- background : -ms-linear-gradient (top , rgba (70 , 152 , 218 , 1 ) 0% , rgba (62 , 141 , 204 , 1 ) 31% , rgba (54 , 127 , 185 , 1 ) 100% ); /* IE10+ */
390
339
background : linear-gradient (to bottom , rgba (70 , 152 , 218 , 1 ) 0% , rgba (62 , 141 , 204 , 1 ) 31% , rgba (54 , 127 , 185 , 1 ) 100% ); /* W3C */
391
340
filter : progid:DXImageTransform.Microsoft .gradient (startColorstr= ' #4698da' , endColorstr= ' #367fb9' , GradientType=0 ); /* IE6-9 */
392
- -webkit-box-shadow : 0px 1px 0px 0px rgba (0 , 0 , 0 , 0.1 );
393
- -moz-box-shadow : 0px 1px 0px 0px rgba (0 , 0 , 0 , 0.1 );
394
341
box-shadow : 0px 1px 0px 0px rgba (0 , 0 , 0 , 0.1 );
395
342
display : block ;
396
343
height : 30px ;
@@ -403,19 +350,12 @@ $level2: #42a3d3;
403
350
404
351
@mixin side-box-grad {
405
352
background : rgb (221 , 231 , 235 ); /* Old browsers */
406
- background : -moz-linear-gradient (top , rgba (221 , 231 , 235 , 1 ) 0% , rgba (213 , 225 , 229 , 1 ) 99% ); /* FF3.6+ */
407
- background : -webkit-gradient (linear , left top , left bottom , color-stop (0% , rgba (221 , 231 , 235 , 1 )), color-stop (99% , rgba (213 , 225 , 229 , 1 ))); /* Chrome,Safari4+ */
408
- background : -webkit-linear-gradient (top , rgba (221 , 231 , 235 , 1 ) 0% , rgba (213 , 225 , 229 , 1 ) 99% ); /* Chrome10+,Safari5.1+ */
409
- background : -o-linear-gradient (top , rgba (221 , 231 , 235 , 1 ) 0% , rgba (213 , 225 , 229 , 1 ) 99% ); /* Opera 11.10+ */
410
- background : -ms-linear-gradient (top , rgba (221 , 231 , 235 , 1 ) 0% , rgba (213 , 225 , 229 , 1 ) 99% ); /* IE10+ */
411
353
background : linear-gradient (to bottom , rgba (221 , 231 , 235 , 1 ) 0% , rgba (213 , 225 , 229 , 1 ) 99% ); /* W3C */
412
354
filter : progid:DXImageTransform.Microsoft .gradient (startColorstr= ' #dde7eb' , endColorstr= ' #d5e1e5' , GradientType=0 ); /* IE6-9 */
413
355
}
414
356
415
357
@mixin cleaner-text {
416
358
text-rendering : optimizeLegibility ;
417
- -webkit-font-smoothing : subpixel-antialiased ;
418
- -moz-font-smoothing : subpixel-antialiased ;
419
359
font-smoothing : subpixel-antialiased ;
420
360
}
421
361
@@ -427,7 +367,6 @@ $level2: #42a3d3;
427
367
vertical-align : middle ;
428
368
text-align : center ;
429
369
font-size : 1.4em ;
430
- -webkit-box-shadow : inset 0px 1px 1px 0px rgba (105 , 135 , 156 , 0.4 );
431
370
box-shadow : inset 0px 1px 1px 0px rgba (105 , 135 , 156 , 0.4 );
432
371
}
433
372
@@ -439,7 +378,6 @@ $level2: #42a3d3;
439
378
vertical-align : middle ;
440
379
text-align : center ;
441
380
font-size : 1.4em ;
442
- -webkit-box-shadow : inset 0px 1px 1px 0px rgba (105 , 135 , 156 , 0.4 );
443
381
box-shadow : inset 0px 1px 1px 0px rgba (105 , 135 , 156 , 0.4 );
444
382
}
445
383
@@ -453,7 +391,6 @@ $level2: #42a3d3;
453
391
vertical-align : middle ;
454
392
text-align : center ;
455
393
font-size : 1.4em ;
456
- -webkit-box-shadow : inset 0px 1px 1px 0px rgba (105 , 135 , 156 , 0.4 );
457
394
box-shadow : inset 0px 1px 1px 0px rgba (105 , 135 , 156 , 0.4 );
458
395
459
396
}
0 commit comments