5151 --dark-color-text-aside : # dddddd ;
5252 --dark-color-link : # 00aff4 ;
5353
54- --dark-color-ts-project : # e14dff ;
54+ --dark-color-ts-project : # e358ff ;
5555 --dark-color-ts-module : var (--dark-color-ts-project );
5656 --dark-color-ts-namespace : var (--dark-color-ts-project );
5757 --dark-color-ts-enum : # f4d93e ;
5858 --dark-color-ts-enum-member : var (--dark-color-ts-enum );
5959 --dark-color-ts-variable : # 798dff ;
60- --dark-color-ts-function : # 9772ff ;
60+ --dark-color-ts-function : # a280ff ;
6161 --dark-color-ts-class : # 8ac4ff ;
6262 --dark-color-ts-interface : # 6cff87 ;
6363 --dark-color-ts-constructor : var (--dark-color-ts-class );
@@ -262,6 +262,16 @@ h6 {
262262 line-height : 1.2 ;
263263}
264264
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+
265275h1 {
266276 font-size : 1.875rem ;
267277 margin : 0.67rem 0 ;
@@ -296,12 +306,6 @@ h6 {
296306 text-transform : uppercase;
297307}
298308
299- pre {
300- white-space : pre;
301- white-space : pre-wrap;
302- word-wrap : break-word;
303- }
304-
305309dl ,
306310menu ,
307311ol ,
@@ -426,13 +430,29 @@ pre {
426430}
427431
428432pre {
433+ position : relative;
434+ white-space : pre;
435+ white-space : pre-wrap;
436+ word-wrap : break-word;
429437 padding : 10px ;
430- border : 0.1 em solid var (--color-accent );
438+ border : 1 px solid var (--color-accent );
431439}
432440pre code {
433441 padding : 0 ;
434442 font-size : 100% ;
435443}
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+ }
436456
437457blockquote {
438458 margin : 1em 0 ;
@@ -676,7 +696,12 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
676696.tsd-navigation .settings {
677697 margin : 1rem 0 ;
678698}
699+ .tsd-navigation > a ,
700+ .tsd-navigation .tsd-accordion-summary {
701+ width : calc (100% - 0.5rem );
702+ }
679703.tsd-navigation a ,
704+ .tsd-navigation summary > span ,
680705.tsd-page-navigation a {
681706 display : inline-flex;
682707 align-items : center;
@@ -685,14 +710,6 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
685710 text-decoration : none;
686711 box-sizing : border-box;
687712}
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- }
696713.tsd-navigation a .current ,
697714.tsd-page-navigation a .current {
698715 background : var (--color-active-menu-item );
@@ -703,7 +720,8 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
703720}
704721.tsd-navigation ul ,
705722.tsd-page-navigation ul {
706- margin : 0 ;
723+ margin-top : 0 ;
724+ margin-bottom : 0 ;
707725 padding : 0 ;
708726 list-style : none;
709727}
@@ -712,18 +730,24 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
712730 padding : 0 ;
713731 max-width : 100% ;
714732}
715- .tsd-nested-navigation > li > a {
733+ .tsd-nested-navigation {
716734 margin-left : 3rem ;
717735}
718736.tsd-nested-navigation > li > details {
719- margin-left : 1.5rem ;
737+ margin-left : - 1.5rem ;
720738}
721- .tsd-small-nested-navigation > li > a {
739+ .tsd-small-nested-navigation {
722740 margin-left : 1.5rem ;
723741}
724742.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 );
726749}
750+
727751.tsd-page-navigation ul {
728752 padding-left : 1.75rem ;
729753}
@@ -745,28 +769,33 @@ a.tsd-index-link {
745769 align-items : center;
746770 color : var (--color-text );
747771}
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+ }
748779.tsd-accordion-summary ,
749780.tsd-accordion-summary a {
750781 user-select : none;
751782 -moz-user-select : none;
752783 -webkit-user-select : none;
753784 -ms-user-select : none;
754785
755- display : flex;
756- align-items : center;
757786 cursor : pointer;
758787}
788+ .tsd-accordion-summary a {
789+ width : calc (100% - 1.5rem );
790+ }
759791.tsd-accordion-summary > * {
760792 margin-top : 0 ;
761793 margin-bottom : 0 ;
762794 padding-top : 0 ;
763795 padding-bottom : 0 ;
764796}
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 ;
770799}
771800.tsd-index-content > : not (: first-child ) {
772801 margin-top : 0.75rem ;
0 commit comments