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-project: #b111c9;
15 --light-color-ts-module: var
(--light-color-ts-project
);
16 --light-color-ts-namespace: var
(--light-color-ts-project
);
17 --light-color-ts-enum: #7e6f15;
18 --light-color-ts-enum-member: var
(--light-color-ts-enum
);
19 --light-color-ts-variable: #4760ec;
20 --light-color-ts-function: #572be7;
21 --light-color-ts-class: #1f70c2;
22 --light-color-ts-interface: #108024;
23 --light-color-ts-constructor: var
(--light-color-ts-class
);
24 --light-color-ts-property: var
(--light-color-ts-variable
);
25 --light-color-ts-method: var
(--light-color-ts-function
);
26 --light-color-ts-call-signature: var
(--light-color-ts-method
);
27 --light-color-ts-index-signature: var
(--light-color-ts-property
);
28 --light-color-ts-constructor-signature: var
(--light-color-ts-constructor
);
29 --light-color-ts-parameter: var
(--light-color-ts-variable
);
30 /* type literal not included as links will never be generated to it */
31 --light-color-ts-type-parameter: var
(--light-color-ts-type-alias
);
32 --light-color-ts-accessor: var
(--light-color-ts-property
);
33 --light-color-ts-get-signature: var
(--light-color-ts-accessor
);
34 --light-color-ts-set-signature: var
(--light-color-ts-accessor
);
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-active-menu-item: #5d5d6a;
49 --dark-color-text: #f5f5f5;
50 --dark-color-text-aside: #dddddd;
51 --dark-color-link: #00aff4;
53 --dark-color-ts-project: #e358ff;
54 --dark-color-ts-module: var
(--dark-color-ts-project
);
55 --dark-color-ts-namespace: var
(--dark-color-ts-project
);
56 --dark-color-ts-enum: #f4d93e;
57 --dark-color-ts-enum-member: var
(--dark-color-ts-enum
);
58 --dark-color-ts-variable: #798dff;
59 --dark-color-ts-function: #a280ff;
60 --dark-color-ts-class: #8ac4ff;
61 --dark-color-ts-interface: #6cff87;
62 --dark-color-ts-constructor: var
(--dark-color-ts-class
);
63 --dark-color-ts-property: var
(--dark-color-ts-variable
);
64 --dark-color-ts-method: var
(--dark-color-ts-function
);
65 --dark-color-ts-call-signature: var
(--dark-color-ts-method
);
66 --dark-color-ts-index-signature: var
(--dark-color-ts-property
);
67 --dark-color-ts-constructor-signature: var
(--dark-color-ts-constructor
);
68 --dark-color-ts-parameter: var
(--dark-color-ts-variable
);
69 /* type literal not included as links will never be generated to it */
70 --dark-color-ts-type-parameter: var
(--dark-color-ts-type-alias
);
71 --dark-color-ts-accessor: var
(--dark-color-ts-property
);
72 --dark-color-ts-get-signature: var
(--dark-color-ts-accessor
);
73 --dark-color-ts-set-signature: var
(--dark-color-ts-accessor
);
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-active-menu-item: var
(--light-color-active-menu-item
);
90 --color-text: var
(--light-color-text
);
91 --color-text-aside: var
(--light-color-text-aside
);
92 --color-link: var
(--light-color-link
);
94 --color-ts-module: var
(--light-color-ts-module
);
95 --color-ts-namespace: var
(--light-color-ts-namespace
);
96 --color-ts-enum: var
(--light-color-ts-enum
);
97 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
98 --color-ts-variable: var
(--light-color-ts-variable
);
99 --color-ts-function: var
(--light-color-ts-function
);
100 --color-ts-class: var
(--light-color-ts-class
);
101 --color-ts-interface: var
(--light-color-ts-interface
);
102 --color-ts-constructor: var
(--light-color-ts-constructor
);
103 --color-ts-property: var
(--light-color-ts-property
);
104 --color-ts-method: var
(--light-color-ts-method
);
105 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
106 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
107 --color-ts-constructor-signature: var
(
108 --light-color-ts-constructor-signature
110 --color-ts-parameter: var
(--light-color-ts-parameter
);
111 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
112 --color-ts-accessor: var
(--light-color-ts-accessor
);
113 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
114 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
115 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
117 --external-icon: var
(--light-external-icon
);
118 --color-scheme: var
(--light-color-scheme
);
122 @media (prefers-color-scheme: dark
) {
124 --color-background: var
(--dark-color-background
);
125 --color-background-secondary: var
(--dark-color-background-secondary
);
126 --color-background-warning: var
(--dark-color-background-warning
);
127 --color-warning-text: var
(--dark-color-warning-text
);
128 --color-icon-background: var
(--dark-color-icon-background
);
129 --color-accent: var
(--dark-color-accent
);
130 --color-active-menu-item: var
(--dark-color-active-menu-item
);
131 --color-text: var
(--dark-color-text
);
132 --color-text-aside: var
(--dark-color-text-aside
);
133 --color-link: var
(--dark-color-link
);
135 --color-ts-module: var
(--dark-color-ts-module
);
136 --color-ts-namespace: var
(--dark-color-ts-namespace
);
137 --color-ts-enum: var
(--dark-color-ts-enum
);
138 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
139 --color-ts-variable: var
(--dark-color-ts-variable
);
140 --color-ts-function: var
(--dark-color-ts-function
);
141 --color-ts-class: var
(--dark-color-ts-class
);
142 --color-ts-interface: var
(--dark-color-ts-interface
);
143 --color-ts-constructor: var
(--dark-color-ts-constructor
);
144 --color-ts-property: var
(--dark-color-ts-property
);
145 --color-ts-method: var
(--dark-color-ts-method
);
146 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
147 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
148 --color-ts-constructor-signature: var
(
149 --dark-color-ts-constructor-signature
151 --color-ts-parameter: var
(--dark-color-ts-parameter
);
152 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
153 --color-ts-accessor: var
(--dark-color-ts-accessor
);
154 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
155 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
156 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
158 --external-icon: var
(--dark-external-icon
);
159 --color-scheme: var
(--dark-color-scheme
);
164 color-scheme: var
(--color-scheme
);
171 :root
[data-theme
="light"] {
172 --color-background: var
(--light-color-background
);
173 --color-background-secondary: var
(--light-color-background-secondary
);
174 --color-background-warning: var
(--light-color-background-warning
);
175 --color-warning-text: var
(--light-color-warning-text
);
176 --color-icon-background: var
(--light-color-icon-background
);
177 --color-accent: var
(--light-color-accent
);
178 --color-active-menu-item: var
(--light-color-active-menu-item
);
179 --color-text: var
(--light-color-text
);
180 --color-text-aside: var
(--light-color-text-aside
);
181 --color-link: var
(--light-color-link
);
183 --color-ts-module: var
(--light-color-ts-module
);
184 --color-ts-namespace: var
(--light-color-ts-namespace
);
185 --color-ts-enum: var
(--light-color-ts-enum
);
186 --color-ts-enum-member: var
(--light-color-ts-enum-member
);
187 --color-ts-variable: var
(--light-color-ts-variable
);
188 --color-ts-function: var
(--light-color-ts-function
);
189 --color-ts-class: var
(--light-color-ts-class
);
190 --color-ts-interface: var
(--light-color-ts-interface
);
191 --color-ts-constructor: var
(--light-color-ts-constructor
);
192 --color-ts-property: var
(--light-color-ts-property
);
193 --color-ts-method: var
(--light-color-ts-method
);
194 --color-ts-call-signature: var
(--light-color-ts-call-signature
);
195 --color-ts-index-signature: var
(--light-color-ts-index-signature
);
196 --color-ts-constructor-signature: var
(
197 --light-color-ts-constructor-signature
199 --color-ts-parameter: var
(--light-color-ts-parameter
);
200 --color-ts-type-parameter: var
(--light-color-ts-type-parameter
);
201 --color-ts-accessor: var
(--light-color-ts-accessor
);
202 --color-ts-get-signature: var
(--light-color-ts-get-signature
);
203 --color-ts-set-signature: var
(--light-color-ts-set-signature
);
204 --color-ts-type-alias: var
(--light-color-ts-type-alias
);
206 --external-icon: var
(--light-external-icon
);
207 --color-scheme: var
(--light-color-scheme
);
210 :root
[data-theme
="dark"] {
211 --color-background: var
(--dark-color-background
);
212 --color-background-secondary: var
(--dark-color-background-secondary
);
213 --color-background-warning: var
(--dark-color-background-warning
);
214 --color-warning-text: var
(--dark-color-warning-text
);
215 --color-icon-background: var
(--dark-color-icon-background
);
216 --color-accent: var
(--dark-color-accent
);
217 --color-active-menu-item: var
(--dark-color-active-menu-item
);
218 --color-text: var
(--dark-color-text
);
219 --color-text-aside: var
(--dark-color-text-aside
);
220 --color-link: var
(--dark-color-link
);
222 --color-ts-module: var
(--dark-color-ts-module
);
223 --color-ts-namespace: var
(--dark-color-ts-namespace
);
224 --color-ts-enum: var
(--dark-color-ts-enum
);
225 --color-ts-enum-member: var
(--dark-color-ts-enum-member
);
226 --color-ts-variable: var
(--dark-color-ts-variable
);
227 --color-ts-function: var
(--dark-color-ts-function
);
228 --color-ts-class: var
(--dark-color-ts-class
);
229 --color-ts-interface: var
(--dark-color-ts-interface
);
230 --color-ts-constructor: var
(--dark-color-ts-constructor
);
231 --color-ts-property: var
(--dark-color-ts-property
);
232 --color-ts-method: var
(--dark-color-ts-method
);
233 --color-ts-call-signature: var
(--dark-color-ts-call-signature
);
234 --color-ts-index-signature: var
(--dark-color-ts-index-signature
);
235 --color-ts-constructor-signature: var
(
236 --dark-color-ts-constructor-signature
238 --color-ts-parameter: var
(--dark-color-ts-parameter
);
239 --color-ts-type-parameter: var
(--dark-color-ts-type-parameter
);
240 --color-ts-accessor: var
(--dark-color-ts-accessor
);
241 --color-ts-get-signature: var
(--dark-color-ts-get-signature
);
242 --color-ts-set-signature: var
(--dark-color-ts-set-signature
);
243 --color-ts-type-alias: var
(--dark-color-ts-type-alias
);
245 --external-icon: var
(--dark-external-icon
);
246 --color-scheme: var
(--dark-color-scheme
);
250 .always-visible .tsd-signatures {
251 display: inherit
!important
;
269 text-decoration: none
;
270 color: var
(--color-text
);
304 text-transform: uppercase
;
325 border-top: 1px solid var
(--color-accent
);
327 padding-bottom: 1rem;
339 /* toolbar, footer, margin */
340 min-height: calc
(100vh - 41px - 56px - 4rem);
351 @keyframes fade-out
{
360 @keyframes fade-in-delayed
{
371 @keyframes fade-out-delayed
{
383 @keyframes pop-in-from-right
{
385 transform: translate
(100%, 0);
388 transform: translate
(0, 0);
391 @keyframes pop-out-to-right
{
393 transform: translate
(0, 0);
397 transform: translate
(100%, 0);
401 background: var
(--color-background
);
402 font-family: "Segoe UI", sans-serif
;
404 color: var
(--color-text
);
408 color: var
(--color-link
);
409 text-decoration: none
;
412 text-decoration: underline
;
414 a
.external
[target
="_blank"] {
415 background-image: var
(--external-icon
);
416 background-position: top
3px right
;
417 background-repeat: no-repeat
;
423 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
427 border-radius: 0.8em;
433 white-space: pre-wrap
;
434 word-wrap: break-word
;
436 border: 1px solid var
(--color-accent
);
447 transition: opacity
0.1s;
448 box-sizing: border-box
;
451 pre
> button
.visible
{
458 border-left: 4px solid gray
;
462 line-height: 1.333em;
469 .tsd-typography
.tsd-index-panel h3
,
470 .tsd-index-panel
.tsd-typography h3
,
485 .tsd-typography table {
486 border-collapse: collapse
;
492 border: 1px solid var
(--color-accent
);
494 .tsd-typography thead
,
495 .tsd-typography tr:nth-child(even) {
496 background-color: var
(--color-background-secondary
);
502 color: var
(--color-text-aside
);
505 color: var
(--color-text-aside
);
506 text-decoration: none
;
508 .tsd-breadcrumb a:hover {
509 text-decoration: underline
;
514 .tsd-breadcrumb li:after {
520 flex-direction: column
;
522 dl
.tsd-comment-tag-group
{
528 dl
.tsd-comment-tag-group dt
{
534 dl
.tsd-comment-tag-group dd
{
538 padding: 0.25em 0.4em;
539 border: 0.1em solid var
(--color-accent
);
540 margin-right: 0.25em;
543 h1 code
.tsd-tag:first-of-type
{
547 dl
.tsd-comment-tag-group
dd:before
,
548 dl
.tsd-comment-tag-group
dd:after
{
551 dl
.tsd-comment-tag-group dd pre
,
552 dl
.tsd-comment-tag-group
dd:after
{
555 dl
.tsd-comment-tag-group p
{
559 .tsd-panel.tsd-comment .lead {
561 line-height: 1.333em;
564 .tsd-panel.tsd-comment .lead:last-child {
568 .tsd-filter-visibility h4 {
570 padding-top: 0.75rem;
571 padding-bottom: 0.5rem;
574 .tsd-filter-item:not(:last-child) {
575 margin-bottom: 0.5rem;
580 width: -moz-fit-content
;
583 -webkit-user-select: none
;
584 -moz-user-select: none
;
585 -ms-user-select: none
;
588 .tsd-filter-input input[type="checkbox"] {
595 .tsd-filter-input input[type="checkbox"]:disabled {
596 pointer-events: none
;
598 .tsd-filter-input svg {
603 border-radius: 0.33em;
604 /* Leaving this at full opacity breaks event listeners on Firefox.
605 Don't remove unless you know what you're doing. */
608 .tsd-filter-input input[type="checkbox"]:focus + svg {
609 transform: scale
(0.95);
611 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
614 .tsd-checkbox-background {
615 fill: var
(--color-accent
);
617 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
618 stroke: var
(--color-text
);
620 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
621 fill: var
(--color-background
);
622 stroke: var
(--color-accent
);
623 stroke-width: 0.25rem;
625 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
626 stroke: var
(--color-accent
);
630 padding-top: 0.75rem;
632 .tsd-theme-toggle > h4 {
634 vertical-align: middle
;
635 margin-right: 0.75rem;
642 .tsd-hierarchy .target {
646 .tsd-panel-group.tsd-index-group {
649 .tsd-index-panel .tsd-index-list {
651 line-height: 1.333em;
653 padding: 0.25rem 0 0 0;
656 grid-template-columns: repeat
(3, 1fr);
658 grid-template-rows: auto
;
660 @media (max-width: 1024px) {
661 .tsd-index-panel .tsd-index-list {
662 grid-template-columns: repeat
(2, 1fr);
665 @media (max-width: 768px) {
666 .tsd-index-panel .tsd-index-list {
667 grid-template-columns: repeat
(1, 1fr);
670 .tsd-index-panel .tsd-index-list li {
671 -webkit-page-break-inside: avoid
;
672 -moz-page-break-inside: avoid
;
673 -ms-page-break-inside: avoid
;
674 -o-page-break-inside: avoid
;
675 page-break-inside: avoid
;
679 display: inline-block
;
680 padding: 0.25em 0.4em;
682 color: var
(--color-comment-tag-text
);
683 background-color: var
(--color-comment-tag
);
698 .tsd-member .tsd-anchor + h3 {
706 .tsd-navigation.settings {
710 .tsd-navigation .tsd-accordion-summary {
711 width: calc
(100% - 0.5rem);
714 .tsd-navigation summary
> span
,
715 .tsd-page-navigation a {
716 display: inline-flex
;
719 color: var
(--color-text
);
720 text-decoration: none
;
721 box-sizing: border-box
;
723 .tsd-navigation a
.current
,
724 .tsd-page-navigation a.current {
725 background: var
(--color-active-menu-item
);
727 .tsd-navigation
a:hover
,
728 .tsd-page-navigation a:hover {
729 text-decoration: underline
;
732 .tsd-page-navigation ul {
739 .tsd-page-navigation li {
743 .tsd-nested-navigation {
746 .tsd-nested-navigation > li > details {
747 margin-left: -1.5rem;
749 .tsd-small-nested-navigation {
752 .tsd-small-nested-navigation > li > details {
753 margin-left: -1.5rem;
756 .tsd-nested-navigation
> li
> a
,
757 .tsd-nested-navigation > li > span {
758 width: calc
(100% - 1.75rem - 0.5rem);
761 .tsd-page-navigation ul {
762 padding-left: 1.75rem;
765 #tsd-sidebar-links a
{
767 margin-bottom: 0.5rem;
768 line-height: 1.25rem;
770 #tsd-sidebar-links a:last-of-type
{
775 padding: 0.25rem 0 !important
;
777 line-height: 1.25rem;
778 display: inline-flex
;
780 color: var
(--color-text
);
782 .tsd-accordion-summary {
783 list-style-type: none
; /* hide marker on non-safari */
784 outline: none
; /* broken on safari, so just hide it */
786 .tsd-accordion-summary::-webkit-details-marker {
787 display: none
; /* hide marker on safari */
789 .tsd-accordion-summary
,
790 .tsd-accordion-summary a {
792 -moz-user-select: none
;
793 -webkit-user-select: none
;
794 -ms-user-select: none
;
798 .tsd-accordion-summary a {
799 width: calc
(100% - 1.5rem);
801 .tsd-accordion-summary > * {
807 .tsd-index-accordion .tsd-accordion-summary > svg {
808 margin-left: 0.25rem;
810 .tsd-index-content > :not(:first-child) {
815 margin-bottom: 0.75rem;
819 margin-right: 0.5rem;
825 .tsd-kind-icon path {
826 transform-origin: center
;
827 transform: scale
(1.1);
829 .tsd-signature > .tsd-kind-icon {
830 margin-right: 0.8rem;
834 margin-bottom: 2.5rem;
836 .tsd-panel.tsd-member {
845 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
846 padding: 0 1.5rem 0.75rem 1.5rem;
848 .tsd-panel
> h1
.tsd-before-signature
,
849 .tsd-panel
> h2
.tsd-before-signature
,
850 .tsd-panel > h3.tsd-before-signature {
858 .tsd-panel-group.tsd-index-group {
861 .tsd-panel-group.tsd-index-group details {
866 transition: background-color
0.2s;
879 #tsd-search .field input
{
880 box-sizing: border-box
;
889 background: transparent
;
890 color: var
(--color-text
);
892 #tsd-search .field label
{
897 #tsd-search .field input
,
899 #tsd-toolbar-links a
{
900 transition: opacity
0.2s;
902 #tsd-search .results
{
910 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
912 #tsd-search .results li
{
913 background-color: var
(--color-background
);
914 line-height: initial
;
917 #tsd-search .results
li:nth-child
(even
) {
918 background-color: var
(--color-background-secondary
);
920 #tsd-search .results li
.state
{
923 #tsd-search .results li
.current:not
(.no-results
),
924 #tsd-search .results
li:hover:not
(.no-results
) {
925 background-color: var
(--color-accent
);
927 #tsd-search .results a
{
931 box-sizing: border-box
;
933 #tsd-search .results
a:before
{
936 #tsd-search .results span
.parent
{
937 color: var
(--color-text-aside
);
940 #tsd-search.has-focus
{
941 background-color: var
(--color-accent
);
943 #tsd-search.has-focus
.field input
{
947 #tsd-search.has-focus
.title
,
948 #tsd-search.has-focus #tsd-toolbar-links a
{
952 #tsd-search.has-focus
.results
{
955 #tsd-search.loading
.results li
.state
.loading
{
958 #tsd-search.failure
.results li
.state
.failure
{
969 justify-content: flex-end
;
971 #tsd-toolbar-links a
{
974 #tsd-toolbar-links a:hover
{
975 text-decoration: underline
;
980 padding: 1rem 0.5rem;
981 border: 1px solid var
(--color-accent
);
982 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
987 .tsd-signature-symbol {
988 color: var
(--color-text-aside
);
992 .tsd-signature-type {
1000 list-style-type: none
;
1002 .tsd-signatures .tsd-signature {
1004 border-color: var
(--color-accent
);
1005 border-width: 1px 0;
1006 transition: background-color
0.1s;
1008 .tsd-description .tsd-signatures .tsd-signature {
1012 ul
.tsd-parameter-list
,
1013 ul
.tsd-type-parameter-list
{
1018 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
1019 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
1023 ul
.tsd-parameter-list h5
,
1024 ul
.tsd-type-parameter-list h5
{
1026 margin: 1em 0 0.5em 0;
1033 color: var
(--color-text-aside
);
1034 text-decoration: underline
;
1047 color: var
(--color-text
);
1048 background: var
(--color-background-secondary
);
1049 border-bottom: 1px var
(--color-accent
) solid
;
1050 transition: transform
0.3s ease-in-out
;
1052 .tsd-page-toolbar a {
1053 color: var
(--color-text
);
1054 text-decoration: none
;
1056 .tsd-page-toolbar a.title {
1059 .tsd-page-toolbar a.title:hover {
1060 text-decoration: underline
;
1062 .tsd-page-toolbar .tsd-toolbar-contents {
1064 justify-content: space-between
;
1068 .tsd-page-toolbar .table-cell {
1070 white-space: nowrap
;
1073 .tsd-page-toolbar .table-cell:first-child {
1076 .tsd-page-toolbar .tsd-toolbar-icon {
1077 box-sizing: border-box
;
1083 display: inline-block
;
1089 background-color
0.2s;
1090 vertical-align: bottom
;
1096 .tsd-widget.active {
1098 background-color: var
(--color-accent
);
1100 .tsd-widget.no-caption {
1103 .tsd-widget.no-caption:before {
1107 .tsd-widget
.options
,
1111 input
[type
="checkbox"] + .tsd-widget:before
{
1112 background-position: -120px 0;
1114 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1115 background-position: -160px 0;
1123 display: inline-flex
;
1124 align-items: center
;
1125 margin-left: 0.5rem;
1126 vertical-align: middle
;
1127 color: var
(--color-text
);
1130 .tsd-anchor-icon svg {
1136 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1137 visibility: visible
;
1141 text-decoration: line-through
!important
;
1146 color: var
(--color-warning-text
);
1147 background: var
(--color-background-warning
);
1151 color: var
(--color-ts-project
);
1154 color: var
(--color-ts-module
);
1156 .tsd-kind-namespace {
1157 color: var
(--color-ts-namespace
);
1160 color: var
(--color-ts-enum
);
1162 .tsd-kind-enum-member {
1163 color: var
(--color-ts-enum-member
);
1165 .tsd-kind-variable {
1166 color: var
(--color-ts-variable
);
1168 .tsd-kind-function {
1169 color: var
(--color-ts-function
);
1172 color: var
(--color-ts-class
);
1174 .tsd-kind-interface {
1175 color: var
(--color-ts-interface
);
1177 .tsd-kind-constructor {
1178 color: var
(--color-ts-constructor
);
1180 .tsd-kind-property {
1181 color: var
(--color-ts-property
);
1184 color: var
(--color-ts-method
);
1186 .tsd-kind-call-signature {
1187 color: var
(--color-ts-call-signature
);
1189 .tsd-kind-index-signature {
1190 color: var
(--color-ts-index-signature
);
1192 .tsd-kind-constructor-signature {
1193 color: var
(--color-ts-constructor-signature
);
1195 .tsd-kind-parameter {
1196 color: var
(--color-ts-parameter
);
1198 .tsd-kind-type-literal {
1199 color: var
(--color-ts-type-literal
);
1201 .tsd-kind-type-parameter {
1202 color: var
(--color-ts-type-parameter
);
1204 .tsd-kind-accessor {
1205 color: var
(--color-ts-accessor
);
1207 .tsd-kind-get-signature {
1208 color: var
(--color-ts-get-signature
);
1210 .tsd-kind-set-signature {
1211 color: var
(--color-ts-set-signature
);
1213 .tsd-kind-type-alias {
1214 color: var
(--color-ts-type-alias
);
1217 /* if we have a kind icon, don't color the text by kind */
1218 .tsd-kind-icon ~ span {
1219 color: var
(--color-text
);
1223 scrollbar-width: thin
;
1224 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1227 *::-webkit-scrollbar
{
1231 *::-webkit-scrollbar-track
{
1232 background: var
(--color-icon-background
);
1235 *::-webkit-scrollbar-thumb
{
1236 background-color: var
(--color-accent
);
1237 border-radius: 999rem;
1238 border: 0.25rem solid var
(--color-icon-background
);
1242 @media (max-width: 769px) {
1243 .tsd-widget
.options
,
1245 display: inline-block
;
1257 position: fixed
!important
;
1259 -webkit-overflow-scrolling: touch
;
1262 bottom: 0 !important
;
1263 left: auto
!important
;
1264 right: 0 !important
;
1265 padding: 1.5rem 1.5rem 0 0;
1268 background-color: var
(--color-background
);
1269 transform: translate
(100%, 0);
1271 html
.col-sidebar
> *:last-child
{
1272 padding-bottom: 20px;
1283 background-color: rgba
(0, 0, 0, 0.75);
1287 .to-has-menu .overlay {
1288 animation: fade-in
0.4s;
1291 .to-has-menu .col-sidebar {
1292 animation: pop-in-from-right
0.4s;
1295 .from-has-menu .overlay {
1296 animation: fade-out
0.4s;
1299 .from-has-menu .col-sidebar {
1300 animation: pop-out-to-right
0.4s;
1306 .has-menu .overlay {
1307 visibility: visible
;
1309 .has-menu .col-sidebar {
1310 visibility: visible
;
1311 transform: translate
(0, 0);
1313 flex-direction: column
;
1318 .has-menu .tsd-navigation {
1324 @media (min-width: 770px) {
1327 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2fr);
1328 grid-template-areas: "sidebar content";
1340 @media (min-width: 770px) and
(max-width: 1399px) {
1342 max-height: calc
(100vh - 2rem - 42px);
1354 @media (min-width: 1200px) {
1356 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2.5fr) minmax
(0, 20rem);
1357 grid-template-areas: "sidebar content toc";
1378 max-height: calc
(100vh - 2rem - 42px);
repositories / poolifier.git / blob