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;
14 --light-color-ts-keyword: #056bd6;
15 --light-color-ts-project: #b111c9;
16 --light-color-ts-module: var
(--light-color-ts-project
);
17 --light-color-ts-namespace: var
(--light-color-ts-project
);
18 --light-color-ts-enum: #7e6f15;
19 --light-color-ts-enum-member: var
(--light-color-ts-enum
);
20 --light-color-ts-variable: #4760ec;
21 --light-color-ts-function: #572be7;
22 --light-color-ts-class: #1f70c2;
23 --light-color-ts-interface: #108024;
24 --light-color-ts-constructor: var
(--light-color-ts-class
);
25 --light-color-ts-property: var
(--light-color-ts-variable
);
26 --light-color-ts-method: var
(--light-color-ts-function
);
27 --light-color-ts-call-signature: var
(--light-color-ts-method
);
28 --light-color-ts-index-signature: var
(--light-color-ts-property
);
29 --light-color-ts-constructor-signature: var
(--light-color-ts-constructor
);
30 --light-color-ts-parameter: var
(--light-color-ts-variable
);
31 /* type literal not included as links will never be generated to it */
32 --light-color-ts-type-parameter: #a55c0e;
33 --light-color-ts-accessor: var
(--light-color-ts-property
);
34 --light-color-ts-get-signature: var
(--light-color-ts-accessor
);
35 --light-color-ts-set-signature: var
(--light-color-ts-accessor
);
36 --light-color-ts-type-alias: #d51270;
37 /* reference not included as links will be colored with the kind that it points to */
39 --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>");
40 --light-color-scheme: light
;
43 --dark-color-background: #2b2e33;
44 --dark-color-background-secondary: #1e2024;
45 --dark-color-background-warning: #bebe00;
46 --dark-color-warning-text: #222;
47 --dark-color-icon-background: var
(--dark-color-background-secondary
);
48 --dark-color-accent: #9096a2;
49 --dark-color-active-menu-item: #5d5d6a;
50 --dark-color-text: #f5f5f5;
51 --dark-color-text-aside: #dddddd;
52 --dark-color-link: #00aff4;
54 --dark-color-ts-keyword: #3399ff;
55 --dark-color-ts-project: #e358ff;
56 --dark-color-ts-module: var
(--dark-color-ts-project
);
57 --dark-color-ts-namespace: var
(--dark-color-ts-project
);
58 --dark-color-ts-enum: #f4d93e;
59 --dark-color-ts-enum-member: var
(--dark-color-ts-enum
);
60 --dark-color-ts-variable: #798dff;
61 --dark-color-ts-function: #a280ff;
62 --dark-color-ts-class: #8ac4ff;
63 --dark-color-ts-interface: #6cff87;
64 --dark-color-ts-constructor: var
(--dark-color-ts-class
);
65 --dark-color-ts-property: var
(--dark-color-ts-variable
);
66 --dark-color-ts-method: var
(--dark-color-ts-function
);
67 --dark-color-ts-call-signature: var
(--dark-color-ts-method
);
68 --dark-color-ts-index-signature: var
(--dark-color-ts-property
);
69 --dark-color-ts-constructor-signature: var
(--dark-color-ts-constructor
);
70 --dark-color-ts-parameter: var
(--dark-color-ts-variable
);
71 /* type literal not included as links will never be generated to it */
72 --dark-color-ts-type-parameter: #e07d13;
73 --dark-color-ts-accessor: var
(--dark-color-ts-property
);
74 --dark-color-ts-get-signature: var
(--dark-color-ts-accessor
);
75 --dark-color-ts-set-signature: var
(--dark-color-ts-accessor
);
76 --dark-color-ts-type-alias: #ff6492;
77 /* reference not included as links will be colored with the kind that it points to */
79 --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>");
80 --dark-color-scheme: dark
;
83 @media (prefers-color-scheme: light
) {
85 --color-background: var
(--light-color-background
);
86 --color-background-secondary: var
(--light-color-background-secondary
);
87 --color-background-warning: var
(--light-color-background-warning
);
88 --color-warning-text: var
(--light-color-warning-text
);
89 --color-icon-background: var
(--light-color-icon-background
);
90 --color-accent: var
(--light-color-accent
);
91 --color-active-menu-item: var
(--light-color-active-menu-item
);
92 --color-text: var
(--light-color-text
);
93 --color-text-aside: var
(--light-color-text-aside
);
94 --color-link: var
(--light-color-link
);
96 --color-ts-keyword: var
(--light-color-ts-keyword
);
97 --color-ts-module: var
(--light-color-ts-module
);
98 --color-ts-namespace: var
(--light-color-ts-namespace
);
99 --color-ts-enum: var
(--light-color-ts-enum
);
100 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
101 --color-ts-variable: var
(--light-color-ts-variable
);
102 --color-ts-function: var
(--light-color-ts-function
);
103 --color-ts-class: var
(--light-color-ts-class
);
104 --color-ts-interface: var
(--light-color-ts-interface
);
105 --color-ts-constructor: var
(--light-color-ts-constructor
);
106 --color-ts-property: var
(--light-color-ts-property
);
107 --color-ts-method: var
(--light-color-ts-method
);
108 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
109 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
110 --color-ts-constructor-signature: var
(
111 --light-color-ts-constructor-signature
113 --color-ts-parameter: var
(--light-color-ts-parameter
);
114 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
115 --color-ts-accessor: var
(--light-color-ts-accessor
);
116 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
117 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
118 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
120 --external-icon: var
(--light-external-icon
);
121 --color-scheme: var
(--light-color-scheme
);
125 @media (prefers-color-scheme: dark
) {
127 --color-background: var
(--dark-color-background
);
128 --color-background-secondary: var
(--dark-color-background-secondary
);
129 --color-background-warning: var
(--dark-color-background-warning
);
130 --color-warning-text: var
(--dark-color-warning-text
);
131 --color-icon-background: var
(--dark-color-icon-background
);
132 --color-accent: var
(--dark-color-accent
);
133 --color-active-menu-item: var
(--dark-color-active-menu-item
);
134 --color-text: var
(--dark-color-text
);
135 --color-text-aside: var
(--dark-color-text-aside
);
136 --color-link: var
(--dark-color-link
);
138 --color-ts-keyword: var
(--dark-color-ts-keyword
);
139 --color-ts-module: var
(--dark-color-ts-module
);
140 --color-ts-namespace: var
(--dark-color-ts-namespace
);
141 --color-ts-enum: var
(--dark-color-ts-enum
);
142 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
143 --color-ts-variable: var
(--dark-color-ts-variable
);
144 --color-ts-function: var
(--dark-color-ts-function
);
145 --color-ts-class: var
(--dark-color-ts-class
);
146 --color-ts-interface: var
(--dark-color-ts-interface
);
147 --color-ts-constructor: var
(--dark-color-ts-constructor
);
148 --color-ts-property: var
(--dark-color-ts-property
);
149 --color-ts-method: var
(--dark-color-ts-method
);
150 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
151 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
152 --color-ts-constructor-signature: var
(
153 --dark-color-ts-constructor-signature
155 --color-ts-parameter: var
(--dark-color-ts-parameter
);
156 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
157 --color-ts-accessor: var
(--dark-color-ts-accessor
);
158 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
159 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
160 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
162 --external-icon: var
(--dark-external-icon
);
163 --color-scheme: var
(--dark-color-scheme
);
168 color-scheme: var
(--color-scheme
);
175 :root
[data-theme
="light"] {
176 --color-background: var
(--light-color-background
);
177 --color-background-secondary: var
(--light-color-background-secondary
);
178 --color-background-warning: var
(--light-color-background-warning
);
179 --color-warning-text: var
(--light-color-warning-text
);
180 --color-icon-background: var
(--light-color-icon-background
);
181 --color-accent: var
(--light-color-accent
);
182 --color-active-menu-item: var
(--light-color-active-menu-item
);
183 --color-text: var
(--light-color-text
);
184 --color-text-aside: var
(--light-color-text-aside
);
185 --color-link: var
(--light-color-link
);
187 --color-ts-keyword: var
(--light-color-ts-keyword
);
188 --color-ts-module: var
(--light-color-ts-module
);
189 --color-ts-namespace: var
(--light-color-ts-namespace
);
190 --color-ts-enum: var
(--light-color-ts-enum
);
191 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
192 --color-ts-variable: var
(--light-color-ts-variable
);
193 --color-ts-function: var
(--light-color-ts-function
);
194 --color-ts-class: var
(--light-color-ts-class
);
195 --color-ts-interface: var
(--light-color-ts-interface
);
196 --color-ts-constructor: var
(--light-color-ts-constructor
);
197 --color-ts-property: var
(--light-color-ts-property
);
198 --color-ts-method: var
(--light-color-ts-method
);
199 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
200 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
201 --color-ts-constructor-signature: var
(
202 --light-color-ts-constructor-signature
204 --color-ts-parameter: var
(--light-color-ts-parameter
);
205 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
206 --color-ts-accessor: var
(--light-color-ts-accessor
);
207 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
208 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
209 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
211 --external-icon: var
(--light-external-icon
);
212 --color-scheme: var
(--light-color-scheme
);
215 :root
[data-theme
="dark"] {
216 --color-background: var
(--dark-color-background
);
217 --color-background-secondary: var
(--dark-color-background-secondary
);
218 --color-background-warning: var
(--dark-color-background-warning
);
219 --color-warning-text: var
(--dark-color-warning-text
);
220 --color-icon-background: var
(--dark-color-icon-background
);
221 --color-accent: var
(--dark-color-accent
);
222 --color-active-menu-item: var
(--dark-color-active-menu-item
);
223 --color-text: var
(--dark-color-text
);
224 --color-text-aside: var
(--dark-color-text-aside
);
225 --color-link: var
(--dark-color-link
);
227 --color-ts-keyword: var
(--dark-color-ts-keyword
);
228 --color-ts-module: var
(--dark-color-ts-module
);
229 --color-ts-namespace: var
(--dark-color-ts-namespace
);
230 --color-ts-enum: var
(--dark-color-ts-enum
);
231 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
232 --color-ts-variable: var
(--dark-color-ts-variable
);
233 --color-ts-function: var
(--dark-color-ts-function
);
234 --color-ts-class: var
(--dark-color-ts-class
);
235 --color-ts-interface: var
(--dark-color-ts-interface
);
236 --color-ts-constructor: var
(--dark-color-ts-constructor
);
237 --color-ts-property: var
(--dark-color-ts-property
);
238 --color-ts-method: var
(--dark-color-ts-method
);
239 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
240 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
241 --color-ts-constructor-signature: var
(
242 --dark-color-ts-constructor-signature
244 --color-ts-parameter: var
(--dark-color-ts-parameter
);
245 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
246 --color-ts-accessor: var
(--dark-color-ts-accessor
);
247 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
248 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
249 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
251 --external-icon: var
(--dark-external-icon
);
252 --color-scheme: var
(--dark-color-scheme
);
256 .always-visible .tsd-signatures {
257 display: inherit
!important
;
275 text-decoration: none
;
276 color: var
(--color-text
);
310 text-transform: uppercase
;
331 border-top: 1px solid var
(--color-accent
);
333 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: "Segoe UI", sans-serif
;
410 color: var
(--color-text
);
414 color: var
(--color-link
);
415 text-decoration: none
;
418 text-decoration: underline
;
420 a
.external
[target
="_blank"] {
421 background-image: var
(--external-icon
);
422 background-position: top
3px right
;
423 background-repeat: no-repeat
;
429 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
433 border-radius: 0.8em;
439 white-space: pre-wrap
;
440 word-wrap: break-word
;
442 border: 1px solid var
(--color-accent
);
453 transition: opacity
0.1s;
454 box-sizing: border-box
;
457 pre
> button
.visible
{
464 border-left: 4px solid gray
;
468 line-height: 1.333em;
475 .tsd-typography
.tsd-index-panel h3
,
476 .tsd-index-panel
.tsd-typography h3
,
491 .tsd-typography table {
492 border-collapse: collapse
;
498 border: 1px solid var
(--color-accent
);
500 .tsd-typography thead
,
501 .tsd-typography tr:nth-child(even) {
502 background-color: var
(--color-background-secondary
);
508 color: var
(--color-text-aside
);
511 color: var
(--color-text-aside
);
512 text-decoration: none
;
514 .tsd-breadcrumb a:hover {
515 text-decoration: underline
;
520 .tsd-breadcrumb li:after {
526 flex-direction: column
;
528 dl
.tsd-comment-tag-group
{
534 dl
.tsd-comment-tag-group dt
{
540 dl
.tsd-comment-tag-group dd
{
544 padding: 0.25em 0.4em;
545 border: 0.1em solid var
(--color-accent
);
546 margin-right: 0.25em;
549 h1 code
.tsd-tag:first-of-type
{
553 dl
.tsd-comment-tag-group
dd:before
,
554 dl
.tsd-comment-tag-group
dd:after
{
557 dl
.tsd-comment-tag-group dd pre
,
558 dl
.tsd-comment-tag-group
dd:after
{
561 dl
.tsd-comment-tag-group p
{
565 .tsd-panel.tsd-comment .lead {
567 line-height: 1.333em;
570 .tsd-panel.tsd-comment .lead:last-child {
574 .tsd-filter-visibility h4 {
576 padding-top: 0.75rem;
577 padding-bottom: 0.5rem;
580 .tsd-filter-item:not(:last-child) {
581 margin-bottom: 0.5rem;
586 width: -moz-fit-content
;
589 -webkit-user-select: none
;
590 -moz-user-select: none
;
591 -ms-user-select: none
;
594 .tsd-filter-input input[type="checkbox"] {
601 .tsd-filter-input input[type="checkbox"]:disabled {
602 pointer-events: none
;
604 .tsd-filter-input svg {
609 border-radius: 0.33em;
610 /* Leaving this at full opacity breaks event listeners on Firefox.
611 Don't remove unless you know what you're doing. */
614 .tsd-filter-input input[type="checkbox"]:focus + svg {
615 transform: scale
(0.95);
617 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
620 .tsd-checkbox-background {
621 fill: var
(--color-accent
);
623 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
624 stroke: var
(--color-text
);
626 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
627 fill: var
(--color-background
);
628 stroke: var
(--color-accent
);
629 stroke-width: 0.25rem;
631 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
632 stroke: var
(--color-accent
);
636 padding-top: 0.75rem;
638 .tsd-theme-toggle > h4 {
640 vertical-align: middle
;
641 margin-right: 0.75rem;
648 .tsd-hierarchy .target {
652 .tsd-full-hierarchy:not(:last-child) {
655 border-bottom: 1px solid var
(--color-accent
);
658 .tsd-full-hierarchy ul {
663 .tsd-full-hierarchy ul {
664 padding-left: 1.5rem;
666 .tsd-full-hierarchy a {
667 padding: 0.25rem 0 !important
;
669 display: inline-flex
;
671 color: var
(--color-text
);
674 .tsd-panel-group.tsd-index-group {
677 .tsd-index-panel .tsd-index-list {
679 line-height: 1.333em;
681 padding: 0.25rem 0 0 0;
684 grid-template-columns: repeat
(3, 1fr);
686 grid-template-rows: auto
;
688 @media (max-width: 1024px) {
689 .tsd-index-panel .tsd-index-list {
690 grid-template-columns: repeat
(2, 1fr);
693 @media (max-width: 768px) {
694 .tsd-index-panel .tsd-index-list {
695 grid-template-columns: repeat
(1, 1fr);
698 .tsd-index-panel .tsd-index-list li {
699 -webkit-page-break-inside: avoid
;
700 -moz-page-break-inside: avoid
;
701 -ms-page-break-inside: avoid
;
702 -o-page-break-inside: avoid
;
703 page-break-inside: avoid
;
707 display: inline-block
;
708 padding: 0.25em 0.4em;
710 color: var
(--color-comment-tag-text
);
711 background-color: var
(--color-comment-tag
);
726 .tsd-member .tsd-anchor + h3 {
734 .tsd-navigation.settings {
738 .tsd-navigation .tsd-accordion-summary {
739 width: calc
(100% - 0.25rem);
744 .tsd-navigation summary
> span
,
745 .tsd-page-navigation a {
747 width: calc
(100% - 0.25rem);
750 color: var
(--color-text
);
751 text-decoration: none
;
752 box-sizing: border-box
;
754 .tsd-navigation a
.current
,
755 .tsd-page-navigation a.current {
756 background: var
(--color-active-menu-item
);
758 .tsd-navigation
a:hover
,
759 .tsd-page-navigation a:hover {
760 text-decoration: underline
;
763 .tsd-page-navigation ul {
770 .tsd-page-navigation li {
774 .tsd-nested-navigation {
777 .tsd-nested-navigation > li > details {
778 margin-left: -1.5rem;
780 .tsd-small-nested-navigation {
783 .tsd-small-nested-navigation > li > details {
784 margin-left: -1.5rem;
787 .tsd-page-navigation ul {
788 padding-left: 1.75rem;
791 #tsd-sidebar-links a
{
793 margin-bottom: 0.5rem;
794 line-height: 1.25rem;
796 #tsd-sidebar-links a:last-of-type
{
801 padding: 0.25rem 0 !important
;
803 line-height: 1.25rem;
804 display: inline-flex
;
806 color: var
(--color-text
);
808 .tsd-accordion-summary {
809 list-style-type: none
; /* hide marker on non-safari */
810 outline: none
; /* broken on safari, so just hide it */
812 .tsd-accordion-summary::-webkit-details-marker {
813 display: none
; /* hide marker on safari */
815 .tsd-accordion-summary
,
816 .tsd-accordion-summary a {
818 -moz-user-select: none
;
819 -webkit-user-select: none
;
820 -ms-user-select: none
;
824 .tsd-accordion-summary a {
825 width: calc
(100% - 1.5rem);
827 .tsd-accordion-summary > * {
833 .tsd-index-accordion .tsd-accordion-summary > svg {
834 margin-left: 0.25rem;
836 .tsd-index-content > :not(:first-child) {
841 margin-bottom: 0.75rem;
845 margin-right: 0.5rem;
851 .tsd-kind-icon path {
852 transform-origin: center
;
853 transform: scale
(1.1);
855 .tsd-signature > .tsd-kind-icon {
856 margin-right: 0.8rem;
860 margin-bottom: 2.5rem;
862 .tsd-panel.tsd-member {
871 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
872 padding: 0 1.5rem 0.75rem 1.5rem;
874 .tsd-panel
> h1
.tsd-before-signature
,
875 .tsd-panel
> h2
.tsd-before-signature
,
876 .tsd-panel > h3.tsd-before-signature {
884 .tsd-panel-group.tsd-index-group {
887 .tsd-panel-group.tsd-index-group details {
892 transition: background-color
0.2s;
905 #tsd-search .field input
{
906 box-sizing: border-box
;
915 background: transparent
;
916 color: var
(--color-text
);
918 #tsd-search .field label
{
923 #tsd-search .field input
,
925 #tsd-toolbar-links a
{
926 transition: opacity
0.2s;
928 #tsd-search .results
{
936 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
938 #tsd-search .results li
{
939 background-color: var
(--color-background
);
940 line-height: initial
;
943 #tsd-search .results
li:nth-child
(even
) {
944 background-color: var
(--color-background-secondary
);
946 #tsd-search .results li
.state
{
949 #tsd-search .results li
.current:not
(.no-results
),
950 #tsd-search .results
li:hover:not
(.no-results
) {
951 background-color: var
(--color-accent
);
953 #tsd-search .results a
{
957 box-sizing: border-box
;
959 #tsd-search .results
a:before
{
962 #tsd-search .results span
.parent
{
963 color: var
(--color-text-aside
);
966 #tsd-search.has-focus
{
967 background-color: var
(--color-accent
);
969 #tsd-search.has-focus
.field input
{
973 #tsd-search.has-focus
.title
,
974 #tsd-search.has-focus #tsd-toolbar-links a
{
978 #tsd-search.has-focus
.results
{
981 #tsd-search.loading
.results li
.state
.loading
{
984 #tsd-search.failure
.results li
.state
.failure
{
995 justify-content: flex-end
;
997 #tsd-toolbar-links a
{
1000 #tsd-toolbar-links a:hover
{
1001 text-decoration: underline
;
1006 padding: 1rem 0.5rem;
1007 border: 1px solid var
(--color-accent
);
1008 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
1013 .tsd-signature-keyword {
1014 color: var
(--color-ts-keyword
);
1015 font-weight: normal
;
1018 .tsd-signature-symbol {
1019 color: var
(--color-text-aside
);
1020 font-weight: normal
;
1023 .tsd-signature-type {
1025 font-weight: normal
;
1031 list-style-type: none
;
1033 .tsd-signatures .tsd-signature {
1035 border-color: var
(--color-accent
);
1036 border-width: 1px 0;
1037 transition: background-color
0.1s;
1039 .tsd-description .tsd-signatures .tsd-signature {
1043 ul
.tsd-parameter-list
,
1044 ul
.tsd-type-parameter-list
{
1049 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
1050 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
1054 ul
.tsd-parameter-list h5
,
1055 ul
.tsd-type-parameter-list h5
{
1057 margin: 1em 0 0.5em 0;
1064 color: var
(--color-text-aside
);
1065 text-decoration: underline
;
1078 color: var
(--color-text
);
1079 background: var
(--color-background-secondary
);
1080 border-bottom: 1px var
(--color-accent
) solid
;
1081 transition: transform
0.3s ease-in-out
;
1083 .tsd-page-toolbar a {
1084 color: var
(--color-text
);
1085 text-decoration: none
;
1087 .tsd-page-toolbar a.title {
1090 .tsd-page-toolbar a.title:hover {
1091 text-decoration: underline
;
1093 .tsd-page-toolbar .tsd-toolbar-contents {
1095 justify-content: space-between
;
1099 .tsd-page-toolbar .table-cell {
1101 white-space: nowrap
;
1104 .tsd-page-toolbar .table-cell:first-child {
1107 .tsd-page-toolbar .tsd-toolbar-icon {
1108 box-sizing: border-box
;
1114 display: inline-block
;
1120 background-color
0.2s;
1121 vertical-align: bottom
;
1127 .tsd-widget.active {
1129 background-color: var
(--color-accent
);
1131 .tsd-widget.no-caption {
1134 .tsd-widget.no-caption:before {
1138 .tsd-widget
.options
,
1142 input
[type
="checkbox"] + .tsd-widget:before
{
1143 background-position: -120px 0;
1145 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1146 background-position: -160px 0;
1154 display: inline-flex
;
1155 align-items: center
;
1156 margin-left: 0.5rem;
1157 vertical-align: middle
;
1158 color: var
(--color-text
);
1161 .tsd-anchor-icon svg {
1167 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1168 visibility: visible
;
1172 text-decoration: line-through
!important
;
1177 color: var
(--color-warning-text
);
1178 background: var
(--color-background-warning
);
1182 color: var
(--color-ts-project
);
1185 color: var
(--color-ts-module
);
1187 .tsd-kind-namespace {
1188 color: var
(--color-ts-namespace
);
1191 color: var
(--color-ts-enum
);
1193 .tsd-kind-enum-member {
1194 color: var
(--color-ts-enum-member
);
1196 .tsd-kind-variable {
1197 color: var
(--color-ts-variable
);
1199 .tsd-kind-function {
1200 color: var
(--color-ts-function
);
1203 color: var
(--color-ts-class
);
1205 .tsd-kind-interface {
1206 color: var
(--color-ts-interface
);
1208 .tsd-kind-constructor {
1209 color: var
(--color-ts-constructor
);
1211 .tsd-kind-property {
1212 color: var
(--color-ts-property
);
1215 color: var
(--color-ts-method
);
1217 .tsd-kind-call-signature {
1218 color: var
(--color-ts-call-signature
);
1220 .tsd-kind-index-signature {
1221 color: var
(--color-ts-index-signature
);
1223 .tsd-kind-constructor-signature {
1224 color: var
(--color-ts-constructor-signature
);
1226 .tsd-kind-parameter {
1227 color: var
(--color-ts-parameter
);
1229 .tsd-kind-type-literal {
1230 color: var
(--color-ts-type-literal
);
1232 .tsd-kind-type-parameter {
1233 color: var
(--color-ts-type-parameter
);
1235 .tsd-kind-accessor {
1236 color: var
(--color-ts-accessor
);
1238 .tsd-kind-get-signature {
1239 color: var
(--color-ts-get-signature
);
1241 .tsd-kind-set-signature {
1242 color: var
(--color-ts-set-signature
);
1244 .tsd-kind-type-alias {
1245 color: var
(--color-ts-type-alias
);
1248 /* if we have a kind icon, don't color the text by kind */
1249 .tsd-kind-icon ~ span {
1250 color: var
(--color-text
);
1254 scrollbar-width: thin
;
1255 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1258 *::-webkit-scrollbar
{
1262 *::-webkit-scrollbar-track
{
1263 background: var
(--color-icon-background
);
1266 *::-webkit-scrollbar-thumb
{
1267 background-color: var
(--color-accent
);
1268 border-radius: 999rem;
1269 border: 0.25rem solid var
(--color-icon-background
);
1273 @media (max-width: 769px) {
1274 .tsd-widget
.options
,
1276 display: inline-block
;
1288 position: fixed
!important
;
1290 -webkit-overflow-scrolling: touch
;
1293 bottom: 0 !important
;
1294 left: auto
!important
;
1295 right: 0 !important
;
1296 padding: 1.5rem 1.5rem 0 0;
1299 background-color: var
(--color-background
);
1300 transform: translate
(100%, 0);
1302 html
.col-sidebar
> *:last-child
{
1303 padding-bottom: 20px;
1314 background-color: rgba
(0, 0, 0, 0.75);
1318 .to-has-menu .overlay {
1319 animation: fade-in
0.4s;
1322 .to-has-menu .col-sidebar {
1323 animation: pop-in-from-right
0.4s;
1326 .from-has-menu .overlay {
1327 animation: fade-out
0.4s;
1330 .from-has-menu .col-sidebar {
1331 animation: pop-out-to-right
0.4s;
1337 .has-menu .overlay {
1338 visibility: visible
;
1340 .has-menu .col-sidebar {
1341 visibility: visible
;
1342 transform: translate
(0, 0);
1344 flex-direction: column
;
1349 .has-menu .tsd-navigation {
1355 @media (min-width: 770px) {
1358 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2fr);
1359 grid-template-areas: "sidebar content";
1371 @media (min-width: 770px) and
(max-width: 1399px) {
1373 max-height: calc
(100vh - 2rem - 42px);
1385 @media (min-width: 1200px) {
1387 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2.5fr) minmax
(0, 20rem);
1388 grid-template-areas: "sidebar content toc";
1409 max-height: calc
(100vh - 2rem - 42px);