@apify/docs-theme 1.0.98 → 1.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apify/docs-theme",
3
- "version": "1.0.98",
3
+ "version": "1.0.100",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "files": [
@@ -13,13 +13,13 @@
13
13
  "build": "echo 'Building @apify/docs-theme!'"
14
14
  },
15
15
  "keywords": [],
16
- "author": "",
16
+ "author": "Apify Technologies s.r.o.",
17
17
  "license": "ISC",
18
18
  "publishConfig": {
19
19
  "access": "public"
20
20
  },
21
21
  "dependencies": {
22
- "@apify/docs-search-modal": "^1.0.24",
22
+ "@apify/docs-search-modal": "^1.0.25",
23
23
  "@docusaurus/theme-common": "^2.4.1",
24
24
  "@stackql/docusaurus-plugin-hubspot": "^1.1.0",
25
25
  "axios": "^1.4.0",
package/src/config.js CHANGED
@@ -145,7 +145,7 @@ const themeConfig = ({
145
145
  additionalLanguages: ['docker', 'log', 'php'],
146
146
  },
147
147
  // this needs to be absolute link otherwise it gets resolved wrongly in project docs
148
- image: 'https://docs.apify.com/img/docs-og.png',
148
+ image: 'https://apify.com/api/og-image/docs-article',
149
149
  footer: {
150
150
  links: [
151
151
  {
@@ -2,6 +2,6 @@
2
2
  position: relative;
3
3
  top: 1px;
4
4
  vertical-align: top;
5
- height: 1.1rem;
6
- width: 1.1rem;
5
+ height: 1.9rem;
6
+ width: 1.9rem;
7
7
  }
@@ -1,4 +1,4 @@
1
1
  .breadcrumbsContainer {
2
- --ifm-breadcrumb-size-multiplier: 0.8;
3
- margin-bottom: 0.8rem;
2
+ --ifm-breadcrumb-size-multiplier: 1.28;
3
+ margin-bottom: 1.2rem;
4
4
  }
@@ -34,7 +34,9 @@
34
34
  }
35
35
 
36
36
  .footerTitle {
37
- font-family: 'Lota Grotesque', sans-serif;
37
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
38
+ 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
39
+ 'Helvetica Neue', sans-serif;
38
40
  font-weight: 600;
39
41
  font-size: 16px;
40
42
  line-height: 20px;
@@ -20,7 +20,7 @@ export default function NavbarMobilePrimaryMenu() {
20
20
  <>
21
21
  {
22
22
  subNavbar ? <>
23
- <ul className="menu__list" style={{ marginBottom: '1rem', borderBottom: '1px solid #e0e0e0', paddingBottom: '1rem' }}>
23
+ <ul className="menu__list" style={{ marginBottom: '16px', borderBottom: '1px solid #e0e0e0', paddingBottom: '16px' }}>
24
24
  <NavbarItem
25
25
  key={'title'}
26
26
  mobile
@@ -29,7 +29,7 @@ export default function NavbarMobilePrimaryMenu() {
29
29
  />
30
30
  {subNavbar.items.map((item, i) => (
31
31
  <NavbarItem
32
- style={{ paddingLeft: '1rem' }}
32
+ style={{ paddingLeft: '16px' }}
33
33
  key={i}
34
34
  mobile
35
35
  {...item}
@@ -47,7 +47,7 @@ export default function NavbarMobilePrimaryMenu() {
47
47
  {items.map((item, i) => (
48
48
  <NavbarItem
49
49
  mobile
50
- style={{ paddingLeft: '1rem' }}
50
+ style={{ paddingLeft: '16px' }}
51
51
  {...item}
52
52
  key={i}
53
53
  />
@@ -3,11 +3,11 @@
3
3
  border-radius: var(--ifm-global-radius);
4
4
  border: 2px solid var(--ifm-toc-border-color);
5
5
  font: var(--ifm-font-size-base) var(--ifm-font-family-base);
6
- padding: 0.8rem;
6
+ padding: 12.8px;
7
7
  width: 100%;
8
8
  background: var(--docsearch-searchbox-focus-background);
9
9
  color: var(--docsearch-text-color);
10
- margin-bottom: 0.5rem;
10
+ margin-bottom: 8px;
11
11
  transition: border var(--ifm-transition-fast) ease;
12
12
  }
13
13
 
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .searchResultsColumn {
25
- font-size: 0.9rem;
25
+ font-size: 14.4px;
26
26
  font-weight: bold;
27
27
  }
28
28
 
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  .searchResultItem {
38
- padding: 1rem 0;
38
+ padding: 16px 0;
39
39
  border-bottom: 1px solid var(--ifm-toc-border-color);
40
40
  }
41
41
 
@@ -45,13 +45,13 @@
45
45
  }
46
46
 
47
47
  .searchResultItemPath {
48
- font-size: 0.8rem;
48
+ font-size: 12.8px;
49
49
  color: var(--ifm-color-content-secondary);
50
50
  --ifm-breadcrumb-separator-size-multiplier: 1;
51
51
  }
52
52
 
53
53
  .searchResultItemSummary {
54
- margin: 0.5rem 0 0;
54
+ margin: 8px 0 0;
55
55
  font-style: italic;
56
56
  }
57
57
 
@@ -86,8 +86,8 @@
86
86
  }
87
87
 
88
88
  .loadingSpinner {
89
- width: 3rem;
90
- height: 3rem;
89
+ width: 48px;
90
+ height: 48px;
91
91
  border: 0.4em solid #eee;
92
92
  border-top-color: var(--ifm-color-primary);
93
93
  border-radius: 50%;
@@ -102,7 +102,7 @@
102
102
  }
103
103
 
104
104
  .loader {
105
- margin-top: 2rem;
105
+ margin-top: 32px;
106
106
  }
107
107
 
108
108
  :global(.search-result-match) {
@@ -16,6 +16,7 @@ html[data-theme='dark'] {
16
16
 
17
17
  /* TODO set this conditionally to 123px when there is second level nav */
18
18
  --ifm-navbar-height: 68px;
19
+ --ifm-line-height-base: 1.65;
19
20
 
20
21
  --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1);
21
22
  --docsearch-text-color: #8d92af;
@@ -33,16 +34,102 @@ html[data-theme='dark'] {
33
34
  --color-Primary_ChipText: #8ebcff;
34
35
  --color-Primary_ChipBackground: #1a3a78;
35
36
  --color-Primary_TextInteractive: #6f9dff;
37
+
38
+ /* EXPERIMENT: tokens for shared components */
39
+ --color-neutral-text: #f3f4fa;
40
+ --color-neutral-text-muted: #b2b8cc;
41
+ --color-neutral-text-subtle: #8c93a8;
42
+ --color-neutral-text-disabled: #575d71;
43
+ --color-neutral-text-on-primary: #1a1b21;
44
+ --color-neutral-icon-on-primary: #1a1b21;
45
+ --color-neutral-background: #1a1b21;
46
+ --color-neutral-background-muted: #252832;
47
+ --color-neutral-background-subtle: #2a2d39;
48
+ --color-neutral-background-white: #f3f4fa;
49
+ --color-neutral-card-background: #1e2027;
50
+ --color-neutral-border: #414758;
51
+ --color-neutral-separator-subtle: #343847;
52
+ --color-neutral-hover: #2D313E;
53
+ --color-neutral-disabled: #343847;
54
+ --color-neutral-overflow: #2a2d39;
55
+ --color-neutral-icon: #b2b8cc;
56
+ --color-neutral-icon-subtle: #6e758a;
57
+ --color-neutral-icon-disabled: #575d71;
58
+ --color-neutral-field-border: #343847;
59
+ --color-neutral-action-secondary: #575d71;
60
+ --color-neutral-action-secondary-hover: #6e758a;
61
+ --color-neutral-action-secondary-active: #343847;
62
+ --color-neutral-chip-background: #575d71;
63
+ --color-neutral-chip-background-hover: #6e758a;
64
+ --color-neutral-chip-background-active: #8c93a8;
65
+ --color-neutral-chip-background-disabled: #8c93a8;
66
+ --color-neutral-large-tooltip-background: #2a2d39;
67
+ --color-neutral-large-tooltip-border: #343847;
68
+ --color-neutral-small-tooltip-background: #1a1b21;
69
+ --color-neutral-small-tooltip-border: #252832;
70
+ --color-neutral-overlay: #101114cc;
71
+ --color-neutral-field-background: #101114;
72
+ --color-neutral-text-placeholder: #6e758a;
73
+ --color-primary-text: #6f9dff;
74
+ --color-primary-text-interactive: #6f9dff;
75
+ --color-primary-icon: #3970d7;
76
+ --color-primary-action: #5990ff;
77
+ --color-primary-action-hover: #80a9ff;
78
+ --color-primary-action-active: #3970d7;
79
+ --color-primary-field-border-active: #3970d7;
80
+ --color-primary-chip-background: #1a3a78;
81
+ --color-primary-chip-background-hover: #194594;
82
+ --color-primary-chip-text: #8ebcff;
83
+ --color-primary-shadow-active: #295cbb;
84
+ --color-success-text: #3bb358;
85
+ --color-success-icon: #23a64a;
86
+ --color-success-background-subtle: #0f2b14;
87
+ --color-success-background-subtle-hover: #14441f;
88
+ --color-success-background-subtle-active: #006e29;
89
+ --color-success-border: #068a35;
90
+ --color-success-border-subtle: #006e29;
91
+ --color-success-action: #23a64a;
92
+ --color-success-action-hover: #3bb358;
93
+ --color-success-action-active: #068a35;
94
+ --color-success-chip-background: #14441f;
95
+ --color-success-chip-background-hover: #00531e;
96
+ --color-success-chip-text: #6ccd7c;
97
+ --color-warning-text: #f9ce4b;
98
+ --color-warning-icon: #f5bc38;
99
+ --color-warning-background-subtle: #3f1b07;
100
+ --color-warning-border-subtle: #8a4f05;
101
+ --color-warning-field-border: #cf9117;
102
+ --color-warning-chip-background: #5d2e0e;
103
+ --color-warning-chip-background-hover: #6d3806;
104
+ --color-warning-chip-text: #f9ce4b;
105
+ --color-danger-text: #ff7157;
106
+ --color-danger-icon: #ef6045;
107
+ --color-danger-background-subtle: #40191b;
108
+ --color-danger-background-subtle-hover: #672523;
109
+ --color-danger-background-subtle-active: #aa3229;
110
+ --color-danger-border: #cf4436;
111
+ --color-danger-border-subtle: #aa3229;
112
+ --color-danger-field-border: #ef6045;
113
+ --color-danger-action: #ef6045;
114
+ --color-danger-action-hover: #ff7157;
115
+ --color-danger-action-active: #cf4436;
116
+ --color-danger-chip-background: #672523;
117
+ --color-danger-chip-background-hover: #812420;
118
+ --color-danger-chip-text: #fe9e8a;
36
119
  }
37
120
 
38
121
  :root {
39
122
  /* use default system font based on https://devhints.io/css-system-font-stack */
40
- --ifm-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
41
- --ifm-heading-font-family: 'Lota Grotesque', sans-serif;
123
+ --ifm-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI',
124
+ 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
125
+ 'Helvetica Neue', sans-serif;
126
+ --ifm-heading-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
127
+ 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
128
+ 'Helvetica Neue', sans-serif;
42
129
  --ifm-font-weight-semibold: 600;
43
130
  --ifm-font-color-base: #242736;
44
131
 
45
- --ifm-navbar-item-padding-horizontal: 1.75rem;
132
+ --ifm-navbar-item-padding-horizontal: 28px;
46
133
  --ifm-navbar-link-color: #41465d;
47
134
  --ifm-navbar-shadow: none;
48
135
 
@@ -50,8 +137,10 @@ html[data-theme='dark'] {
50
137
  --ifm-hero-background-color: transparent;
51
138
 
52
139
  --ifm-code-background: var(--ifm-pre-background) !important;
53
- --ifm-code-padding-horizontal: 0.4rem;
54
- --ifm-code-padding-vertical: 0.2rem;
140
+ --ifm-code-padding-horizontal: 6.4px;
141
+ --ifm-code-padding-vertical: 3.2px;
142
+
143
+ --ifm-global-spacing: 1.6rem !important;
55
144
 
56
145
  --ifm-color-primary-lightest: #5d9df1;
57
146
  --ifm-color-primary-lighter: #3a87ee;
@@ -68,12 +157,25 @@ html[data-theme='dark'] {
68
157
  --ifm-footer-background-color: #272c3d;
69
158
  --ifm-footer-title-color: #f2f3fb;
70
159
  --ifm-footer-link-color: #8d92af;
71
- --max-layout-width: 1680px;
160
+ --max-layout-width: 1440px;
72
161
 
73
162
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
74
163
 
75
164
  --ifm-heading-color: #242736;
76
165
 
166
+ --ifm-leading: calc(var(--ifm-leading-desktop) * 1.6rem);
167
+ --ifm-list-margin: 1.6rem;
168
+ --ifm-pre-padding: 1.6rem;
169
+
170
+ --ifm-hr-margin-vertical: 2.4rem;
171
+
172
+ --ifm-h1-font-size: 2.4rem;
173
+ --ifm-h2-font-size: 2rem;
174
+ --ifm-h3-font-size: 1.8rem;
175
+ --ifm-h4-font-size: 1.6rem;
176
+ --ifm-h5-font-size: 1.4rem;
177
+ --ifm-h6-font-size: 1.2rem;
178
+
77
179
  /* TRON colors */
78
180
  --color-Neutral_Text: #242836;
79
181
  --color-Neutral_TextMuted: #3f475d;
@@ -86,13 +188,158 @@ html[data-theme='dark'] {
86
188
  --color-Neutral_SeparatorSubtle: #e0e3f2;
87
189
  --color-Primary_ChipText: #1A57DA;
88
190
  --color-Primary_ChipBackground: #E1EAFF;
89
- --color-Primary_TextInteractive: #3970d7;
191
+ --color-Primary_TextInteractive: #3970d7;
192
+
193
+ /* EXPERIMENT: tokens for shared components */
194
+ --color-neutral-text: #242836;
195
+ --color-neutral-text-muted: #3f475d;
196
+ --color-neutral-text-subtle: #6c7590;
197
+ --color-neutral-text-disabled: #c0c6de;
198
+ --color-neutral-text-on-primary: #ffffff;
199
+ --color-neutral-icon-on-primary: #ffffff;
200
+ --color-neutral-background: #ffffff;
201
+ --color-neutral-background-muted: #f8f9fc;
202
+ --color-neutral-background-subtle: #f3f4fa;
203
+ --color-neutral-background-white: #ffffff;
204
+ --color-neutral-card-background: #ffffff;
205
+ --color-neutral-border: #d0d5e9;
206
+ --color-neutral-separator-subtle: #e0e3f2;
207
+ --color-neutral-hover: #EEF0F8;
208
+ --color-neutral-disabled: #f3f4fa;
209
+ --color-neutral-overflow: #e0e3f2;
210
+ --color-neutral-icon: #555d76;
211
+ --color-neutral-icon-subtle: #8a93ae;
212
+ --color-neutral-icon-disabled: #b0b8d1;
213
+ --color-neutral-field-border: #c0c6de;
214
+ --color-neutral-action-secondary: #d0d5e9;
215
+ --color-neutral-action-secondary-hover: #e0e3f2;
216
+ --color-neutral-action-secondary-active: #c0c6de;
217
+ --color-neutral-chip-background: #e0e3f2;
218
+ --color-neutral-chip-background-hover: #d0d5e9;
219
+ --color-neutral-chip-background-active: #c0c6de;
220
+ --color-neutral-chip-background-disabled: #d0d5e9;
221
+ --color-neutral-large-tooltip-background: #ffffff;
222
+ --color-neutral-large-tooltip-border: #e0e3f2;
223
+ --color-neutral-small-tooltip-background: #191b22;
224
+ --color-neutral-small-tooltip-border: #242836;
225
+ --color-neutral-overlay: #191b2280;
226
+ --color-neutral-field-background: #f8f9fc;
227
+ --color-neutral-text-placeholder: #969eb8;
228
+ --color-primary-text: #1672eb;
229
+ --color-primary-text-interactive: #1672eb;
230
+ --color-primary-icon: #1672eb;
231
+ --color-primary-action: #1672eb;
232
+ --color-primary-action-hover: #5290f9;
233
+ --color-primary-action-active: #1a57da;
234
+ --color-primary-field-border-active: #1672eb;
235
+ --color-primary-chip-background: #e1eaff;
236
+ --color-primary-chip-background-hover: #d8e2ff;
237
+ --color-primary-chip-text: #1a57da;
238
+ --color-primary-shadow-active: #b2c6ff;
239
+ --color-success-text: #008a27;
240
+ --color-success-icon: #008a27;
241
+ --color-success-background-subtle: #e4f5e5;
242
+ --color-success-background-subtle-hover: #cfe9d1;
243
+ --color-success-background-subtle-active: #80da8d;
244
+ --color-success-border: #00ab46;
245
+ --color-success-border-subtle: #80da8d;
246
+ --color-success-action: #008a27;
247
+ --color-success-action-hover: #00ab46;
248
+ --color-success-action-active: #086e08;
249
+ --color-success-chip-background: #daefdc;
250
+ --color-success-chip-background-hover: #cfe9d1;
251
+ --color-success-chip-text: #086e08;
252
+ --color-warning-text: #a96600;
253
+ --color-warning-icon: #f5b315;
254
+ --color-warning-background-subtle: #f9f0db;
255
+ --color-warning-border-subtle: #f5b315;
256
+ --color-warning-field-border: #f5b315;
257
+ --color-warning-chip-background: #f7e8c4;
258
+ --color-warning-chip-background-hover: #f7dfb1;
259
+ --color-warning-chip-text: #8c4e02;
260
+ --color-danger-text: #e3231d;
261
+ --color-danger-icon: #e3231d;
262
+ --color-danger-background-subtle: #fff0ec;
263
+ --color-danger-background-subtle-hover: #fedad1;
264
+ --color-danger-background-subtle-active: #ffb39f;
265
+ --color-danger-border: #fa4d37;
266
+ --color-danger-border-subtle: #ffb39f;
267
+ --color-danger-field-border: #fa4d37;
268
+ --color-danger-action: #e3231d;
269
+ --color-danger-action-hover: #fa4d37;
270
+ --color-danger-action-active: #bb0401;
271
+ --color-danger-chip-background: #ffe3dc;
272
+ --color-danger-chip-background-hover: #fedad1;
273
+ --color-danger-chip-text: #bb0401;
274
+ }
275
+
276
+ .markdown h1,
277
+ .markdown h2,
278
+ .markdown h3,
279
+ .markdown h4,
280
+ .markdown h5,
281
+ .markdown h6 {
282
+ /* Comes from the Apify design theme content typography tokens */
283
+ --ifm-h1-font-size: 2.8rem;
284
+ --ifm-h2-font-size: 2.4rem;
285
+ --ifm-h3-font-size: 2rem;
286
+ --ifm-h4-font-size: 1.8rem;
287
+ --ifm-h5-font-size: 1.6rem;
288
+ --ifm-h6-font-size: 1.4rem;
289
+ }
290
+
291
+ .markdown h1:first-child {
292
+ --ifm-h1-font-size: 2.8rem;
293
+ }
294
+
295
+ @media (min-width: 768px) {
296
+ :root {
297
+ /* Comes from the Apify design theme content typography tokens */
298
+ --ifm-h1-font-size: 3.2rem;
299
+ --ifm-h2-font-size: 2.4rem;
300
+ --ifm-h3-font-size: 2rem;
301
+ --ifm-h4-font-size: 1.6rem;
302
+ --ifm-h5-font-size: 1.4rem;
303
+ --ifm-h6-font-size: 1.2rem;
304
+ }
305
+
306
+ .markdown h1,
307
+ .markdown h2,
308
+ .markdown h3,
309
+ .markdown h4,
310
+ .markdown h5,
311
+ .markdown h6 {
312
+ /* Comes from the Apify design theme content typography tokens */
313
+ --ifm-h1-font-size: 4.2rem;
314
+ --ifm-h2-font-size: 3.2rem;
315
+ --ifm-h3-font-size: 2.4rem;
316
+ --ifm-h4-font-size: 2rem;
317
+ --ifm-h5-font-size: 1.6rem;
318
+ --ifm-h6-font-size: 1.4rem;
319
+ }
320
+
321
+ .markdown h1:first-child {
322
+ --ifm-h1-font-size: 4.2rem;
323
+ }
324
+ }
325
+
326
+ /* Setting the base size to 10px so it's easy to use rem for scaling (1.6rem = 16px) */
327
+ html {
328
+ font-size: 10px;
329
+ }
330
+
331
+ body {
332
+ font-family: var(--ifm-font-family-base);
333
+ font-size: 16px;
334
+ line-height: 24px;
90
335
  }
91
336
 
92
337
  @font-face {
93
- font-family: 'Lota Grotesque';
338
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
339
+ 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
340
+ 'Helvetica Neue', sans-serif;
94
341
  src: url('/font/lota.woff2') format('woff2'),
95
- url('/font/lota.woff') format('woff');
342
+ url('/font/lota.woff') format('woff');
96
343
  font-weight: 600;
97
344
  }
98
345
 
@@ -105,7 +352,7 @@ html[data-theme='dark'] {
105
352
  }
106
353
 
107
354
  .footer__title {
108
- font-size: 1.25rem;
355
+ font-size: 20px;
109
356
  font-weight: 600;
110
357
  }
111
358
 
@@ -118,7 +365,7 @@ html[data-theme='dark'] {
118
365
  }
119
366
 
120
367
  footer .col {
121
- margin-bottom: 2rem;
368
+ margin-bottom: 32px;
122
369
  }
123
370
 
124
371
  .navbar__title {
@@ -145,6 +392,11 @@ footer .col {
145
392
  display: none;
146
393
  }
147
394
 
395
+ .dropdown__link {
396
+ font-size: 14px;
397
+
398
+ }
399
+
148
400
  .DocSearch-Button-Placeholder {
149
401
  font-size: 14px !important;
150
402
  }
@@ -203,14 +455,14 @@ aside > div > a > b {
203
455
  .dropdown > .navbar__link::after {
204
456
  border-color: currentColor;
205
457
  border-style: solid;
206
- border-width: 0.1em 0.1em 0 0;
458
+ border-width: 1.6px 1.6px 0 0;
207
459
  content: '';
208
460
  display: inline-block;
209
- height: 0.4em;
210
- left: 0.3em;
461
+ height: 6.4px;
462
+ left: 4.8px;
211
463
  position: relative;
212
464
  vertical-align: top;
213
- width: 0.4em;
465
+ width: 6.4px;
214
466
  top: 7px;
215
467
  transform: rotate(135deg);
216
468
  transition: all ease-in 0.2s;
@@ -270,6 +522,14 @@ aside .icon svg[class*=iconExternalLink] {
270
522
  transition: all ease-in 0.2s;
271
523
  }
272
524
 
525
+ .menu__link:hover {
526
+ background: var(--color-Neutral_Hover) !important;
527
+ }
528
+
529
+ .menu__link--active:hover {
530
+ background: var(--color-neutral-overflow) !important;
531
+ }
532
+
273
533
  .navbar__link:hover, .navbar__link--active:hover {
274
534
  color: unset;
275
535
  }
@@ -281,13 +541,13 @@ aside .icon svg[class*=iconExternalLink] {
281
541
  }
282
542
 
283
543
  .navbar__sub--title {
284
- display: flex;
285
- align-items: center;
286
- width: 12.5rem;
287
- padding-right: 0.5rem;
288
- position: relative;
289
- border-right: 1px solid var(--color-Neutral_SeparatorSubtle);
290
- justify-content: center;
544
+ display: flex;
545
+ align-items: center;
546
+ width: 200px;
547
+ padding-right: 8px;
548
+ position: relative;
549
+ border-right: 1px solid var(--color-Neutral_SeparatorSubtle);
550
+ justify-content: center;
291
551
  }
292
552
 
293
553
  header.hero div[class^=heroButtons] {
@@ -333,10 +593,6 @@ article .card h2 {
333
593
  float: right;
334
594
  }
335
595
 
336
- .menu__caret {
337
- transform: scale(.7);
338
- }
339
-
340
596
  aside button[class*="collapseSidebarButton"] svg {
341
597
  transform: scale(.7) rotate(180deg);
342
598
  }
@@ -346,14 +602,14 @@ aside button[class*="collapseSidebarButton"] svg {
346
602
  }
347
603
 
348
604
  nav.navbar .dropdown__menu {
349
- min-width: 6rem;
605
+ min-width: 96px;
606
+ padding-top: 1rem;
350
607
  }
351
608
 
352
609
  .navbar__logo {
353
610
  display: none;
354
- width: 11rem;
355
- height: 3rem;
356
- /* padding: 10px 0px; */
611
+ width: 176px;
612
+ height: 48px;
357
613
  }
358
614
 
359
615
  .navbar-sidebar .navbar__logo {
@@ -369,22 +625,22 @@ nav.navbar .dropdown__menu {
369
625
  }
370
626
 
371
627
  .navbar__link.subnav {
372
- font-size: 0.8em;
628
+ font-size: 12.8px;
373
629
  padding: 5px;
374
630
  }
375
631
 
376
632
  .main-wrapper a[class*='sidebarLogo'] img {
377
- height: 3rem;
378
- width: 11rem;
633
+ height: 48px;
634
+ width: 176px;
379
635
  padding: 10px 0px;
380
636
  }
381
637
 
382
- html.plugin-pages h2 {
638
+ html .plugin-pages h2 {
383
639
  font-size: 36px;
384
640
  line-height: 48px;
385
641
  }
386
642
 
387
- html.plugin-docs .theme-doc-markdown {
643
+ html .plugin-docs .theme-doc-markdown {
388
644
  font-size: 18px;
389
645
  line-height: 32px;
390
646
  }
@@ -393,36 +649,36 @@ html.plugin-docs .theme-doc-markdown {
393
649
  margin-top: var(--ifm-list-item-margin);
394
650
  }
395
651
 
396
- html.plugin-docs .theme-doc-markdown img {
652
+ .plugin-docs .theme-doc-markdown img {
397
653
  display: block;
398
- margin: 1em auto 2em;
654
+ margin: 16px auto 32px;
399
655
  }
400
656
 
401
- html.plugin-docs .theme-doc-markdown h1 {
657
+ html .plugin-docs .theme-doc-markdown h1 {
402
658
  font-weight: 600;
403
659
  font-size: 48px;
404
660
  line-height: 64px;
405
661
  color: #000;
406
662
  }
407
663
 
408
- html[data-theme='dark'].plugin-docs .theme-doc-markdown h1 {
664
+ html[data-theme='dark'] .plugin-docs .theme-doc-markdown h1 {
409
665
  color: #fff;
410
666
  }
411
667
 
412
- html.plugin-typedoc-api .theme-doc-markdown h1 {
668
+ html .plugin-typedoc-api .theme-doc-markdown h1 {
413
669
  color: #000;
414
670
  }
415
671
 
416
- html[data-theme='dark'].plugin-typedoc-api .theme-doc-markdown h1 {
672
+ html[data-theme='dark'] .plugin-typedoc-api .theme-doc-markdown h1 {
417
673
  color: #fff;
418
674
  }
419
675
 
420
- html.plugin-docs .theme-doc-markdown h2 {
676
+ html .plugin-docs .theme-doc-markdown h2 {
421
677
  font-size: 36px;
422
678
  line-height: 48px;
423
679
  }
424
680
 
425
- html.plugin-docs .theme-doc-markdown h3 {
681
+ html .plugin-docs .theme-doc-markdown h3 {
426
682
  font-size: 28px;
427
683
  line-height: 36px;
428
684
  /*color: #242736;*/
@@ -461,6 +717,15 @@ html.plugin-docs .theme-doc-markdown h3 {
461
717
 
462
718
  .theme-doc-sidebar-menu .menu__list-item-collapsible {
463
719
  background: none;
720
+ border-radius: 0.8rem;
721
+ }
722
+
723
+ .theme-doc-sidebar-menu .menu__list-item-collapsible:hover {
724
+ background: var(--color-Neutral_Hover);
725
+ }
726
+
727
+ .theme-doc-sidebar-menu .menu__list-item-collapsible--active:hover {
728
+ background: var(--color-neutral-overflow);
464
729
  }
465
730
 
466
731
  .theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
@@ -472,7 +737,7 @@ html.plugin-docs .theme-doc-markdown h3 {
472
737
  .theme-doc-sidebar-menu.menu__list .menu__list-item-collapsible--active
473
738
  {
474
739
  color: var(--color-Neutral_Text);
475
- background: var(--color-Neutral_ChipBackgroundActive);
740
+ background: var(--color-neutral-overflow);
476
741
  }
477
742
 
478
743
  .navbar__link:not(.navbar__link--active):hover {
@@ -600,7 +865,6 @@ html .table-of-contents ul {
600
865
  font-size: 20px;
601
866
  line-height: 32px;
602
867
  color: var(--color-Neutral_TextMuted);
603
- border-bottom: 2px solid var(--color-Neutral_TextMuted);
604
868
  display: inline-flex;
605
869
  -webkit-box-align: center;
606
870
  align-items: center;
@@ -608,7 +872,6 @@ html .table-of-contents ul {
608
872
 
609
873
  .actionLink:hover {
610
874
  color: var(--color-Primary_TextInteractive);
611
- border-bottom: 2px solid var(--color-Primary_TextInteractive);
612
875
  }
613
876
 
614
877
  html[data-theme='dark'] .actionLink::after {
@@ -635,10 +898,27 @@ html[data-theme='dark'] .actionLink:hover::after {
635
898
  margin-left: 8px;
636
899
  }
637
900
 
901
+ .cardContentWrapper {
902
+ display: flex;
903
+ padding-top: 1.6rem;
904
+ flex-direction: column;
905
+ align-items: flex-start;
906
+ gap: 1.6rem;
907
+ align-self: stretch;
908
+ }
909
+
910
+ .cardContentList {
911
+ display: flex;
912
+ flex-direction: column;
913
+ align-items: flex-start;
914
+ gap: 12.8px;
915
+ align-self: stretch;
916
+ }
917
+
638
918
  @media (min-width: 997px) and (max-width: 1660px) {
639
919
  :root {
640
- --ifm-toc-padding-vertical: 0.25rem;
641
- --ifm-toc-padding-horizontal: 0.25rem;
920
+ --ifm-toc-padding-vertical: 4px;
921
+ --ifm-toc-padding-horizontal: 4px;
642
922
  }
643
923
 
644
924
  .navbar__item, .menu__link, .navbar__link {
@@ -647,14 +927,14 @@ html[data-theme='dark'] .actionLink:hover::after {
647
927
 
648
928
  .theme-doc-sidebar-menu .menu__link,
649
929
  .theme-doc-toc-desktop .table-of-contents .toc-highlight {
650
- font-size: .8rem;
930
+ font-size: 12.8px;
651
931
  }
652
932
 
653
933
  .theme-doc-toc-desktop {
654
934
  margin-left: -15px;
655
935
  }
656
936
 
657
- html.plugin-docs .theme-doc-markdown {
937
+ html .plugin-docs .theme-doc-markdown {
658
938
  font-size: 16px;
659
939
  line-height: 28px;
660
940
  }
@@ -663,7 +943,7 @@ html[data-theme='dark'] .actionLink:hover::after {
663
943
  aside li.section-header > div > .menu__link {
664
944
  text-transform: uppercase;
665
945
  opacity: 0.8;
666
- font-size: 1em;
946
+ font-size: 16px;
667
947
  font-weight: 700;
668
948
  margin: 0;
669
949
  }
@@ -721,3 +1001,490 @@ a.tsd-anchor[href^="https://undefined"] {
721
1001
  html[data-theme='dark'] .runnable-code-block svg .apify-logo {
722
1002
  fill: #fff;
723
1003
  }
1004
+
1005
+
1006
+ /* updating the sizes in the docs search modal */
1007
+ .aa-DetachedContainer {
1008
+ .mx-0\.5 {
1009
+ margin-left: 0.2rem;
1010
+ margin-right: 0.2rem;
1011
+ }
1012
+
1013
+ .mb-3 {
1014
+ margin-bottom: 1.2rem;
1015
+ }
1016
+
1017
+ .mt-2 {
1018
+ margin-top: 0.8rem;
1019
+ }
1020
+
1021
+ .h-16 {
1022
+ height: 6.4rem;
1023
+ }
1024
+
1025
+ .rounded {
1026
+ border-radius: 0.4rem;
1027
+ }
1028
+
1029
+ .rounded-l {
1030
+ border-top-left-radius: 0.4rem;
1031
+ border-bottom-left-radius: 0.4rem;
1032
+ }
1033
+
1034
+ .p-2 {
1035
+ padding: 0.8rem;
1036
+ }
1037
+
1038
+ .p-5 {
1039
+ padding: 2rem;
1040
+ }
1041
+
1042
+ .p-7 {
1043
+ padding: 2.8rem;
1044
+ }
1045
+
1046
+ .px-1 {
1047
+ padding-left: 0.4rem;
1048
+ padding-right: 0.4rem;
1049
+ }
1050
+
1051
+ .px-3 {
1052
+ padding-left: 1.2rem;
1053
+ padding-right: 1.2rem;
1054
+ }
1055
+
1056
+ .px-5 {
1057
+ padding-left: 2rem;
1058
+ padding-right: 2rem;
1059
+ }
1060
+
1061
+ .px-6 {
1062
+ padding-left: 2.4rem;
1063
+ padding-right: 2.4rem;
1064
+ }
1065
+
1066
+ .py-0\.5 {
1067
+ padding-top: 0.2rem;
1068
+ padding-bottom: 0.2rem;
1069
+ }
1070
+
1071
+ .py-1 {
1072
+ padding-top: 0.4rem;
1073
+ padding-bottom: 0.4rem;
1074
+ }
1075
+
1076
+ .py-3 {
1077
+ padding-top: 1.2rem;
1078
+ padding-bottom: 1.2rem;
1079
+ }
1080
+
1081
+ .pb-6 {
1082
+ padding-bottom: 2.4rem;
1083
+ }
1084
+
1085
+
1086
+ .pl-10 {
1087
+ padding-left: 4rem;
1088
+ }
1089
+
1090
+ .pl-3 {
1091
+ padding-left: 1.2rem;
1092
+ }
1093
+
1094
+ .pl-5 {
1095
+ padding-left: 2rem;
1096
+ }
1097
+
1098
+
1099
+ .text-2xl {
1100
+ font-size: 2.4rem;
1101
+ line-height: 3.2rem;
1102
+ }
1103
+
1104
+ .text-lg {
1105
+ font-size: 1.8rem;
1106
+ line-height: 2.8rem;
1107
+ }
1108
+
1109
+ .text-sm {
1110
+ font-size: 1.4rem;
1111
+ line-height: 2rem;
1112
+ }
1113
+
1114
+ .leading-6 {
1115
+ line-height: 2.4rem;
1116
+ }
1117
+ }
1118
+
1119
+ .card-image-container_src-components-Cards-module {
1120
+ height: 23rem !important;
1121
+ & > img {
1122
+ width: 100%;
1123
+ }
1124
+ }
1125
+
1126
+ .card_src-components-Cards-module>a>div {
1127
+ padding: 0px 1.6rem 1.6rem !important;
1128
+ }
1129
+
1130
+ /* typography margin and padding fixes from Infima css file */
1131
+
1132
+ .margin--none {
1133
+ margin: 0 !important;
1134
+ }
1135
+
1136
+ .margin-top--none {
1137
+ margin-top: 0 !important;
1138
+ }
1139
+
1140
+ .margin-left--none {
1141
+ margin-right: 0 !important;
1142
+ }
1143
+
1144
+ .margin-bottom--none {
1145
+ margin-bottom: 0 !important;
1146
+ }
1147
+
1148
+ .margin-right--none {
1149
+ margin-left: 0 !important;
1150
+ }
1151
+
1152
+ .margin-vert--none {
1153
+ margin-bottom: 0 !important;
1154
+ margin-top: 0 !important;
1155
+ }
1156
+
1157
+ .margin-horiz--none {
1158
+ margin-right: 0 !important;
1159
+ margin-left: 0 !important;
1160
+ }
1161
+
1162
+ .margin--xs {
1163
+ margin: 0.4rem !important;
1164
+ }
1165
+
1166
+ .margin-top--xs {
1167
+ margin-top: 0.4rem !important;
1168
+ }
1169
+
1170
+ .margin-left--xs {
1171
+ margin-right: 0.4rem !important;
1172
+ }
1173
+
1174
+ .margin-bottom--xs {
1175
+ margin-bottom: 0.4rem !important;
1176
+ }
1177
+
1178
+ .margin-right--xs {
1179
+ margin-left: 0.4rem !important;
1180
+ }
1181
+
1182
+ .margin-vert--xs {
1183
+ margin-bottom: 0.4rem !important;
1184
+ margin-top: 0.4rem !important;
1185
+ }
1186
+
1187
+ .margin-horiz--xs {
1188
+ margin-right: 0.4rem !important;
1189
+ margin-left: 0.4rem !important;
1190
+ }
1191
+
1192
+ .margin--sm {
1193
+ margin: 0.8rem !important;
1194
+ }
1195
+
1196
+ .margin-top--sm {
1197
+ margin-top: 0.8rem !important;
1198
+ }
1199
+
1200
+ .margin-left--sm {
1201
+ margin-right: 0.8rem !important;
1202
+ }
1203
+
1204
+ .margin-bottom--sm {
1205
+ margin-bottom: 0.8rem !important;
1206
+ }
1207
+
1208
+ .margin-right--sm {
1209
+ margin-left: 0.8rem !important;
1210
+ }
1211
+
1212
+ .margin-vert--sm {
1213
+ margin-bottom: 0.8rem !important;
1214
+ margin-top: 0.8rem !important;
1215
+ }
1216
+
1217
+ .margin-horiz--sm {
1218
+ margin-right: 0.8rem !important;
1219
+ margin-left: 0.8rem !important;
1220
+ }
1221
+
1222
+ .margin--md {
1223
+ margin: 1.6rem !important;
1224
+ }
1225
+
1226
+ .margin-top--md {
1227
+ margin-top: 1.6rem !important;
1228
+ }
1229
+
1230
+ .margin-left--md {
1231
+ margin-right: 1.6rem !important;
1232
+ }
1233
+
1234
+ .margin-bottom--md {
1235
+ margin-bottom: 1.6rem !important;
1236
+ }
1237
+
1238
+ .margin-right--md {
1239
+ margin-left: 1.6rem !important;
1240
+ }
1241
+
1242
+ .margin-vert--md {
1243
+ margin-bottom: 1.6rem !important;
1244
+ margin-top: 1.6rem !important;
1245
+ }
1246
+
1247
+ .margin-horiz--md {
1248
+ margin-right: 1.6rem !important;
1249
+ margin-left: 1.6rem !important;
1250
+ }
1251
+
1252
+ .margin--lg {
1253
+ margin: 3.2rem !important;
1254
+ }
1255
+
1256
+ .margin-top--lg {
1257
+ margin-top: 3.2rem !important;
1258
+ }
1259
+
1260
+ .margin-left--lg {
1261
+ margin-right: 3.2rem !important;
1262
+ }
1263
+
1264
+ .margin-bottom--lg {
1265
+ margin-bottom: 3.2rem !important;
1266
+ }
1267
+
1268
+ .margin-right--lg {
1269
+ margin-left: 3.2rem !important;
1270
+ }
1271
+
1272
+ .margin-vert--lg {
1273
+ margin-bottom: 3.2rem !important;
1274
+ margin-top: 3.2rem !important;
1275
+ }
1276
+
1277
+ .margin-horiz--lg {
1278
+ margin-right: 3.2rem !important;
1279
+ margin-left: 3.2rem !important;
1280
+ }
1281
+
1282
+ .margin--xl {
1283
+ margin: 8rem !important;
1284
+ }
1285
+
1286
+ .margin-top--xl {
1287
+ margin-top: 8rem !important;
1288
+ }
1289
+
1290
+ .margin-left--xl {
1291
+ margin-right: 8rem !important;
1292
+ }
1293
+
1294
+ .margin-bottom--xl {
1295
+ margin-bottom: 8rem !important;
1296
+ }
1297
+
1298
+ .margin-right--xl {
1299
+ margin-left: 8rem !important;
1300
+ }
1301
+
1302
+ .margin-vert--xl {
1303
+ margin-bottom: 8rem !important;
1304
+ margin-top: 8rem !important;
1305
+ }
1306
+
1307
+ .margin-horiz--xl {
1308
+ margin-right: 8rem !important;
1309
+ margin-left: 8rem !important;
1310
+ }
1311
+
1312
+ .padding--none {
1313
+ padding: 0 !important;
1314
+ }
1315
+
1316
+ .padding-top--none {
1317
+ padding-top: 0 !important;
1318
+ }
1319
+
1320
+ .padding-left--none {
1321
+ padding-right: 0 !important;
1322
+ }
1323
+
1324
+ .padding-bottom--none {
1325
+ padding-bottom: 0 !important;
1326
+ }
1327
+
1328
+ .padding-right--none {
1329
+ padding-left: 0 !important;
1330
+ }
1331
+
1332
+ .padding-vert--none {
1333
+ padding-bottom: 0 !important;
1334
+ padding-top: 0 !important;
1335
+ }
1336
+
1337
+ .padding-horiz--none {
1338
+ padding-right: 0 !important;
1339
+ padding-left: 0 !important;
1340
+ }
1341
+
1342
+ .padding--xs {
1343
+ padding: 0.4rem !important;
1344
+ }
1345
+
1346
+ .padding-top--xs {
1347
+ padding-top: 0.4rem !important;
1348
+ }
1349
+
1350
+ .padding-left--xs {
1351
+ padding-right: 0.4rem !important;
1352
+ }
1353
+
1354
+ .padding-bottom--xs {
1355
+ padding-bottom: 0.4rem !important;
1356
+ }
1357
+
1358
+ .padding-right--xs {
1359
+ padding-left: 0.4rem !important;
1360
+ }
1361
+
1362
+ .padding-vert--xs {
1363
+ padding-bottom: 0.4rem !important;
1364
+ padding-top: 0.4rem !important;
1365
+ }
1366
+
1367
+ .padding-horiz--xs {
1368
+ padding-right: 0.4rem !important;
1369
+ padding-left: 0.4rem !important;
1370
+ }
1371
+
1372
+ .padding--sm {
1373
+ padding: 0.8rem !important;
1374
+ }
1375
+
1376
+ .padding-top--sm {
1377
+ padding-top: 0.8rem !important;
1378
+ }
1379
+
1380
+ .padding-left--sm {
1381
+ padding-right: 0.8rem !important;
1382
+ }
1383
+
1384
+ .padding-bottom--sm {
1385
+ padding-bottom: 0.8rem !important;
1386
+ }
1387
+
1388
+ .padding-right--sm {
1389
+ padding-left: 0.8rem !important;
1390
+ }
1391
+
1392
+ .padding-vert--sm {
1393
+ padding-bottom: 0.8rem !important;
1394
+ padding-top: 0.8rem !important;
1395
+ }
1396
+
1397
+ .padding-horiz--sm {
1398
+ padding-right: 0.8rem !important;
1399
+ padding-left: 0.8rem !important;
1400
+ }
1401
+
1402
+ .padding--md {
1403
+ padding: 1.6rem !important;
1404
+ }
1405
+
1406
+ .padding-top--md {
1407
+ padding-top: 1.6rem !important;
1408
+ }
1409
+
1410
+ .padding-left--md {
1411
+ padding-right: 1.6rem !important;
1412
+ }
1413
+
1414
+ .padding-bottom--md {
1415
+ padding-bottom: 1.6rem !important;
1416
+ }
1417
+
1418
+ .padding-right--md {
1419
+ padding-left: 1.6rem !important;
1420
+ }
1421
+
1422
+ .padding-vert--md {
1423
+ padding-bottom: 1.6rem !important;
1424
+ padding-top: 1.6rem !important;
1425
+ }
1426
+
1427
+ .padding-horiz--md {
1428
+ padding-right: 1.6rem !important;
1429
+ padding-left: 1.6rem !important;
1430
+ }
1431
+
1432
+ .padding--lg {
1433
+ padding: 3.2rem !important;
1434
+ }
1435
+
1436
+ .padding-top--lg {
1437
+ padding-top: 3.2rem !important;
1438
+ }
1439
+
1440
+ .padding-left--lg {
1441
+ padding-right: 3.2rem !important;
1442
+ }
1443
+
1444
+ .padding-bottom--lg {
1445
+ padding-bottom: 3.2rem !important;
1446
+ }
1447
+
1448
+ .padding-right--lg {
1449
+ padding-left: 3.2rem !important;
1450
+ }
1451
+
1452
+ .padding-vert--lg {
1453
+ padding-bottom: 3.2rem !important;
1454
+ padding-top: 3.2rem !important;
1455
+ }
1456
+
1457
+ .padding-horiz--lg {
1458
+ padding-right: 3.2rem !important;
1459
+ padding-left: 3.2rem !important;
1460
+ }
1461
+
1462
+ .padding--xl {
1463
+ padding: 8rem !important;
1464
+ }
1465
+
1466
+ .padding-top--xl {
1467
+ padding-top: 8rem !important;
1468
+ }
1469
+
1470
+ .padding-left--xl {
1471
+ padding-right: 8rem !important;
1472
+ }
1473
+
1474
+ .padding-bottom--xl {
1475
+ padding-bottom: 8rem !important;
1476
+ }
1477
+
1478
+ .padding-right--xl {
1479
+ padding-left: 8rem !important;
1480
+ }
1481
+
1482
+ .padding-vert--xl {
1483
+ padding-bottom: 8rem !important;
1484
+ padding-top: 8rem !important;
1485
+ }
1486
+
1487
+ .padding-horiz--xl {
1488
+ padding-right: 8rem !important;
1489
+ padding-left: 8rem !important;
1490
+ }
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 1080 1080" style="enable-background:new 0 0 1080 1080;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#97D700;}
7
+ .st1{fill:#71C5E8;}
8
+ .st2{fill:#FF9013;}
9
+ </style>
10
+ <path class="st0" d="M189.7,149c-75.3,10.7-127.1,79.6-116.5,154.1l81,576.8L493,106.4L189.7,149z"/>
11
+ <path class="st1" d="M1008,629.2l-32-443.2c-5.7-75.3-71-131.4-145.6-126.4c-2.8,0-6.4,0.7-9.2,0.7L690.4,78.7l287.7,645.7
12
+ C999.4,698.1,1010.1,664,1008,629.2z"/>
13
+ <path class="st2" d="M277,1019.9c23.4,2.8,46.9-0.7,68.2-9.9l493.7-208.8L604.5,274L277,1019.9z"/>
14
+ </svg>