3 --light-color-background: #f2f4f8;
4 --light-color-background-secondary: #eff0f1;
5 --light-color-warning-text: #222;
6 --light-color-background-warning: #e6e600;
7 --light-color-icon-background: var
(--light-color-background
);
8 --light-color-accent: #c5c7c9;
9 --light-color-text: #222;
10 --light-color-text-aside: #707070;
11 --light-color-link: #1f70c2;
13 --light-color-ts-project: #b111c9;
14 --light-color-ts-module: var
(--light-color-ts-project
);
15 --light-color-ts-namespace: var
(--light-color-ts-project
);
16 --light-color-ts-enum: #7e6f15;
17 --light-color-ts-enum-member: var
(--light-color-ts-enum
);
18 --light-color-ts-variable: #4760ec;
19 --light-color-ts-function: #572be7;
20 --light-color-ts-class: #1f70c2;
21 --light-color-ts-interface: #108024;
22 --light-color-ts-constructor: var
(--light-color-ts-class
);
23 --light-color-ts-property: var
(--light-color-ts-variable
);
24 --light-color-ts-method: var
(--light-color-ts-function
);
25 --light-color-ts-call-signature: var
(--light-color-ts-method
);
26 --light-color-ts-index-signature: var
(--light-color-ts-property
);
27 --light-color-ts-constructor-signature: var
(--light-color-ts-constructor
);
28 --light-color-ts-parameter: var
(--light-color-ts-variable
);
29 /* type literal not included as links will never be generated to it */
30 --light-color-ts-type-parameter: var
(--light-color-ts-type-alias
);
31 --light-color-ts-accessor: var
(--light-color-ts-property
);
32 --light-color-ts-get-signature: var
(--light-color-ts-accessor
);
33 --light-color-ts-set-signature: var
(--light-color-ts-accessor
);
34 /* object literal not included as it is not used and will be removed in 0.25 */
35 --light-color-ts-type-alias: #d51270;
36 /* reference not included as links will be colored with the kind that it points to */
38 --light-external-icon: url
("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
39 --light-color-scheme: light
;
42 --dark-color-background: #2b2e33;
43 --dark-color-background-secondary: #1e2024;
44 --dark-color-background-warning: #bebe00;
45 --dark-color-warning-text: #222;
46 --dark-color-icon-background: var
(--dark-color-background-secondary
);
47 --dark-color-accent: #9096a2;
48 --dark-color-text: #f5f5f5;
49 --dark-color-text-aside: #dddddd;
50 --dark-color-link: #00aff4;
52 --dark-color-ts-project: #e14dff;
53 --dark-color-ts-module: var
(--dark-color-ts-project
);
54 --dark-color-ts-namespace: var
(--dark-color-ts-project
);
55 --dark-color-ts-enum: #f4d93e;
56 --dark-color-ts-enum-member: var
(--dark-color-ts-enum
);
57 --dark-color-ts-variable: #4d68ff;
58 --dark-color-ts-function: #9772ff;
59 --dark-color-ts-class: #61b0ff;
60 --dark-color-ts-interface: #6cff87;
61 --dark-color-ts-constructor: var
(--dark-color-ts-class
);
62 --dark-color-ts-property: var
(--dark-color-ts-variable
);
63 --dark-color-ts-method: var
(--dark-color-ts-function
);
64 --dark-color-ts-call-signature: var
(--dark-color-ts-method
);
65 --dark-color-ts-index-signature: var
(--dark-color-ts-property
);
66 --dark-color-ts-constructor-signature: var
(--dark-color-ts-constructor
);
67 --dark-color-ts-parameter: var
(--dark-color-ts-variable
);
68 /* type literal not included as links will never be generated to it */
69 --dark-color-ts-type-parameter: var
(--dark-color-ts-type-alias
);
70 --dark-color-ts-accessor: var
(--dark-color-ts-property
);
71 --dark-color-ts-get-signature: var
(--dark-color-ts-accessor
);
72 --dark-color-ts-set-signature: var
(--dark-color-ts-accessor
);
73 /* object literal not included as it is not used and will be removed in 0.25 */
74 --dark-color-ts-type-alias: #ff6492;
75 /* reference not included as links will be colored with the kind that it points to */
77 --dark-external-icon: url
("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
78 --dark-color-scheme: dark
;
81 @media (prefers-color-scheme: light
) {
83 --color-background: var
(--light-color-background
);
84 --color-background-secondary: var
(--light-color-background-secondary
);
85 --color-background-warning: var
(--light-color-background-warning
);
86 --color-warning-text: var
(--light-color-warning-text
);
87 --color-icon-background: var
(--light-color-icon-background
);
88 --color-accent: var
(--light-color-accent
);
89 --color-text: var
(--light-color-text
);
90 --color-text-aside: var
(--light-color-text-aside
);
91 --color-link: var
(--light-color-link
);
93 --color-ts-module: var
(--light-color-ts-module
);
94 --color-ts-namespace: var
(--light-color-ts-namespace
);
95 --color-ts-enum: var
(--light-color-ts-enum
);
96 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
97 --color-ts-variable: var
(--light-color-ts-variable
);
98 --color-ts-function: var
(--light-color-ts-function
);
99 --color-ts-class: var
(--light-color-ts-class
);
100 --color-ts-interface: var
(--light-color-ts-interface
);
101 --color-ts-constructor: var
(--light-color-ts-constructor
);
102 --color-ts-property: var
(--light-color-ts-property
);
103 --color-ts-method: var
(--light-color-ts-method
);
104 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
105 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
106 --color-ts-constructor-signature: var
(
107 --light-color-ts-constructor-signature
109 --color-ts-parameter: var
(--light-color-ts-parameter
);
110 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
111 --color-ts-accessor: var
(--light-color-ts-accessor
);
112 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
113 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
114 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
116 --external-icon: var
(--light-external-icon
);
117 --color-scheme: var
(--light-color-scheme
);
121 @media (prefers-color-scheme: dark
) {
123 --color-background: var
(--dark-color-background
);
124 --color-background-secondary: var
(--dark-color-background-secondary
);
125 --color-background-warning: var
(--dark-color-background-warning
);
126 --color-warning-text: var
(--dark-color-warning-text
);
127 --color-icon-background: var
(--dark-color-icon-background
);
128 --color-accent: var
(--dark-color-accent
);
129 --color-text: var
(--dark-color-text
);
130 --color-text-aside: var
(--dark-color-text-aside
);
131 --color-link: var
(--dark-color-link
);
133 --color-ts-module: var
(--dark-color-ts-module
);
134 --color-ts-namespace: var
(--dark-color-ts-namespace
);
135 --color-ts-enum: var
(--dark-color-ts-enum
);
136 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
137 --color-ts-variable: var
(--dark-color-ts-variable
);
138 --color-ts-function: var
(--dark-color-ts-function
);
139 --color-ts-class: var
(--dark-color-ts-class
);
140 --color-ts-interface: var
(--dark-color-ts-interface
);
141 --color-ts-constructor: var
(--dark-color-ts-constructor
);
142 --color-ts-property: var
(--dark-color-ts-property
);
143 --color-ts-method: var
(--dark-color-ts-method
);
144 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
145 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
146 --color-ts-constructor-signature: var
(
147 --dark-color-ts-constructor-signature
149 --color-ts-parameter: var
(--dark-color-ts-parameter
);
150 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
151 --color-ts-accessor: var
(--dark-color-ts-accessor
);
152 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
153 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
154 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
156 --external-icon: var
(--dark-external-icon
);
157 --color-scheme: var
(--dark-color-scheme
);
162 color-scheme: var
(--color-scheme
);
169 :root
[data-theme
="light"] {
170 --color-background: var
(--light-color-background
);
171 --color-background-secondary: var
(--light-color-background-secondary
);
172 --color-background-warning: var
(--light-color-background-warning
);
173 --color-warning-text: var
(--light-color-warning-text
);
174 --color-icon-background: var
(--light-color-icon-background
);
175 --color-accent: var
(--light-color-accent
);
176 --color-text: var
(--light-color-text
);
177 --color-text-aside: var
(--light-color-text-aside
);
178 --color-link: var
(--light-color-link
);
180 --color-ts-module: var
(--light-color-ts-module
);
181 --color-ts-namespace: var
(--light-color-ts-namespace
);
182 --color-ts-enum: var
(--light-color-ts-enum
);
183 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
184 --color-ts-variable: var
(--light-color-ts-variable
);
185 --color-ts-function: var
(--light-color-ts-function
);
186 --color-ts-class: var
(--light-color-ts-class
);
187 --color-ts-interface: var
(--light-color-ts-interface
);
188 --color-ts-constructor: var
(--light-color-ts-constructor
);
189 --color-ts-property: var
(--light-color-ts-property
);
190 --color-ts-method: var
(--light-color-ts-method
);
191 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
192 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
193 --color-ts-constructor-signature: var
(
194 --light-color-ts-constructor-signature
196 --color-ts-parameter: var
(--light-color-ts-parameter
);
197 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
198 --color-ts-accessor: var
(--light-color-ts-accessor
);
199 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
200 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
201 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
203 --external-icon: var
(--light-external-icon
);
204 --color-scheme: var
(--light-color-scheme
);
207 :root
[data-theme
="dark"] {
208 --color-background: var
(--dark-color-background
);
209 --color-background-secondary: var
(--dark-color-background-secondary
);
210 --color-background-warning: var
(--dark-color-background-warning
);
211 --color-warning-text: var
(--dark-color-warning-text
);
212 --color-icon-background: var
(--dark-color-icon-background
);
213 --color-accent: var
(--dark-color-accent
);
214 --color-text: var
(--dark-color-text
);
215 --color-text-aside: var
(--dark-color-text-aside
);
216 --color-link: var
(--dark-color-link
);
218 --color-ts-module: var
(--dark-color-ts-module
);
219 --color-ts-namespace: var
(--dark-color-ts-namespace
);
220 --color-ts-enum: var
(--dark-color-ts-enum
);
221 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
222 --color-ts-variable: var
(--dark-color-ts-variable
);
223 --color-ts-function: var
(--dark-color-ts-function
);
224 --color-ts-class: var
(--dark-color-ts-class
);
225 --color-ts-interface: var
(--dark-color-ts-interface
);
226 --color-ts-constructor: var
(--dark-color-ts-constructor
);
227 --color-ts-property: var
(--dark-color-ts-property
);
228 --color-ts-method: var
(--dark-color-ts-method
);
229 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
230 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
231 --color-ts-constructor-signature: var
(
232 --dark-color-ts-constructor-signature
234 --color-ts-parameter: var
(--dark-color-ts-parameter
);
235 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
236 --color-ts-accessor: var
(--dark-color-ts-accessor
);
237 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
238 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
239 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
241 --external-icon: var
(--dark-external-icon
);
242 --color-scheme: var
(--dark-color-scheme
);
246 .always-visible .tsd-signatures {
247 display: inherit
!important
;
290 text-transform: uppercase
;
295 white-space: pre-wrap
;
296 word-wrap: break-word
;
317 border-top: 1px solid var
(--color-accent
);
319 padding-bottom: 1rem;
331 /* toolbar, footer, margin */
332 min-height: calc
(100vh - 41px - 56px - 4rem);
343 @keyframes fade-out
{
352 @keyframes fade-in-delayed
{
363 @keyframes fade-out-delayed
{
375 @keyframes pop-in-from-right
{
377 transform: translate
(100%, 0);
380 transform: translate
(0, 0);
383 @keyframes pop-out-to-right
{
385 transform: translate
(0, 0);
389 transform: translate
(100%, 0);
393 background: var
(--color-background
);
394 font-family: "Segoe UI", sans-serif
;
396 color: var
(--color-text
);
400 color: var
(--color-link
);
401 text-decoration: none
;
404 text-decoration: underline
;
406 a
.external
[target
="_blank"] {
407 background-image: var
(--external-icon
);
408 background-position: top
3px right
;
409 background-repeat: no-repeat
;
415 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
419 border-radius: 0.8em;
424 border: 0.1em solid var
(--color-accent
);
434 border-left: 4px solid gray
;
438 line-height: 1.333em;
446 .tsd-typography
.tsd-index-panel h3
,
447 .tsd-index-panel
.tsd-typography h3
,
466 color: var
(--color-text-aside
);
469 color: var
(--color-text-aside
);
470 text-decoration: none
;
472 .tsd-breadcrumb a:hover {
473 text-decoration: underline
;
478 .tsd-breadcrumb li:after {
484 flex-direction: column
;
486 dl
.tsd-comment-tag-group
{
492 dl
.tsd-comment-tag-group dt
{
498 dl
.tsd-comment-tag-group dd
{
502 padding: 0.25em 0.4em;
503 border: 0.1em solid var
(--color-accent
);
504 margin-right: 0.25em;
507 h1 code
.tsd-tag:first-of-type
{
511 dl
.tsd-comment-tag-group
dd:before
,
512 dl
.tsd-comment-tag-group
dd:after
{
515 dl
.tsd-comment-tag-group dd pre
,
516 dl
.tsd-comment-tag-group
dd:after
{
519 dl
.tsd-comment-tag-group p
{
523 .tsd-panel.tsd-comment .lead {
525 line-height: 1.333em;
528 .tsd-panel.tsd-comment .lead:last-child {
532 .tsd-filter-visibility h4 {
534 padding-top: 0.75rem;
535 padding-bottom: 0.5rem;
538 .tsd-filter-item:not(:last-child) {
539 margin-bottom: 0.5rem;
544 width: -moz-fit-content
;
547 -webkit-user-select: none
;
548 -moz-user-select: none
;
549 -ms-user-select: none
;
552 .tsd-filter-input input[type="checkbox"] {
559 .tsd-filter-input input[type="checkbox"]:disabled {
560 pointer-events: none
;
562 .tsd-filter-input svg {
567 border-radius: 0.33em;
568 /* Leaving this at full opacity breaks event listeners on Firefox.
569 Don't remove unless you know what you're doing. */
572 .tsd-filter-input input[type="checkbox"]:focus + svg {
573 transform: scale
(0.95);
575 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
578 .tsd-checkbox-background {
579 fill: var
(--color-accent
);
581 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
582 stroke: var
(--color-text
);
584 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
585 fill: var
(--color-background
);
586 stroke: var
(--color-accent
);
587 stroke-width: 0.25rem;
589 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
590 stroke: var
(--color-accent
);
594 padding-top: 0.75rem;
596 .tsd-theme-toggle > h4 {
598 vertical-align: middle
;
599 margin-right: 0.75rem;
606 .tsd-hierarchy .target {
610 .tsd-panel-group.tsd-index-group {
613 .tsd-index-panel .tsd-index-list {
615 line-height: 1.333em;
617 padding: 0.25rem 0 0 0;
620 grid-template-columns: repeat
(3, 1fr);
622 grid-template-rows: auto
;
624 @media (max-width: 1024px) {
625 .tsd-index-panel .tsd-index-list {
626 grid-template-columns: repeat
(2, 1fr);
629 @media (max-width: 768px) {
630 .tsd-index-panel .tsd-index-list {
631 grid-template-columns: repeat
(1, 1fr);
634 .tsd-index-panel .tsd-index-list li {
635 -webkit-page-break-inside: avoid
;
636 -moz-page-break-inside: avoid
;
637 -ms-page-break-inside: avoid
;
638 -o-page-break-inside: avoid
;
639 page-break-inside: avoid
;
643 display: inline-block
;
644 padding: 0.25em 0.4em;
646 color: var
(--color-comment-tag-text
);
647 background-color: var
(--color-comment-tag
);
662 .tsd-member .tsd-anchor + h3 {
670 .tsd-navigation.settings {
674 .tsd-page-navigation a {
675 display: inline-flex
;
678 color: var
(--color-text
);
679 text-decoration: none
;
680 box-sizing: border-box
;
683 /* why 3rem? No idea, but it seems to work. */
684 width: calc
(100% - 3rem);
686 .tsd-page-navigation a {
687 /* why is this different? */
690 .tsd-navigation a
.current
,
691 .tsd-page-navigation a.current {
692 background: var
(--color-accent
);
694 .tsd-navigation
a:hover
,
695 .tsd-page-navigation a:hover {
696 text-decoration: underline
;
699 .tsd-page-navigation ul {
705 .tsd-page-navigation li {
709 .tsd-nested-navigation > li > a {
712 .tsd-nested-navigation > li > details {
715 .tsd-small-nested-navigation > li > a {
718 .tsd-small-nested-navigation > li > details {
721 .tsd-page-navigation ul {
722 padding-left: 1.75rem;
725 #tsd-sidebar-links a
{
727 margin-bottom: 0.5rem;
728 line-height: 1.25rem;
730 #tsd-sidebar-links a:last-of-type
{
735 padding: 0.25rem 0 !important
;
737 line-height: 1.25rem;
738 display: inline-flex
;
741 .tsd-accordion-summary
,
742 .tsd-accordion-summary a {
744 -moz-user-select: none
;
745 -webkit-user-select: none
;
746 -ms-user-select: none
;
752 .tsd-accordion-summary > * {
758 .tsd-accordion-summary::-webkit-details-marker {
761 .tsd-index-accordion .tsd-accordion-summary svg {
762 margin-right: 0.25rem;
764 .tsd-index-content > :not(:first-child) {
769 margin-bottom: 0.75rem;
773 margin-right: 0.5rem;
779 .tsd-kind-icon path {
780 transform-origin: center
;
781 transform: scale
(1.1);
783 .tsd-signature > .tsd-kind-icon {
784 margin-right: 0.8rem;
788 margin-bottom: 2.5rem;
790 .tsd-panel.tsd-member {
799 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
800 padding: 0 1.5rem 0.75rem 1.5rem;
802 .tsd-panel
> h1
.tsd-before-signature
,
803 .tsd-panel
> h2
.tsd-before-signature
,
804 .tsd-panel > h3.tsd-before-signature {
812 .tsd-panel-group.tsd-index-group {
815 .tsd-panel-group.tsd-index-group details {
820 transition: background-color
0.2s;
833 #tsd-search .field input
{
834 box-sizing: border-box
;
843 background: transparent
;
844 color: var
(--color-text
);
846 #tsd-search .field label
{
851 #tsd-search .field input
,
853 #tsd-toolbar-links a
{
854 transition: opacity
0.2s;
856 #tsd-search .results
{
864 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
866 #tsd-search .results li
{
868 background-color: var
(--color-background
);
870 #tsd-search .results
li:nth-child
(even
) {
871 background-color: var
(--color-background-secondary
);
873 #tsd-search .results li
.state
{
876 #tsd-search .results li
.current
,
877 #tsd-search .results
li:hover
{
878 background-color: var
(--color-accent
);
880 #tsd-search .results a
{
883 #tsd-search .results
a:before
{
886 #tsd-search .results span
.parent
{
887 color: var
(--color-text-aside
);
890 #tsd-search.has-focus
{
891 background-color: var
(--color-accent
);
893 #tsd-search.has-focus
.field input
{
897 #tsd-search.has-focus
.title
,
898 #tsd-search.has-focus #tsd-toolbar-links a
{
902 #tsd-search.has-focus
.results
{
905 #tsd-search.loading
.results li
.state
.loading
{
908 #tsd-search.failure
.results li
.state
.failure
{
919 justify-content: flex-end
;
921 #tsd-toolbar-links a
{
924 #tsd-toolbar-links a:hover
{
925 text-decoration: underline
;
930 padding: 1rem 0.5rem;
931 border: 1px solid var
(--color-accent
);
932 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
937 .tsd-signature-symbol {
938 color: var
(--color-text-aside
);
942 .tsd-signature-type {
950 list-style-type: none
;
952 .tsd-signatures .tsd-signature {
954 border-color: var
(--color-accent
);
956 transition: background-color
0.1s;
958 .tsd-description .tsd-signatures .tsd-signature {
962 ul
.tsd-parameter-list
,
963 ul
.tsd-type-parameter-list
{
968 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
969 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
973 ul
.tsd-parameter-list h5
,
974 ul
.tsd-type-parameter-list h5
{
976 margin: 1em 0 0.5em 0;
983 color: var
(--color-text-aside
);
984 text-decoration: underline
;
997 color: var
(--color-text
);
998 background: var
(--color-background-secondary
);
999 border-bottom: 1px var
(--color-accent
) solid
;
1000 transition: transform
0.3s ease-in-out
;
1002 .tsd-page-toolbar a {
1003 color: var
(--color-text
);
1004 text-decoration: none
;
1006 .tsd-page-toolbar a.title {
1009 .tsd-page-toolbar a.title:hover {
1010 text-decoration: underline
;
1012 .tsd-page-toolbar .tsd-toolbar-contents {
1014 justify-content: space-between
;
1018 .tsd-page-toolbar .table-cell {
1020 white-space: nowrap
;
1023 .tsd-page-toolbar .table-cell:first-child {
1026 .tsd-page-toolbar .tsd-toolbar-icon {
1027 box-sizing: border-box
;
1033 display: inline-block
;
1037 transition: opacity
0.1s, background-color
0.2s;
1038 vertical-align: bottom
;
1044 .tsd-widget.active {
1046 background-color: var
(--color-accent
);
1048 .tsd-widget.no-caption {
1051 .tsd-widget.no-caption:before {
1055 .tsd-widget
.options
,
1059 input
[type
="checkbox"] + .tsd-widget:before
{
1060 background-position: -120px 0;
1062 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1063 background-position: -160px 0;
1071 display: inline-flex
;
1072 align-items: center
;
1073 margin-left: 0.5rem;
1074 vertical-align: middle
;
1075 color: var
(--color-text
);
1078 .tsd-anchor-icon svg {
1084 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1085 visibility: visible
;
1089 text-decoration: line-through
;
1094 color: var
(--color-warning-text
);
1095 background: var
(--color-background-warning
);
1099 color: var
(--color-ts-project
);
1102 color: var
(--color-ts-module
);
1104 .tsd-kind-namespace {
1105 color: var
(--color-ts-namespace
);
1108 color: var
(--color-ts-enum
);
1110 .tsd-kind-enum-member {
1111 color: var
(--color-ts-enum-member
);
1113 .tsd-kind-variable {
1114 color: var
(--color-ts-variable
);
1116 .tsd-kind-function {
1117 color: var
(--color-ts-function
);
1120 color: var
(--color-ts-class
);
1122 .tsd-kind-interface {
1123 color: var
(--color-ts-interface
);
1125 .tsd-kind-constructor {
1126 color: var
(--color-ts-constructor
);
1128 .tsd-kind-property {
1129 color: var
(--color-ts-property
);
1132 color: var
(--color-ts-method
);
1134 .tsd-kind-call-signature {
1135 color: var
(--color-ts-call-signature
);
1137 .tsd-kind-index-signature {
1138 color: var
(--color-ts-index-signature
);
1140 .tsd-kind-constructor-signature {
1141 color: var
(--color-ts-constructor-signature
);
1143 .tsd-kind-parameter {
1144 color: var
(--color-ts-parameter
);
1146 .tsd-kind-type-literal {
1147 color: var
(--color-ts-type-literal
);
1149 .tsd-kind-type-parameter {
1150 color: var
(--color-ts-type-parameter
);
1152 .tsd-kind-accessor {
1153 color: var
(--color-ts-accessor
);
1155 .tsd-kind-get-signature {
1156 color: var
(--color-ts-get-signature
);
1158 .tsd-kind-set-signature {
1159 color: var
(--color-ts-set-signature
);
1161 .tsd-kind-type-alias {
1162 color: var
(--color-ts-type-alias
);
1165 /* if we have a kind icon, don't color the text by kind */
1166 .tsd-kind-icon ~ span {
1167 color: var
(--color-text
);
1171 scrollbar-width: thin
;
1172 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1175 *::-webkit-scrollbar
{
1179 *::-webkit-scrollbar-track
{
1180 background: var
(--color-icon-background
);
1183 *::-webkit-scrollbar-thumb
{
1184 background-color: var
(--color-accent
);
1185 border-radius: 999rem;
1186 border: 0.25rem solid var
(--color-icon-background
);
1190 @media (max-width: 769px) {
1191 .tsd-widget
.options
,
1193 display: inline-block
;
1205 position: fixed
!important
;
1207 -webkit-overflow-scrolling: touch
;
1210 bottom: 0 !important
;
1211 left: auto
!important
;
1212 right: 0 !important
;
1213 padding: 1.5rem 1.5rem 0 0;
1216 background-color: var
(--color-background
);
1217 transform: translate
(100%, 0);
1219 html
.col-sidebar
> *:last-child
{
1220 padding-bottom: 20px;
1231 background-color: rgba
(0, 0, 0, 0.75);
1235 .to-has-menu .overlay {
1236 animation: fade-in
0.4s;
1239 .to-has-menu .col-sidebar {
1240 animation: pop-in-from-right
0.4s;
1243 .from-has-menu .overlay {
1244 animation: fade-out
0.4s;
1247 .from-has-menu .col-sidebar {
1248 animation: pop-out-to-right
0.4s;
1254 .has-menu .overlay {
1255 visibility: visible
;
1257 .has-menu .col-sidebar {
1258 visibility: visible
;
1259 transform: translate
(0, 0);
1261 flex-direction: column
;
1266 .has-menu .tsd-navigation {
1272 @media (min-width: 770px) {
1275 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2fr);
1276 grid-template-areas: "sidebar content";
1288 @media (min-width: 770px) and
(max-width: 1399px) {
1290 max-height: calc
(100vh - 2rem - 42px);
1302 @media (min-width: 1200px) {
1304 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2.5fr) minmax
(0, 20rem);
1305 grid-template-areas: "sidebar content toc";
1326 max-height: calc
(100vh - 2rem - 42px);