1
-
2
1
// FONTS
3
2
$font-family-sans : " Fira Sans" , " Helvetica Neue" , Helvetica , Arial , sans-serif ;
4
3
$font-family-serif : " Source Serif Pro" ,Georgia ,Times ," Times New Roman" ,serif ;
5
4
$font-family-mono : " Source Code Pro" , Menlo, Monaco, Consolas, " DejaVu Sans Mono" , Inconsolata, monospace ;
6
5
7
-
8
6
// COLORS - Guess what?
9
7
$color-standard : #000 ; // pure black
10
8
$color-url : #4d76ae ; // blue
@@ -22,7 +20,6 @@ $color-border: #ddd; // gray
22
20
$color-red : #d93d3d ; // red
23
21
$top-navbar-height : 32px ; // height of the floating top navbar
24
22
25
-
26
23
// pure compatible media queries
27
24
$media-sm : " screen and (min-width: 35.5em)" ;
28
25
$media-md : " screen and (min-width: 48em)" ;
@@ -31,7 +28,6 @@ $media-xl: "screen and (min-width: 80em)";
31
28
// usage:
32
29
// @media #{$media-sm} { ... }
33
30
34
-
35
31
html , button , input , select , textarea ,
36
32
.pure-g [class *= " pure-u" ] {
37
33
font-family : $font-family-sans ;
@@ -104,7 +100,6 @@ body {
104
100
padding-top : $top-navbar-height ;
105
101
}
106
102
107
-
108
103
// this is a super nasty override for help dialog in rustdocs
109
104
// see #52 for details
110
105
body .blur > :not (#help ) {
@@ -120,11 +115,9 @@ body.blur > div.rustdoc > :not(#help) {
120
115
opacity : .7 ;
121
116
}
122
117
123
-
124
118
// rustdocs have 200px sidebar and
125
119
// max-width 960px main pane
126
120
// BUT I really want to make the website centered
127
-
128
121
body {
129
122
text-align : center ;
130
123
font : 16px / 1.4 $font-family-sans ;
@@ -189,10 +182,12 @@ div.nav-container {
189
182
background-color : #fff ;
190
183
height : 31px ;
191
184
display : none ;
185
+
192
186
@media #{$media-sm } {
193
187
display : block ;
194
188
}
195
189
}
190
+
196
191
input .search-input-nav :focus {
197
192
outline : unset ;
198
193
}
@@ -202,6 +197,7 @@ div.nav-container {
202
197
border : 1px solid $color-border ;
203
198
border-radius : 0 0 2px 2px ;
204
199
margin-left : -1px ;
200
+
205
201
li {
206
202
border-left : none ;
207
203
}
@@ -228,6 +224,7 @@ div.nav-container {
228
224
div .rustdoc-navigation {
229
225
span .title {
230
226
display : none ;
227
+
231
228
@media #{$media-sm } {
232
229
display : inline ;
233
230
}
@@ -300,11 +297,8 @@ div.landing {
300
297
margin-top : 30px ;
301
298
}
302
299
}
303
-
304
300
}
305
301
306
-
307
-
308
302
div .recent-releases-container {
309
303
text-align : left ;
310
304
margin-bottom : 50px ;
@@ -318,6 +312,7 @@ div.recent-releases-container {
318
312
ol .queue-list li {
319
313
list-style-type : decimal ;
320
314
margin-left : 20px ;
315
+
321
316
a {
322
317
color : $color-url ;
323
318
}
@@ -354,6 +349,7 @@ div.recent-releases-container {
354
349
color : $color-url ;
355
350
font-weight : 500 ;
356
351
white-space : nowrap ;
352
+
357
353
@media #{$media-sm } {
358
354
text-overflow : ellipsis ;
359
355
overflow : hidden ;
@@ -367,18 +363,19 @@ div.recent-releases-container {
367
363
368
364
.build {
369
365
font-weight : 500 ;
366
+
370
367
i .fa-check {
371
368
color : $color-macro ;
372
369
}
373
370
i .fa-close {
374
371
color : $color-struct ;
375
-
376
372
}
377
373
}
378
374
379
375
.description {
380
376
font-family : $font-family-serif ;
381
377
font-weight : normal ;
378
+
382
379
@media #{$media-sm } {
383
380
font-size : 1em ;
384
381
white-space : nowrap ;
@@ -396,6 +393,7 @@ div.recent-releases-container {
396
393
397
394
.date {
398
395
font-weight : normal ;
396
+
399
397
@media #{$media-sm } {
400
398
text-align : right ;
401
399
}
@@ -411,7 +409,6 @@ div.recent-releases-container {
411
409
}
412
410
}
413
411
414
-
415
412
div .package-container {
416
413
background-color : $color-url ;
417
414
color : $color-background-code ;;
@@ -426,7 +423,6 @@ div.package-container {
426
423
}
427
424
428
425
.pure-menu {
429
-
430
426
.pure-menu-link {
431
427
background-color : #fff ;
432
428
border-top : 1px solid $color-border ;
@@ -449,7 +445,6 @@ div.package-container {
449
445
}
450
446
}
451
447
452
-
453
448
div .package-sheet-container {
454
449
margin-top : 10px ;
455
450
margin-bottom : 20px ;
@@ -529,7 +524,6 @@ div.package-page-container {
529
524
530
525
div .package-details {
531
526
padding : 0 1em ;
532
-
533
527
font-family : $font-family-serif ;
534
528
535
529
a {
@@ -589,7 +583,6 @@ div.package-page-container {
589
583
text-align : left ;
590
584
vertical-align : bottom ;
591
585
}
592
-
593
586
}
594
587
}
595
588
@@ -603,8 +596,6 @@ div.package-page-container {
603
596
}
604
597
}
605
598
606
-
607
-
608
599
div .cratesfyi-package-container {
609
600
text-align : left ;
610
601
background-color : $color-background-code ;
@@ -615,6 +606,7 @@ div.cratesfyi-package-container {
615
606
margin : 0 ;
616
607
padding : 15px 0 0 14px ;
617
608
}
609
+
618
610
div .description {
619
611
font-family : $font-family-serif ;
620
612
margin : 0 ;
@@ -626,6 +618,7 @@ div.cratesfyi-package-container {
626
618
text-overflow : ellipsis ;
627
619
}
628
620
}
621
+
629
622
div .description-in-rustdoc {
630
623
padding : 10px 0 10px 14px ;
631
624
}
@@ -641,6 +634,7 @@ div.cratesfyi-package-container {
641
634
642
635
.title {
643
636
display : none ;
637
+
644
638
@media #{$media-sm } {
645
639
display : inline ;
646
640
}
@@ -649,7 +643,6 @@ div.cratesfyi-package-container {
649
643
650
644
.pure-menu-active {
651
645
color : $color-standard ;
652
-
653
646
background-color : #fff ;
654
647
border-top : 1px solid $color-border ;
655
648
border-left : 1px solid $color-border ;
@@ -672,6 +665,7 @@ div.cratesfyi-package-container {
672
665
ul .platforms-menu {
673
666
float : right ;
674
667
display : none ;
668
+
675
669
ul .pure-menu-children {
676
670
left : auto ;
677
671
right : 0 ;
@@ -693,21 +687,20 @@ div.cratesfyi-package-container-rustdoc {
693
687
margin-bottom : 10px ;
694
688
}
695
689
696
-
697
690
div .warning {
698
691
font-family : $font-family-sans ;
699
692
border-radius : 4px ;
700
693
background-color : lighten ($color-type , 45% );
701
694
padding : .4em 1em ;
702
695
text-align : center ;
703
696
margin-bottom : 10px ;
697
+
704
698
a {
705
699
color : $color-url ;
706
700
text-decoration : underline ;
707
701
}
708
702
}
709
703
710
-
711
704
div .search-page-search-form {
712
705
padding : .4em 1em ;
713
706
text-align : center ;
@@ -730,26 +723,30 @@ div.search-page-search-form {
730
723
padding-left : 35px ;
731
724
}
732
725
733
-
734
726
.about {
735
727
font-family : $font-family-serif ;
736
728
padding : .4em 1em ;
729
+
737
730
a {
738
731
color : $color-url ;
739
732
}
740
733
a :hover {
741
734
text-decoration : underline ;
742
735
}
736
+
743
737
table {
744
738
margin-bottom : 10px ;
745
739
}
740
+
746
741
thead tr th {
747
742
font-family : $font-family-sans ;
748
743
font-weight : 500 ;
749
744
}
745
+
750
746
strong {
751
747
font-weight : bold ;
752
748
}
749
+
753
750
pre code {
754
751
background-color : inherit ;
755
752
}
0 commit comments