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-active-menu-item: var
(--light-color-accent
);
10 --light-color-text: #222;
11 --light-color-text-aside: #6e6e6e;
12 --light-color-link: #1f70c2;
13 --light-color-focus-outline: #3584e4;
15 --light-color-ts-keyword: #056bd6;
16 --light-color-ts-project: #b111c9;
17 --light-color-ts-module: var
(--light-color-ts-project
);
18 --light-color-ts-namespace: var
(--light-color-ts-project
);
19 --light-color-ts-enum: #7e6f15;
20 --light-color-ts-enum-member: var
(--light-color-ts-enum
);
21 --light-color-ts-variable: #4760ec;
22 --light-color-ts-function: #572be7;
23 --light-color-ts-class: #1f70c2;
24 --light-color-ts-interface: #108024;
25 --light-color-ts-constructor: var
(--light-color-ts-class
);
26 --light-color-ts-property: var
(--light-color-ts-variable
);
27 --light-color-ts-method: var
(--light-color-ts-function
);
28 --light-color-ts-call-signature: var
(--light-color-ts-method
);
29 --light-color-ts-index-signature: var
(--light-color-ts-property
);
30 --light-color-ts-constructor-signature: var
(--light-color-ts-constructor
);
31 --light-color-ts-parameter: var
(--light-color-ts-variable
);
32 /* type literal not included as links will never be generated to it */
33 --light-color-ts-type-parameter: #a55c0e;
34 --light-color-ts-accessor: var
(--light-color-ts-property
);
35 --light-color-ts-get-signature: var
(--light-color-ts-accessor
);
36 --light-color-ts-set-signature: var
(--light-color-ts-accessor
);
37 --light-color-ts-type-alias: #d51270;
38 /* reference not included as links will be colored with the kind that it points to */
39 --light-color-document: #000000;
41 --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>");
42 --light-color-scheme: light
;
45 --dark-color-background: #2b2e33;
46 --dark-color-background-secondary: #1e2024;
47 --dark-color-background-warning: #bebe00;
48 --dark-color-warning-text: #222;
49 --dark-color-icon-background: var
(--dark-color-background-secondary
);
50 --dark-color-accent: #9096a2;
51 --dark-color-active-menu-item: #5d5d6a;
52 --dark-color-text: #f5f5f5;
53 --dark-color-text-aside: #dddddd;
54 --dark-color-link: #00aff4;
55 --dark-color-focus-outline: #4c97f2;
57 --dark-color-ts-keyword: #3399ff;
58 --dark-color-ts-project: #e358ff;
59 --dark-color-ts-module: var
(--dark-color-ts-project
);
60 --dark-color-ts-namespace: var
(--dark-color-ts-project
);
61 --dark-color-ts-enum: #f4d93e;
62 --dark-color-ts-enum-member: var
(--dark-color-ts-enum
);
63 --dark-color-ts-variable: #798dff;
64 --dark-color-ts-function: #a280ff;
65 --dark-color-ts-class: #8ac4ff;
66 --dark-color-ts-interface: #6cff87;
67 --dark-color-ts-constructor: var
(--dark-color-ts-class
);
68 --dark-color-ts-property: var
(--dark-color-ts-variable
);
69 --dark-color-ts-method: var
(--dark-color-ts-function
);
70 --dark-color-ts-call-signature: var
(--dark-color-ts-method
);
71 --dark-color-ts-index-signature: var
(--dark-color-ts-property
);
72 --dark-color-ts-constructor-signature: var
(--dark-color-ts-constructor
);
73 --dark-color-ts-parameter: var
(--dark-color-ts-variable
);
74 /* type literal not included as links will never be generated to it */
75 --dark-color-ts-type-parameter: #e07d13;
76 --dark-color-ts-accessor: var
(--dark-color-ts-property
);
77 --dark-color-ts-get-signature: var
(--dark-color-ts-accessor
);
78 --dark-color-ts-set-signature: var
(--dark-color-ts-accessor
);
79 --dark-color-ts-type-alias: #ff6492;
80 /* reference not included as links will be colored with the kind that it points to */
81 --dark-color-document: #ffffff;
83 --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>");
84 --dark-color-scheme: dark
;
87 @media (prefers-color-scheme: light
) {
89 --color-background: var
(--light-color-background
);
90 --color-background-secondary: var
(--light-color-background-secondary
);
91 --color-background-warning: var
(--light-color-background-warning
);
92 --color-warning-text: var
(--light-color-warning-text
);
93 --color-icon-background: var
(--light-color-icon-background
);
94 --color-accent: var
(--light-color-accent
);
95 --color-active-menu-item: var
(--light-color-active-menu-item
);
96 --color-text: var
(--light-color-text
);
97 --color-text-aside: var
(--light-color-text-aside
);
98 --color-link: var
(--light-color-link
);
99 --color-focus-outline: var
(--light-color-focus-outline
);
101 --color-ts-keyword: var
(--light-color-ts-keyword
);
102 --color-ts-module: var
(--light-color-ts-module
);
103 --color-ts-namespace: var
(--light-color-ts-namespace
);
104 --color-ts-enum: var
(--light-color-ts-enum
);
105 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
106 --color-ts-variable: var
(--light-color-ts-variable
);
107 --color-ts-function: var
(--light-color-ts-function
);
108 --color-ts-class: var
(--light-color-ts-class
);
109 --color-ts-interface: var
(--light-color-ts-interface
);
110 --color-ts-constructor: var
(--light-color-ts-constructor
);
111 --color-ts-property: var
(--light-color-ts-property
);
112 --color-ts-method: var
(--light-color-ts-method
);
113 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
114 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
115 --color-ts-constructor-signature: var
(
116 --light-color-ts-constructor-signature
118 --color-ts-parameter: var
(--light-color-ts-parameter
);
119 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
120 --color-ts-accessor: var
(--light-color-ts-accessor
);
121 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
122 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
123 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
124 --color-document: var
(--light-color-document
);
126 --external-icon: var
(--light-external-icon
);
127 --color-scheme: var
(--light-color-scheme
);
131 @media (prefers-color-scheme: dark
) {
133 --color-background: var
(--dark-color-background
);
134 --color-background-secondary: var
(--dark-color-background-secondary
);
135 --color-background-warning: var
(--dark-color-background-warning
);
136 --color-warning-text: var
(--dark-color-warning-text
);
137 --color-icon-background: var
(--dark-color-icon-background
);
138 --color-accent: var
(--dark-color-accent
);
139 --color-active-menu-item: var
(--dark-color-active-menu-item
);
140 --color-text: var
(--dark-color-text
);
141 --color-text-aside: var
(--dark-color-text-aside
);
142 --color-link: var
(--dark-color-link
);
143 --color-focus-outline: var
(--dark-color-focus-outline
);
145 --color-ts-keyword: var
(--dark-color-ts-keyword
);
146 --color-ts-module: var
(--dark-color-ts-module
);
147 --color-ts-namespace: var
(--dark-color-ts-namespace
);
148 --color-ts-enum: var
(--dark-color-ts-enum
);
149 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
150 --color-ts-variable: var
(--dark-color-ts-variable
);
151 --color-ts-function: var
(--dark-color-ts-function
);
152 --color-ts-class: var
(--dark-color-ts-class
);
153 --color-ts-interface: var
(--dark-color-ts-interface
);
154 --color-ts-constructor: var
(--dark-color-ts-constructor
);
155 --color-ts-property: var
(--dark-color-ts-property
);
156 --color-ts-method: var
(--dark-color-ts-method
);
157 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
158 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
159 --color-ts-constructor-signature: var
(
160 --dark-color-ts-constructor-signature
162 --color-ts-parameter: var
(--dark-color-ts-parameter
);
163 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
164 --color-ts-accessor: var
(--dark-color-ts-accessor
);
165 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
166 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
167 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
168 --color-document: var
(--dark-color-document
);
170 --external-icon: var
(--dark-external-icon
);
171 --color-scheme: var
(--dark-color-scheme
);
176 color-scheme: var
(--color-scheme
);
183 :root
[data-theme
="light"] {
184 --color-background: var
(--light-color-background
);
185 --color-background-secondary: var
(--light-color-background-secondary
);
186 --color-background-warning: var
(--light-color-background-warning
);
187 --color-warning-text: var
(--light-color-warning-text
);
188 --color-icon-background: var
(--light-color-icon-background
);
189 --color-accent: var
(--light-color-accent
);
190 --color-active-menu-item: var
(--light-color-active-menu-item
);
191 --color-text: var
(--light-color-text
);
192 --color-text-aside: var
(--light-color-text-aside
);
193 --color-link: var
(--light-color-link
);
194 --color-focus-outline: var
(--light-color-focus-outline
);
196 --color-ts-keyword: var
(--light-color-ts-keyword
);
197 --color-ts-module: var
(--light-color-ts-module
);
198 --color-ts-namespace: var
(--light-color-ts-namespace
);
199 --color-ts-enum: var
(--light-color-ts-enum
);
200 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
201 --color-ts-variable: var
(--light-color-ts-variable
);
202 --color-ts-function: var
(--light-color-ts-function
);
203 --color-ts-class: var
(--light-color-ts-class
);
204 --color-ts-interface: var
(--light-color-ts-interface
);
205 --color-ts-constructor: var
(--light-color-ts-constructor
);
206 --color-ts-property: var
(--light-color-ts-property
);
207 --color-ts-method: var
(--light-color-ts-method
);
208 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
209 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
210 --color-ts-constructor-signature: var
(
211 --light-color-ts-constructor-signature
213 --color-ts-parameter: var
(--light-color-ts-parameter
);
214 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
215 --color-ts-accessor: var
(--light-color-ts-accessor
);
216 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
217 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
218 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
219 --color-document: var
(--light-color-document
);
221 --external-icon: var
(--light-external-icon
);
222 --color-scheme: var
(--light-color-scheme
);
225 :root
[data-theme
="dark"] {
226 --color-background: var
(--dark-color-background
);
227 --color-background-secondary: var
(--dark-color-background-secondary
);
228 --color-background-warning: var
(--dark-color-background-warning
);
229 --color-warning-text: var
(--dark-color-warning-text
);
230 --color-icon-background: var
(--dark-color-icon-background
);
231 --color-accent: var
(--dark-color-accent
);
232 --color-active-menu-item: var
(--dark-color-active-menu-item
);
233 --color-text: var
(--dark-color-text
);
234 --color-text-aside: var
(--dark-color-text-aside
);
235 --color-link: var
(--dark-color-link
);
236 --color-focus-outline: var
(--dark-color-focus-outline
);
238 --color-ts-keyword: var
(--dark-color-ts-keyword
);
239 --color-ts-module: var
(--dark-color-ts-module
);
240 --color-ts-namespace: var
(--dark-color-ts-namespace
);
241 --color-ts-enum: var
(--dark-color-ts-enum
);
242 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
243 --color-ts-variable: var
(--dark-color-ts-variable
);
244 --color-ts-function: var
(--dark-color-ts-function
);
245 --color-ts-class: var
(--dark-color-ts-class
);
246 --color-ts-interface: var
(--dark-color-ts-interface
);
247 --color-ts-constructor: var
(--dark-color-ts-constructor
);
248 --color-ts-property: var
(--dark-color-ts-property
);
249 --color-ts-method: var
(--dark-color-ts-method
);
250 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
251 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
252 --color-ts-constructor-signature: var
(
253 --dark-color-ts-constructor-signature
255 --color-ts-parameter: var
(--dark-color-ts-parameter
);
256 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
257 --color-ts-accessor: var
(--dark-color-ts-accessor
);
258 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
259 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
260 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
261 --color-document: var
(--dark-color-document
);
263 --external-icon: var
(--dark-external-icon
);
264 --color-scheme: var
(--dark-color-scheme
);
268 .tsd-accordion-summary:focus-visible svg {
269 outline: 2px solid var
(--color-focus-outline
);
273 .always-visible .tsd-signatures {
274 display: inherit
!important
;
334 border-top: 1px solid var
(--color-accent
);
336 padding-bottom: 1rem;
345 /* toolbar, footer, margin */
346 min-height: calc
(100vh - 41px - 56px - 4rem);
357 @keyframes fade-out
{
366 @keyframes fade-in-delayed
{
377 @keyframes fade-out-delayed
{
389 @keyframes pop-in-from-right
{
391 transform: translate
(100%, 0);
394 transform: translate
(0, 0);
397 @keyframes pop-out-to-right
{
399 transform: translate
(0, 0);
403 transform: translate
(100%, 0);
407 background: var
(--color-background
);
408 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", "Noto Sans",
409 Helvetica
, Arial
, sans-serif
, "Apple Color Emoji", "Segoe UI Emoji";
411 color: var
(--color-text
);
415 color: var
(--color-link
);
416 text-decoration: none
;
419 text-decoration: underline
;
421 a
.external
[target
="_blank"] {
422 background-image: var
(--external-icon
);
423 background-position: top
3px right
;
424 background-repeat: no-repeat
;
428 color: var
(--color-text
);
433 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
437 border-radius: 0.8em;
443 white-space: pre-wrap
;
444 word-wrap: break-word
;
446 border: 1px solid var
(--color-accent
);
457 transition: opacity
0.1s;
458 box-sizing: border-box
;
461 pre
> button
.visible
{
468 border-left: 4px solid gray
;
472 line-height: 1.333em;
479 .tsd-typography
.tsd-index-panel h3
,
480 .tsd-index-panel
.tsd-typography h3
,
495 .tsd-typography table {
496 border-collapse: collapse
;
502 border: 1px solid var
(--color-accent
);
504 .tsd-typography thead
,
505 .tsd-typography tr:nth-child(even) {
506 background-color: var
(--color-background-secondary
);
512 color: var
(--color-text-aside
);
515 color: var
(--color-text-aside
);
516 text-decoration: none
;
518 .tsd-breadcrumb a:hover {
519 text-decoration: underline
;
524 .tsd-breadcrumb li:after {
530 flex-direction: column
;
532 dl
.tsd-comment-tag-group
{
538 dl
.tsd-comment-tag-group dt
{
544 dl
.tsd-comment-tag-group dd
{
548 padding: 0.25em 0.4em;
549 border: 0.1em solid var
(--color-accent
);
550 margin-right: 0.25em;
553 h1 code
.tsd-tag:first-of-type
{
557 dl
.tsd-comment-tag-group
dd:before
,
558 dl
.tsd-comment-tag-group
dd:after
{
561 dl
.tsd-comment-tag-group dd pre
,
562 dl
.tsd-comment-tag-group
dd:after
{
565 dl
.tsd-comment-tag-group p
{
569 .tsd-panel.tsd-comment .lead {
571 line-height: 1.333em;
574 .tsd-panel.tsd-comment .lead:last-child {
578 .tsd-filter-visibility h4 {
580 padding-top: 0.75rem;
581 padding-bottom: 0.5rem;
584 .tsd-filter-item:not(:last-child) {
585 margin-bottom: 0.5rem;
589 width: -moz-fit-content
;
592 -webkit-user-select: none
;
593 -moz-user-select: none
;
594 -ms-user-select: none
;
598 .tsd-filter-input input[type="checkbox"] {
605 .tsd-filter-input input[type="checkbox"]:disabled {
606 pointer-events: none
;
608 .tsd-filter-input svg {
613 border-radius: 0.33em;
614 /* Leaving this at full opacity breaks event listeners on Firefox.
615 Don't remove unless you know what you're doing. */
618 .tsd-filter-input input[type="checkbox"]:focus-visible + svg {
619 outline: 2px solid var
(--color-focus-outline
);
621 .tsd-checkbox-background {
622 fill: var
(--color-accent
);
624 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
625 stroke: var
(--color-text
);
627 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
628 fill: var
(--color-background
);
629 stroke: var
(--color-accent
);
630 stroke-width: 0.25rem;
632 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
633 stroke: var
(--color-accent
);
638 text-transform: uppercase
;
639 display: inline-block
;
642 .tsd-filter-visibility .settings-label {
643 margin: 0.75rem 0 0.5rem 0;
646 .tsd-theme-toggle .settings-label {
647 margin: 0.75rem 0.75rem 0 0;
654 .tsd-hierarchy .target {
658 .tsd-full-hierarchy:not(:last-child) {
661 border-bottom: 1px solid var
(--color-accent
);
664 .tsd-full-hierarchy ul {
669 .tsd-full-hierarchy ul {
670 padding-left: 1.5rem;
672 .tsd-full-hierarchy a {
673 padding: 0.25rem 0 !important
;
675 display: inline-flex
;
677 color: var
(--color-text
);
680 .tsd-panel-group.tsd-index-group {
683 .tsd-index-panel .tsd-index-list {
685 line-height: 1.333em;
687 padding: 0.25rem 0 0 0;
690 grid-template-columns: repeat
(3, 1fr);
692 grid-template-rows: auto
;
694 @media (max-width: 1024px) {
695 .tsd-index-panel .tsd-index-list {
696 grid-template-columns: repeat
(2, 1fr);
699 @media (max-width: 768px) {
700 .tsd-index-panel .tsd-index-list {
701 grid-template-columns: repeat
(1, 1fr);
704 .tsd-index-panel .tsd-index-list li {
705 -webkit-page-break-inside: avoid
;
706 -moz-page-break-inside: avoid
;
707 -ms-page-break-inside: avoid
;
708 -o-page-break-inside: avoid
;
709 page-break-inside: avoid
;
713 display: inline-block
;
714 padding: 0.25em 0.4em;
716 color: var
(--color-comment-tag-text
);
717 background-color: var
(--color-comment-tag
);
732 .tsd-member .tsd-anchor + h3 {
740 .tsd-navigation.settings {
744 .tsd-navigation .tsd-accordion-summary {
745 width: calc
(100% - 0.25rem);
750 .tsd-navigation summary
> span
,
751 .tsd-page-navigation a {
753 width: calc
(100% - 0.25rem);
756 color: var
(--color-text
);
757 text-decoration: none
;
758 box-sizing: border-box
;
760 .tsd-navigation a
.current
,
761 .tsd-page-navigation a.current {
762 background: var
(--color-active-menu-item
);
764 .tsd-navigation
a:hover
,
765 .tsd-page-navigation a:hover {
766 text-decoration: underline
;
769 .tsd-page-navigation ul {
776 .tsd-page-navigation li {
780 .tsd-navigation .tsd-nav-link {
783 .tsd-nested-navigation {
786 .tsd-nested-navigation > li > details {
787 margin-left: -1.5rem;
789 .tsd-small-nested-navigation {
792 .tsd-small-nested-navigation > li > details {
793 margin-left: -1.5rem;
796 .tsd-page-navigation-section {
799 .tsd-page-navigation-section > summary {
802 .tsd-page-navigation-section > div {
805 .tsd-page-navigation ul {
806 padding-left: 1.75rem;
809 #tsd-sidebar-links a
{
811 margin-bottom: 0.5rem;
812 line-height: 1.25rem;
814 #tsd-sidebar-links a:last-of-type
{
819 padding: 0.25rem 0 !important
;
821 line-height: 1.25rem;
822 display: inline-flex
;
824 color: var
(--color-text
);
826 .tsd-accordion-summary {
827 list-style-type: none
; /* hide marker on non-safari */
828 outline: none
; /* broken on safari, so just hide it */
830 .tsd-accordion-summary::-webkit-details-marker {
831 display: none
; /* hide marker on safari */
833 .tsd-accordion-summary
,
834 .tsd-accordion-summary a {
835 -moz-user-select: none
;
836 -webkit-user-select: none
;
837 -ms-user-select: none
;
842 .tsd-accordion-summary a {
843 width: calc
(100% - 1.5rem);
845 .tsd-accordion-summary > * {
851 .tsd-accordion .tsd-accordion-summary > svg {
852 margin-left: 0.25rem;
853 vertical-align: text-top
;
855 .tsd-index-content > :not(:first-child) {
860 margin-bottom: 0.75rem;
864 margin-right: 0.5rem;
870 .tsd-kind-icon path {
871 transform-origin: center
;
872 transform: scale
(1.1);
874 .tsd-signature > .tsd-kind-icon {
875 margin-right: 0.8rem;
879 margin-bottom: 2.5rem;
881 .tsd-panel.tsd-member {
890 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
891 padding: 0 1.5rem 0.75rem 1.5rem;
893 .tsd-panel
> h1
.tsd-before-signature
,
894 .tsd-panel
> h2
.tsd-before-signature
,
895 .tsd-panel > h3.tsd-before-signature {
903 .tsd-panel-group.tsd-index-group {
906 .tsd-panel-group.tsd-index-group details {
909 .tsd-panel-group > .tsd-accordion-summary {
914 transition: background-color
0.2s;
927 #tsd-search .field input
{
928 box-sizing: border-box
;
937 background: transparent
;
938 color: var
(--color-text
);
940 #tsd-search .field label
{
945 #tsd-search .field input
,
947 #tsd-toolbar-links a
{
948 transition: opacity
0.2s;
950 #tsd-search .results
{
958 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
960 #tsd-search .results li
{
961 background-color: var
(--color-background
);
962 line-height: initial
;
965 #tsd-search .results
li:nth-child
(even
) {
966 background-color: var
(--color-background-secondary
);
968 #tsd-search .results li
.state
{
971 #tsd-search .results li
.current:not
(.no-results
),
972 #tsd-search .results
li:hover:not
(.no-results
) {
973 background-color: var
(--color-accent
);
975 #tsd-search .results a
{
979 box-sizing: border-box
;
981 #tsd-search .results
a:before
{
984 #tsd-search .results span
.parent
{
985 color: var
(--color-text-aside
);
988 #tsd-search.has-focus
{
989 background-color: var
(--color-accent
);
991 #tsd-search.has-focus
.field input
{
995 #tsd-search.has-focus
.title
,
996 #tsd-search.has-focus #tsd-toolbar-links a
{
1000 #tsd-search.has-focus
.results
{
1001 visibility: visible
;
1003 #tsd-search.loading
.results li
.state
.loading
{
1006 #tsd-search.failure
.results li
.state
.failure
{
1010 #tsd-toolbar-links {
1016 align-items: center
;
1017 justify-content: flex-end
;
1019 #tsd-toolbar-links a
{
1020 margin-left: 1.5rem;
1022 #tsd-toolbar-links a:hover
{
1023 text-decoration: underline
;
1028 padding: 1rem 0.5rem;
1029 border: 1px solid var
(--color-accent
);
1030 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
1035 .tsd-signature-keyword {
1036 color: var
(--color-ts-keyword
);
1037 font-weight: normal
;
1040 .tsd-signature-symbol {
1041 color: var
(--color-text-aside
);
1042 font-weight: normal
;
1045 .tsd-signature-type {
1047 font-weight: normal
;
1053 list-style-type: none
;
1055 .tsd-signatures .tsd-signature {
1057 border-color: var
(--color-accent
);
1058 border-width: 1px 0;
1059 transition: background-color
0.1s;
1061 .tsd-signatures .tsd-index-signature:not(:last-child) {
1064 .tsd-signatures .tsd-index-signature .tsd-signature {
1067 .tsd-description .tsd-signatures .tsd-signature {
1071 ul
.tsd-parameter-list
,
1072 ul
.tsd-type-parameter-list
{
1077 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
1078 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
1082 ul
.tsd-parameter-list h5
,
1083 ul
.tsd-type-parameter-list h5
{
1085 margin: 1em 0 0.5em 0;
1092 color: var
(--color-text-aside
);
1093 text-decoration: underline
;
1106 color: var
(--color-text
);
1107 background: var
(--color-background-secondary
);
1108 border-bottom: 1px var
(--color-accent
) solid
;
1109 transition: transform
0.3s ease-in-out
;
1111 .tsd-page-toolbar a {
1112 color: var
(--color-text
);
1113 text-decoration: none
;
1115 .tsd-page-toolbar a.title {
1118 .tsd-page-toolbar a.title:hover {
1119 text-decoration: underline
;
1121 .tsd-page-toolbar .tsd-toolbar-contents {
1123 justify-content: space-between
;
1127 .tsd-page-toolbar .table-cell {
1129 white-space: nowrap
;
1132 .tsd-page-toolbar .table-cell:first-child {
1135 .tsd-page-toolbar .tsd-toolbar-icon {
1136 box-sizing: border-box
;
1142 display: inline-block
;
1148 background-color
0.2s;
1149 vertical-align: bottom
;
1155 .tsd-widget.active {
1157 background-color: var
(--color-accent
);
1159 .tsd-widget.no-caption {
1162 .tsd-widget.no-caption:before {
1166 .tsd-widget
.options
,
1170 input
[type
="checkbox"] + .tsd-widget:before
{
1171 background-position: -120px 0;
1173 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1174 background-position: -160px 0;
1182 display: inline-flex
;
1183 align-items: center
;
1184 margin-left: 0.5rem;
1185 vertical-align: middle
;
1186 color: var
(--color-text
);
1189 .tsd-anchor-icon svg {
1195 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1196 visibility: visible
;
1200 text-decoration: line-through
!important
;
1205 color: var
(--color-warning-text
);
1206 background: var
(--color-background-warning
);
1210 color: var
(--color-ts-project
);
1213 color: var
(--color-ts-module
);
1215 .tsd-kind-namespace {
1216 color: var
(--color-ts-namespace
);
1219 color: var
(--color-ts-enum
);
1221 .tsd-kind-enum-member {
1222 color: var
(--color-ts-enum-member
);
1224 .tsd-kind-variable {
1225 color: var
(--color-ts-variable
);
1227 .tsd-kind-function {
1228 color: var
(--color-ts-function
);
1231 color: var
(--color-ts-class
);
1233 .tsd-kind-interface {
1234 color: var
(--color-ts-interface
);
1236 .tsd-kind-constructor {
1237 color: var
(--color-ts-constructor
);
1239 .tsd-kind-property {
1240 color: var
(--color-ts-property
);
1243 color: var
(--color-ts-method
);
1245 .tsd-kind-call-signature {
1246 color: var
(--color-ts-call-signature
);
1248 .tsd-kind-index-signature {
1249 color: var
(--color-ts-index-signature
);
1251 .tsd-kind-constructor-signature {
1252 color: var
(--color-ts-constructor-signature
);
1254 .tsd-kind-parameter {
1255 color: var
(--color-ts-parameter
);
1257 .tsd-kind-type-literal {
1258 color: var
(--color-ts-type-literal
);
1260 .tsd-kind-type-parameter {
1261 color: var
(--color-ts-type-parameter
);
1263 .tsd-kind-accessor {
1264 color: var
(--color-ts-accessor
);
1266 .tsd-kind-get-signature {
1267 color: var
(--color-ts-get-signature
);
1269 .tsd-kind-set-signature {
1270 color: var
(--color-ts-set-signature
);
1272 .tsd-kind-type-alias {
1273 color: var
(--color-ts-type-alias
);
1276 /* if we have a kind icon, don't color the text by kind */
1277 .tsd-kind-icon ~ span {
1278 color: var
(--color-text
);
1282 scrollbar-width: thin
;
1283 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1286 *::-webkit-scrollbar
{
1290 *::-webkit-scrollbar-track
{
1291 background: var
(--color-icon-background
);
1294 *::-webkit-scrollbar-thumb
{
1295 background-color: var
(--color-accent
);
1296 border-radius: 999rem;
1297 border: 0.25rem solid var
(--color-icon-background
);
1301 @media (max-width: 769px) {
1302 .tsd-widget
.options
,
1304 display: inline-block
;
1316 position: fixed
!important
;
1318 -webkit-overflow-scrolling: touch
;
1321 bottom: 0 !important
;
1322 left: auto
!important
;
1323 right: 0 !important
;
1324 padding: 1.5rem 1.5rem 0 0;
1327 background-color: var
(--color-background
);
1328 transform: translate
(100%, 0);
1330 html
.col-sidebar
> *:last-child
{
1331 padding-bottom: 20px;
1342 background-color: rgba
(0, 0, 0, 0.75);
1346 .to-has-menu .overlay {
1347 animation: fade-in
0.4s;
1350 .to-has-menu .col-sidebar {
1351 animation: pop-in-from-right
0.4s;
1354 .from-has-menu .overlay {
1355 animation: fade-out
0.4s;
1358 .from-has-menu .col-sidebar {
1359 animation: pop-out-to-right
0.4s;
1365 .has-menu .overlay {
1366 visibility: visible
;
1368 .has-menu .col-sidebar {
1369 visibility: visible
;
1370 transform: translate
(0, 0);
1372 flex-direction: column
;
1377 .has-menu .tsd-navigation {
1380 #tsd-toolbar-links {
1383 .tsd-navigation .tsd-nav-link {
1389 @media (min-width: 770px) {
1392 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2fr);
1393 grid-template-areas: "sidebar content";
1405 @media (min-width: 770px) and
(max-width: 1399px) {
1407 max-height: calc
(100vh - 2rem - 42px);
1419 @media (min-width: 1200px) {
1421 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2.5fr) minmax
(0, 20rem);
1422 grid-template-areas: "sidebar content toc";
1443 max-height: calc
(100vh - 2rem - 42px);