51
51
--dark-color-text-aside : # dddddd ;
52
52
--dark-color-link : # 00aff4 ;
53
53
54
- --dark-color-ts-project : # e14dff ;
54
+ --dark-color-ts-project : # e358ff ;
55
55
--dark-color-ts-module : var (--dark-color-ts-project );
56
56
--dark-color-ts-namespace : var (--dark-color-ts-project );
57
57
--dark-color-ts-enum : # f4d93e ;
58
58
--dark-color-ts-enum-member : var (--dark-color-ts-enum );
59
59
--dark-color-ts-variable : # 798dff ;
60
- --dark-color-ts-function : # 9772ff ;
60
+ --dark-color-ts-function : # a280ff ;
61
61
--dark-color-ts-class : # 8ac4ff ;
62
62
--dark-color-ts-interface : # 6cff87 ;
63
63
--dark-color-ts-constructor : var (--dark-color-ts-class );
@@ -262,6 +262,16 @@ h6 {
262
262
line-height : 1.2 ;
263
263
}
264
264
265
+ h1 > a ,
266
+ h2 > a ,
267
+ h3 > a ,
268
+ h4 > a ,
269
+ h5 > a ,
270
+ h6 > a {
271
+ text-decoration : none;
272
+ color : var (--color-text );
273
+ }
274
+
265
275
h1 {
266
276
font-size : 1.875rem ;
267
277
margin : 0.67rem 0 ;
@@ -296,12 +306,6 @@ h6 {
296
306
text-transform : uppercase;
297
307
}
298
308
299
- pre {
300
- white-space : pre;
301
- white-space : pre-wrap;
302
- word-wrap : break-word;
303
- }
304
-
305
309
dl ,
306
310
menu ,
307
311
ol ,
@@ -426,13 +430,29 @@ pre {
426
430
}
427
431
428
432
pre {
433
+ position : relative;
434
+ white-space : pre;
435
+ white-space : pre-wrap;
436
+ word-wrap : break-word;
429
437
padding : 10px ;
430
- border : 0.1 em solid var (--color-accent );
438
+ border : 1 px solid var (--color-accent );
431
439
}
432
440
pre code {
433
441
padding : 0 ;
434
442
font-size : 100% ;
435
443
}
444
+ pre > button {
445
+ position : absolute;
446
+ top : 10px ;
447
+ right : 10px ;
448
+ opacity : 0 ;
449
+ transition : opacity 0.1s ;
450
+ box-sizing : border-box;
451
+ }
452
+ pre : hover > button ,
453
+ pre > button .visible {
454
+ opacity : 1 ;
455
+ }
436
456
437
457
blockquote {
438
458
margin : 1em 0 ;
@@ -676,7 +696,12 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
676
696
.tsd-navigation .settings {
677
697
margin : 1rem 0 ;
678
698
}
699
+ .tsd-navigation > a ,
700
+ .tsd-navigation .tsd-accordion-summary {
701
+ width : calc (100% - 0.5rem );
702
+ }
679
703
.tsd-navigation a ,
704
+ .tsd-navigation summary > span ,
680
705
.tsd-page-navigation a {
681
706
display : inline-flex;
682
707
align-items : center;
@@ -685,14 +710,6 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
685
710
text-decoration : none;
686
711
box-sizing : border-box;
687
712
}
688
- .tsd-navigation a {
689
- /* why 3rem? No idea, but it seems to work. */
690
- width : calc (100% - 3rem );
691
- }
692
- .tsd-page-navigation a {
693
- /* why is this different? */
694
- width : 100% ;
695
- }
696
713
.tsd-navigation a .current ,
697
714
.tsd-page-navigation a .current {
698
715
background : var (--color-active-menu-item );
@@ -703,7 +720,8 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
703
720
}
704
721
.tsd-navigation ul ,
705
722
.tsd-page-navigation ul {
706
- margin : 0 ;
723
+ margin-top : 0 ;
724
+ margin-bottom : 0 ;
707
725
padding : 0 ;
708
726
list-style : none;
709
727
}
@@ -712,18 +730,24 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
712
730
padding : 0 ;
713
731
max-width : 100% ;
714
732
}
715
- .tsd-nested-navigation > li > a {
733
+ .tsd-nested-navigation {
716
734
margin-left : 3rem ;
717
735
}
718
736
.tsd-nested-navigation > li > details {
719
- margin-left : 1.5rem ;
737
+ margin-left : - 1.5rem ;
720
738
}
721
- .tsd-small-nested-navigation > li > a {
739
+ .tsd-small-nested-navigation {
722
740
margin-left : 1.5rem ;
723
741
}
724
742
.tsd-small-nested-navigation > li > details {
725
- margin-left : 0 ;
743
+ margin-left : -1.5rem ;
744
+ }
745
+
746
+ .tsd-nested-navigation > li > a ,
747
+ .tsd-nested-navigation > li > span {
748
+ width : calc (100% - 1.75rem - 0.5rem );
726
749
}
750
+
727
751
.tsd-page-navigation ul {
728
752
padding-left : 1.75rem ;
729
753
}
@@ -745,28 +769,33 @@ a.tsd-index-link {
745
769
align-items : center;
746
770
color : var (--color-text );
747
771
}
772
+ .tsd-accordion-summary {
773
+ list-style-type : none; /* hide marker on non-safari */
774
+ outline : none; /* broken on safari, so just hide it */
775
+ }
776
+ .tsd-accordion-summary ::-webkit-details-marker {
777
+ display : none; /* hide marker on safari */
778
+ }
748
779
.tsd-accordion-summary ,
749
780
.tsd-accordion-summary a {
750
781
user-select : none;
751
782
-moz-user-select : none;
752
783
-webkit-user-select : none;
753
784
-ms-user-select : none;
754
785
755
- display : flex;
756
- align-items : center;
757
786
cursor : pointer;
758
787
}
788
+ .tsd-accordion-summary a {
789
+ width : calc (100% - 1.5rem );
790
+ }
759
791
.tsd-accordion-summary > * {
760
792
margin-top : 0 ;
761
793
margin-bottom : 0 ;
762
794
padding-top : 0 ;
763
795
padding-bottom : 0 ;
764
796
}
765
- .tsd-accordion-summary ::-webkit-details-marker {
766
- display : none;
767
- }
768
- .tsd-index-accordion .tsd-accordion-summary svg {
769
- margin-right : 0.25rem ;
797
+ .tsd-index-accordion .tsd-accordion-summary > svg {
798
+ margin-left : 0.25rem ;
770
799
}
771
800
.tsd-index-content > : not (: first-child ) {
772
801
margin-top : 0.75rem ;
0 commit comments