1
1
---
2
2
---
3
3
4
- @import ' bourbon' ;
5
- @import ' _variables' ;
6
- @import ' _typography' ;
7
- @import ' _solarized' ;
8
- @import ' _header' ;
4
+ // @import 'bourbon';
5
+ @import " _variables" ;
6
+ @import " _typography" ;
7
+ @import " _solarized" ;
8
+ @import " _header" ;
9
9
10
10
@mixin code-typography {
11
- font-family : ' source-code-pro' , Menlo, Consolas, ' Courier New' , monospace ;
11
+ font-family : " source-code-pro" , Menlo, Consolas, " Courier New" , monospace ;
12
12
font-size : 13px ;
13
13
line-height : 1.5 ;
14
14
}
@@ -78,7 +78,12 @@ li + li {
78
78
79
79
// Make header navigation linkable and on the screen. Used in documentation and
80
80
// blog posts.
81
- h1 , h2 , h3 , h4 , h5 , h6 {
81
+ h1 ,
82
+ h2 ,
83
+ h3 ,
84
+ h4 ,
85
+ h5 ,
86
+ h6 {
82
87
.anchor {
83
88
margin-top : - $navHeight ;
84
89
position : absolute ;
@@ -97,13 +102,13 @@ h1, h2, h3, h4, h5, h6 {
97
102
// Main Nav
98
103
99
104
.nav-main {
100
- @include clearfix ;
105
+ // @include clearfix;
101
106
background : linear-gradient ($darkerColor , $darkestColor );
102
107
color : $lightTextColor ;
103
108
position : fixed ;
104
109
top : 0 ;
105
110
height : $navHeight ;
106
- box-shadow : 0 0 5px rgba (0 , 0 , 0 , .5 );
111
+ box-shadow : 0 0 5px rgba (0 , 0 , 0 , 0 .5 );
107
112
width : 100% ;
108
113
z-index : 100 ;
109
114
@@ -257,7 +262,6 @@ h1, h2, h3, h4, h5, h6 {
257
262
border-bottom : 0 ;
258
263
}
259
264
}
260
-
261
265
}
262
266
263
267
.nav-blog {
@@ -279,7 +283,7 @@ h1, h2, h3, h4, h5, h6 {
279
283
}
280
284
281
285
.skinny-row {
282
- @include clearfix ;
286
+ // @include clearfix;
283
287
}
284
288
285
289
.skinny-col {
@@ -291,7 +295,8 @@ h1, h2, h3, h4, h5, h6 {
291
295
}
292
296
}
293
297
294
- #examples h3 , .home-presentation h3 {
298
+ #examples h3 ,
299
+ .home-presentation h3 {
295
300
color : $darkColor ;
296
301
font-size : 24px ;
297
302
font-weight : normal ;
@@ -316,12 +321,12 @@ h1, h2, h3, h4, h5, h6 {
316
321
}
317
322
input {
318
323
border : 1px solid #ccc ;
319
- font : 14px proxima- nova, $font-stack-system ;
324
+ font : 14px proxima- nova;
320
325
padding : 3px ;
321
326
width : 150px ;
322
327
}
323
328
button {
324
- font : 14px proxima- nova, $font-stack-system ;
329
+ font : 14px proxima- nova;
325
330
margin-left : 5px ;
326
331
padding : 4px 10px ;
327
332
}
@@ -330,7 +335,7 @@ h1, h2, h3, h4, h5, h6 {
330
335
#markdownExample {
331
336
textarea {
332
337
border : 1px solid #ccc ;
333
- font : 14px proxima- nova, $font-stack-system ;
338
+ font : 14px proxima- nova;
334
339
margin-bottom : 10px ;
335
340
padding : 5px ;
336
341
}
@@ -342,7 +347,7 @@ h1, h2, h3, h4, h5, h6 {
342
347
}
343
348
344
349
.docs-nextprev {
345
- @include clearfix ;
350
+ // @include clearfix;
346
351
}
347
352
348
353
.docs-prev {
@@ -370,7 +375,7 @@ section.black content {
370
375
*/
371
376
372
377
.blogContent {
373
- @include clearfix ;
378
+ // @include clearfix;
374
379
375
380
padding-top : 20px ;
376
381
@@ -394,7 +399,7 @@ section.black content {
394
399
*/
395
400
396
401
.documentationContent {
397
- @include clearfix ;
402
+ // @include clearfix;
398
403
399
404
.subHeader {
400
405
font-size : 24px ;
@@ -459,8 +464,8 @@ section.black content {
459
464
display : inline-block ;
460
465
color : $lightTextColor ;
461
466
text-decoration : none ;
462
- text-shadow : 0 1px 3px rgba (0 , 0 , 0 , .3 );
463
- box-shadow : 0 1px 1px rgba (0 , 0 , 0 , .2 );
467
+ text-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0 .3 );
468
+ box-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0 .2 );
464
469
text-decoration : none ;
465
470
466
471
& :hover {
@@ -474,7 +479,7 @@ section.black content {
474
479
475
480
.hero {
476
481
.button {
477
- box-shadow : 1px 3px 3px rgba (0 , 0 , 0 , .3 );
482
+ box-shadow : 1px 3px 3px rgba (0 , 0 , 0 , 0 .3 );
478
483
}
479
484
}
480
485
@@ -530,7 +535,7 @@ figure {
530
535
531
536
h1 {
532
537
// Contains .edit-page-link
533
- @include clearfix ;
538
+ // @include clearfix;
534
539
}
535
540
536
541
.edit-page-link {
@@ -666,7 +671,7 @@ small code,
666
671
li code ,
667
672
p code {
668
673
color : #555 ;
669
- background-color : rgba (0 , 0 , 0 , .04 );
674
+ background-color : rgba (0 , 0 , 0 , 0 .04 );
670
675
padding : 1px 3px ;
671
676
}
672
677
@@ -701,7 +706,8 @@ p a code {
701
706
color : #df2375 ;
702
707
}
703
708
704
- .left-side , .right-side {
709
+ .left-side ,
710
+ .right-side {
705
711
display : inline-block ;
706
712
width : 48% ;
707
713
margin-right : 10px ;
@@ -752,13 +758,13 @@ p a code {
752
758
}
753
759
}
754
760
755
- img [alt ^= " OTA:" ] {
761
+ img [alt ^= " OTA:" ] {
756
762
width : 50% ;
757
- transition : width .3s ease-in ;
763
+ transition : width 0 .3s ease-in ;
758
764
display : block ;
759
765
}
760
766
761
- img [alt ^= " OTA:" ]:hover {
767
+ img [alt ^= " OTA:" ]:hover {
762
768
width : 100% ;
763
- transition : width .3s ease-in ;
769
+ transition : width 0 .3s ease-in ;
764
770
}
0 commit comments