bajo 0.3.10 → 1.0.2

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.
Files changed (163) hide show
  1. package/README.md +127 -26
  2. package/bajoI18N/resource/id.json +31 -0
  3. package/boot/class/app.js +69 -0
  4. package/boot/class/bajo-core/helper/attach-method.js +30 -0
  5. package/boot/{boot-order.js → class/bajo-core/helper/boot-order.js} +10 -10
  6. package/boot/class/bajo-core/helper/boot-plugins.js +19 -0
  7. package/boot/class/bajo-core/helper/build-config.js +61 -0
  8. package/boot/class/bajo-core/helper/build-plugins.js +26 -0
  9. package/boot/class/bajo-core/helper/collect-config-handlers.js +21 -0
  10. package/boot/{exit-handler.js → class/bajo-core/helper/exit-handler.js} +10 -16
  11. package/boot/class/bajo-core/helper/run-as-applet.js +26 -0
  12. package/boot/class/bajo-core/method/arrange-array.js +18 -0
  13. package/boot/class/bajo-core/method/break-ns-path-from-file.js +24 -0
  14. package/boot/class/bajo-core/method/break-ns-path.js +29 -0
  15. package/boot/class/bajo-core/method/build-collections.js +46 -0
  16. package/boot/class/bajo-core/method/call-handler.js +29 -0
  17. package/boot/{helper → class/bajo-core/method}/defaults-deep.js +1 -1
  18. package/boot/class/bajo-core/method/each-plugins.js +55 -0
  19. package/boot/class/bajo-core/method/envs.js +7 -0
  20. package/boot/{helper → class/bajo-core/method}/generate-id.js +4 -0
  21. package/boot/{helper → class/bajo-core/method}/get-global-module-dir.js +5 -6
  22. package/boot/class/bajo-core/method/get-method.js +10 -0
  23. package/boot/{helper → class/bajo-core/method}/get-module-dir.js +3 -4
  24. package/boot/{helper → class/bajo-core/method}/get-plugin-data-dir.js +2 -3
  25. package/boot/class/bajo-core/method/get-plugin-file.js +18 -0
  26. package/boot/class/bajo-core/method/get-plugin.js +23 -0
  27. package/boot/{helper → class/bajo-core/method}/import-module.js +4 -10
  28. package/boot/{helper → class/bajo-core/method}/import-pkg.js +9 -3
  29. package/boot/class/bajo-core/method/includes.js +13 -0
  30. package/boot/class/bajo-core/method/is-class.js +7 -0
  31. package/boot/{helper → class/bajo-core/method}/is-log-in-range.js +1 -1
  32. package/boot/{helper → class/bajo-core/method}/is-valid-app.js +2 -2
  33. package/boot/class/bajo-core/method/join.js +15 -0
  34. package/boot/class/bajo-core/method/log-levels.js +9 -0
  35. package/boot/class/bajo-core/method/num-unit.js +9 -0
  36. package/boot/{helper → class/bajo-core/method}/parse-object.js +24 -8
  37. package/boot/class/bajo-core/method/read-config.js +48 -0
  38. package/boot/{helper → class/bajo-core/method}/read-json.js +2 -2
  39. package/boot/class/bajo-core/method/run-hook.js +26 -0
  40. package/boot/{helper → class/bajo-core/method}/save-as-download.js +2 -2
  41. package/boot/class/bajo-core/method/slice-string.js +13 -0
  42. package/boot/class/bajo-core/method/titleize.js +23 -0
  43. package/boot/class/bajo-core.js +30 -0
  44. package/boot/class/bajo-plugin/helper/attach-method.js +14 -0
  45. package/boot/class/bajo-plugin/helper/build-config.js +10 -0
  46. package/boot/class/bajo-plugin/helper/check-clash.js +16 -0
  47. package/boot/class/bajo-plugin/helper/check-dependency.js +37 -0
  48. package/boot/class/bajo-plugin/helper/collect-exit-handlers.js +14 -0
  49. package/boot/class/bajo-plugin/helper/collect-hooks.js +29 -0
  50. package/boot/class/bajo-plugin/helper/run.js +20 -0
  51. package/boot/class/bajo-plugin.js +78 -0
  52. package/boot/class/error.js +59 -0
  53. package/boot/class/log.js +67 -0
  54. package/boot/class/plugin.js +51 -0
  55. package/boot/class/print.js +103 -0
  56. package/boot/index.js +4 -51
  57. package/boot/lib/create-method.js +30 -0
  58. package/boot/{helper → lib}/current-loc.js +1 -1
  59. package/boot/lib/get-global-module-path.js +189 -0
  60. package/boot/lib/omitted-plugin-keys.js +1 -1
  61. package/boot/lib/parse-args-argv.js +8 -11
  62. package/boot/lib/parse-env.js +7 -6
  63. package/boot/lib/read-all-configs.js +36 -0
  64. package/boot/lib/translate.js +18 -0
  65. package/docs/ecosystem.md +55 -0
  66. package/docs/hook.md +11 -0
  67. package/package.json +54 -56
  68. package/test/{helper-isSet.js → method/isSet.js} +6 -4
  69. package/waibuStatic/virtual.json +7 -0
  70. package/boot/attach-helper.js +0 -40
  71. package/boot/build-config.js +0 -99
  72. package/boot/create-scope.js +0 -36
  73. package/boot/helper/break-ns-path.js +0 -20
  74. package/boot/helper/build-collections.js +0 -43
  75. package/boot/helper/build-name.js +0 -17
  76. package/boot/helper/call-helper-or-handler.js +0 -15
  77. package/boot/helper/dump.js +0 -14
  78. package/boot/helper/each-plugins.js +0 -106
  79. package/boot/helper/envs.js +0 -14
  80. package/boot/helper/error.js +0 -77
  81. package/boot/helper/fatal.js +0 -13
  82. package/boot/helper/get-config.js +0 -19
  83. package/boot/helper/get-helper.js +0 -12
  84. package/boot/helper/get-item-by-name.js +0 -26
  85. package/boot/helper/get-plugin-file.js +0 -16
  86. package/boot/helper/get-plugin-name.js +0 -39
  87. package/boot/helper/get-plugin.js +0 -14
  88. package/boot/helper/join.js +0 -11
  89. package/boot/helper/log-levels.js +0 -19
  90. package/boot/helper/read-config.js +0 -48
  91. package/boot/helper/resolve-tpl-path.js +0 -15
  92. package/boot/helper/run-hook.js +0 -49
  93. package/boot/helper/spinner.js +0 -9
  94. package/boot/helper/start-plugin.js +0 -7
  95. package/boot/helper/titleize.js +0 -14
  96. package/boot/lib/build-helper.js +0 -60
  97. package/boot/lib/logger.js +0 -76
  98. package/boot/lib/print.js +0 -138
  99. package/boot/plugins/attach-helper.js +0 -20
  100. package/boot/plugins/build-config.js +0 -68
  101. package/boot/plugins/check-clash.js +0 -18
  102. package/boot/plugins/check-dependency.js +0 -37
  103. package/boot/plugins/collect-config-handlers.js +0 -22
  104. package/boot/plugins/collect-exit-handlers.js +0 -18
  105. package/boot/plugins/collect-hooks.js +0 -34
  106. package/boot/plugins/extend-config.js +0 -21
  107. package/boot/plugins/index.js +0 -27
  108. package/boot/plugins/run.js +0 -26
  109. package/boot/run-tool.js +0 -41
  110. package/docs/boot_build-config.js.html +0 -75
  111. package/docs/boot_create-scope.js.html +0 -25
  112. package/docs/boot_index.js.html +0 -43
  113. package/docs/data/search.json +0 -1
  114. package/docs/fonts/Inconsolata-Regular.ttf +0 -0
  115. package/docs/fonts/OpenSans-Regular.ttf +0 -0
  116. package/docs/fonts/WorkSans-Bold.ttf +0 -0
  117. package/docs/helper_emit.js.html +0 -18
  118. package/docs/helper_envs.js.html +0 -16
  119. package/docs/helper_error.js.html +0 -25
  120. package/docs/helper_get-bajo.js.html +0 -42
  121. package/docs/helper_index.js.html +0 -39
  122. package/docs/helper_log-levels.js.html +0 -20
  123. package/docs/helper_set-hook.js.html +0 -38
  124. package/docs/helper_walk-bajos.js.html +0 -51
  125. package/docs/index.html +0 -16
  126. package/docs/module-boot.html +0 -3
  127. package/docs/module-boot_buildConfig.html +0 -3
  128. package/docs/module-boot_createScope.html +0 -3
  129. package/docs/module-helper.html +0 -7
  130. package/docs/module-helper_setHook.html +0 -4
  131. package/docs/module-helper_walkBajos.html +0 -6
  132. package/docs/scripts/core.js +0 -655
  133. package/docs/scripts/core.min.js +0 -23
  134. package/docs/scripts/resize.js +0 -90
  135. package/docs/scripts/search.js +0 -265
  136. package/docs/scripts/search.min.js +0 -6
  137. package/docs/scripts/third-party/Apache-License-2.0.txt +0 -202
  138. package/docs/scripts/third-party/fuse.js +0 -9
  139. package/docs/scripts/third-party/hljs-line-num-original.js +0 -369
  140. package/docs/scripts/third-party/hljs-line-num.js +0 -1
  141. package/docs/scripts/third-party/hljs-original.js +0 -5171
  142. package/docs/scripts/third-party/hljs.js +0 -1
  143. package/docs/scripts/third-party/popper.js +0 -5
  144. package/docs/scripts/third-party/tippy.js +0 -1
  145. package/docs/scripts/third-party/tocbot.js +0 -672
  146. package/docs/scripts/third-party/tocbot.min.js +0 -1
  147. package/docs/styles/clean-jsdoc-theme-base.css +0 -975
  148. package/docs/styles/clean-jsdoc-theme-dark.css +0 -407
  149. package/docs/styles/clean-jsdoc-theme-light.css +0 -388
  150. package/docs/styles/clean-jsdoc-theme.min.css +0 -1
  151. package/test/helper-error.js +0 -25
  152. package/test/helper-pathResolve.js +0 -28
  153. /package/boot/{helper → class/bajo-core/method}/get-key-by-value.js +0 -0
  154. /package/boot/{helper → class/bajo-core/method}/is-empty-dir.js +0 -0
  155. /package/boot/{helper → class/bajo-core/method}/is-set.js +0 -0
  156. /package/boot/{helper → class/bajo-core/method}/is-valid-plugin.js +0 -0
  157. /package/boot/{helper → class/bajo-core/method}/paginate.js +0 -0
  158. /package/boot/{helper → class/bajo-core/method}/pascal-case.js +0 -0
  159. /package/boot/{helper → class/bajo-core/method}/pick.js +0 -0
  160. /package/boot/{helper → class/bajo-core/method}/resolve-path.js +0 -0
  161. /package/boot/{helper → class/bajo-core/method}/round.js +0 -0
  162. /package/boot/{helper → class/bajo-core/method}/sec-to-hms.js +0 -0
  163. /package/boot/{helper → class/bajo-core/method}/white-space.js +0 -0
@@ -1,975 +0,0 @@
1
- @font-face {
2
- font-family: 'heading';
3
- src: url('../fonts/WorkSans-Bold.ttf') format('truetype');
4
- font-display: swap;
5
- }
6
-
7
- @font-face {
8
- font-family: 'body';
9
- src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
10
- font-display: swap;
11
- }
12
-
13
- @font-face {
14
- font-family: 'code';
15
- src: url('../fonts/Inconsolata-Regular.ttf') format('truetype');
16
- font-display: swap;
17
- }
18
-
19
- :root {
20
- --outer-wrapper-max-width: 65rem;
21
- }
22
-
23
- * {
24
- box-sizing: border-box;
25
- margin: 0;
26
- padding: 0;
27
- }
28
-
29
- html,
30
- body {
31
- min-height: 100%;
32
- width: 100%;
33
- line-height: 1.75;
34
- }
35
-
36
- body {
37
- font-family: 'body';
38
- overflow-x: hidden;
39
- position: relative;
40
- }
41
-
42
- b {
43
- font-family: heading;
44
- }
45
-
46
- h1,
47
- h2,
48
- h3,
49
- h4,
50
- h5,
51
- h6 {
52
- font-family: 'heading';
53
- font-weight: normal;
54
- line-height: 1.75;
55
- }
56
-
57
- h1 {
58
- font-size: 3.5rem;
59
- margin: 0;
60
- }
61
-
62
- h2 {
63
- font-size: 2.25rem;
64
- margin: 2rem 0 0;
65
- }
66
-
67
- h3 {
68
- font-size: 1.5rem;
69
- }
70
-
71
- h4 {
72
- font-size: 1.25rem;
73
- }
74
-
75
- h5 {
76
- font-size: 1rem;
77
- }
78
-
79
- h6 {
80
- font-size: 1rem;
81
- }
82
-
83
- img {
84
- max-width: 100%;
85
- }
86
-
87
- a {
88
- text-decoration: none;
89
- }
90
-
91
- a:hover {
92
- text-decoration: underline;
93
- }
94
-
95
- /* badges */
96
- a img {
97
- margin-right: 0.5rem;
98
- }
99
-
100
- p {
101
- margin: 1rem 0;
102
- }
103
-
104
- article ul {
105
- list-style: none;
106
- }
107
-
108
- article ul li,
109
- article ol li {
110
- padding: 0.5rem 0;
111
- }
112
-
113
- article ol,
114
- article ul {
115
- padding-left: 3rem;
116
- }
117
-
118
- article ol p,
119
- article ul p {
120
- margin: 0;
121
- }
122
-
123
- /* stylelint-disable-next-line */
124
-
125
- .variation {
126
- display: none;
127
- }
128
-
129
- .signature-attributes {
130
- font-style: italic;
131
- font-weight: lighter;
132
- }
133
-
134
- .ancestors a {
135
- text-decoration: none;
136
- }
137
-
138
- .important {
139
- font-weight: bold;
140
- }
141
-
142
- .signature {
143
- font-family: 'code';
144
- }
145
-
146
- .name {
147
- font-family: 'code';
148
- font-weight: bold;
149
- }
150
-
151
- blockquote {
152
- font-size: 0.875rem;
153
- padding: 0.0625rem 1.25rem;
154
- border-radius: 1rem;
155
- margin: 0.5rem 0;
156
- }
157
-
158
- .details {
159
- border-radius: 1rem;
160
- margin: 1rem 0;
161
- }
162
-
163
- .details .details-item-container {
164
- display: flex;
165
- padding: 1rem 2rem;
166
- }
167
-
168
- dt {
169
- font-family: heading;
170
- }
171
-
172
- .details dt {
173
- float: left;
174
- min-width: 11rem;
175
- }
176
-
177
- .details ul {
178
- margin: 0;
179
- display: inline-flex;
180
- list-style-type: none;
181
- }
182
-
183
- .details ul li {
184
- display: inline-flex;
185
- margin-right: 0.6125rem;
186
- padding: 0;
187
- word-break: break-word;
188
- }
189
-
190
- /* stylelint-disable-next-line */
191
- .details ul li p {
192
- margin: 0;
193
- }
194
-
195
- /* stylelint-disable */
196
- .details pre.prettyprint {
197
- margin: 0;
198
- }
199
-
200
- /* stylelint-enable */
201
-
202
- .details .object-value {
203
- padding-top: 0;
204
- }
205
-
206
- .description {
207
- margin-bottom: 2rem;
208
- }
209
-
210
- .method-member-container table {
211
- margin-top: 1rem;
212
- }
213
-
214
- .pre-div .hljs-ln {
215
- margin: 0;
216
- }
217
-
218
- .code-caption {
219
- font-size: 0.875rem;
220
- }
221
-
222
- .prettyprint {
223
- font-size: 0.875rem;
224
- overflow: auto;
225
- }
226
-
227
- pre.prettyprint {
228
- margin-top: 3rem;
229
- }
230
-
231
- .prettyprint.source {
232
- width: inherit;
233
- }
234
-
235
- .prettyprint code {
236
- display: block;
237
- font-size: 1rem;
238
- line-height: 1.75;
239
- padding: 0 0 1rem;
240
- }
241
-
242
- .prettyprint .compact {
243
- padding: 0;
244
- }
245
-
246
- h4.name {
247
- margin-top: 0.5rem;
248
- }
249
-
250
- .params,
251
- .props,
252
- table {
253
- border-collapse: separate;
254
- border-spacing: 0 0.5rem;
255
- border-radius: 0.5rem;
256
- font-size: 0.875rem;
257
- margin: 0;
258
- width: 100%;
259
- }
260
-
261
- table td:first-child,
262
- .params td:first-child,
263
- table thead th:first-child,
264
- .params thead th:first-child,
265
- .props thead th:first-child {
266
- border-top-left-radius: 1rem;
267
- border-bottom-left-radius: 1rem;
268
- }
269
-
270
- table td:last-child,
271
- .params td:last-child,
272
- table thead th:last-child,
273
- .params thead th:last-child,
274
- .props thead th:last-child {
275
- border-top-right-radius: 1rem;
276
- border-bottom-right-radius: 1rem;
277
- }
278
-
279
- table th,
280
- .params th {
281
- position: sticky;
282
- top: 0;
283
- }
284
-
285
- .params .name,
286
- .props .name,
287
- .name code {
288
- font-family: 'code';
289
- font-size: 1rem;
290
- }
291
-
292
- .params td,
293
- .params th,
294
- .props td,
295
- .props th,
296
- th,
297
- td {
298
- display: table-cell;
299
- margin: 0;
300
- padding: 1rem 2rem;
301
- text-align: left;
302
- vertical-align: top;
303
- }
304
-
305
- .params thead tr,
306
- .props thead tr {
307
- font-weight: bold;
308
- }
309
-
310
- /* stylelint-disable */
311
- .params .params thead tr,
312
- .props .props thead tr {
313
- font-weight: bold;
314
- }
315
-
316
- .params td.description > p:first-child,
317
- .props td.description > p:first-child {
318
- margin-top: 0;
319
- padding-top: 0;
320
- }
321
-
322
- .params td.description > p:last-child,
323
- .props td.description > p:last-child {
324
- margin-bottom: 0;
325
- padding-bottom: 0;
326
- }
327
-
328
- dl.param-type {
329
- margin-bottom: 1rem;
330
- padding-bottom: 1rem;
331
- }
332
-
333
- /* stylelint-enable */
334
-
335
- .param-type dt,
336
- .param-type dd {
337
- display: inline-block;
338
- }
339
-
340
- .param-type dd {
341
- font-family: 'code';
342
- font-size: 1rem;
343
- }
344
-
345
- code {
346
- border-radius: 0.3rem;
347
- font-family: 'code';
348
- font-size: 1rem;
349
- padding: 0.1rem 0.4rem;
350
- }
351
-
352
- .mt-20 {
353
- margin-top: 1.5rem;
354
- }
355
-
356
- .codepen-form {
357
- bottom: 0;
358
- position: absolute;
359
- right: 0.6125rem;
360
- }
361
-
362
- .body-wrapper {
363
- display: flex;
364
- flex-direction: column;
365
- height: 100vh;
366
- position: relative;
367
- }
368
-
369
- .sidebar-container {
370
- position: fixed;
371
- display: flex;
372
- padding: 1rem;
373
- top: 0;
374
- bottom: 0;
375
- left: 0;
376
- width: 25rem;
377
- z-index: 10;
378
- }
379
-
380
- .sidebar {
381
- border-radius: 1rem;
382
- flex: 1;
383
- padding: 1.5rem 0;
384
- overflow: hidden;
385
- display: flex;
386
- flex-direction: column;
387
- }
388
-
389
- .sidebar-title {
390
- margin: 0;
391
- padding: 0 2rem;
392
- text-decoration: none;
393
- font-size: 1.5rem;
394
- font-family: heading;
395
- }
396
-
397
- .sidebar-title:hover {
398
- text-decoration: none;
399
- }
400
-
401
- .sidebar-items-container {
402
- margin-top: 5rem;
403
- overflow: auto;
404
- flex: 1;
405
- position: relative;
406
- }
407
-
408
- .sidebar-section-title {
409
- padding: 0.5rem 2rem;
410
- font-family: heading;
411
- font-size: 1.25rem;
412
- border-radius: 1rem;
413
- }
414
-
415
- .with-arrow {
416
- align-items: center;
417
- cursor: pointer;
418
- display: flex;
419
- }
420
-
421
- .with-arrow div {
422
- flex: 1;
423
- }
424
-
425
- .with-arrow svg {
426
- height: 1rem;
427
- width: 1rem;
428
- transition: transform 0.3s;
429
- }
430
-
431
- .with-arrow[data-isopen='true'] svg {
432
- transform: rotate(180deg);
433
- }
434
-
435
- .sidebar-section-children-container {
436
- border-radius: 0.5rem;
437
- overflow: hidden;
438
- }
439
-
440
- .sidebar-section-children a {
441
- display: block;
442
- width: 100%;
443
- padding: 0.25rem 2rem;
444
- }
445
-
446
- .sidebar-section-children a {
447
- text-decoration: none;
448
- }
449
-
450
- .with-arrow[data-isopen='false'] + .sidebar-section-children-container {
451
- height: 0;
452
- overflow: hidden;
453
- }
454
-
455
- .with-arrow[data-isopen='true'] + .sidebar-section-children-container {
456
- height: auto;
457
- }
458
-
459
- .toc-container {
460
- position: fixed;
461
- top: 0;
462
- right: 4rem;
463
- bottom: 0;
464
- width: 16rem;
465
- z-index: 10;
466
- }
467
-
468
- .toc-content {
469
- padding-top: 10rem;
470
- display: flex;
471
- flex-direction: column;
472
- height: 100%;
473
- }
474
-
475
- #eed4d2a0bfd64539bb9df78095dec881 {
476
- margin: 2rem 0;
477
- flex: 1;
478
- overflow: auto;
479
- }
480
-
481
- .toc-list {
482
- padding-left: 1rem;
483
- list-style: none;
484
- }
485
-
486
- .toc-link {
487
- display: block;
488
- white-space: nowrap;
489
- overflow: hidden;
490
- text-overflow: ellipsis;
491
- width: 100%;
492
- }
493
-
494
- .toc-link.is-active-link {
495
- font-family: heading;
496
- }
497
-
498
- .has-anchor {
499
- position: relative;
500
- }
501
-
502
- .link-anchor {
503
- padding: 0 0.5rem;
504
- }
505
-
506
- .has-anchor .link-anchor {
507
- position: absolute;
508
- left: 0;
509
- top: 0;
510
- transform: translateX(-100%);
511
- text-decoration: none;
512
- visibility: hidden;
513
- }
514
-
515
- .has-anchor:hover .link-anchor {
516
- visibility: visible;
517
- }
518
-
519
- .navbar-container {
520
- position: fixed;
521
- z-index: 10;
522
- top: 0;
523
- left: 25rem;
524
- right: 25rem;
525
- height: 7rem;
526
- padding-top: 1rem;
527
- display: flex;
528
- justify-content: center;
529
- }
530
-
531
- .navbar {
532
- display: flex;
533
- padding: 1rem 4rem 1rem 2rem;
534
- flex: 1;
535
- max-width: var(--outer-wrapper-max-width);
536
- }
537
-
538
- .navbar-left-items {
539
- display: flex;
540
- flex: 1;
541
- }
542
-
543
- .navbar-right-items {
544
- display: flex;
545
- }
546
-
547
- .icon-button svg {
548
- height: 1rem;
549
- width: 1rem;
550
- }
551
-
552
- .icon-button {
553
- background: transparent;
554
- position: relative;
555
- display: inline-flex;
556
- border: 0;
557
- padding: 0.5rem;
558
- border-radius: 50%;
559
- cursor: pointer;
560
- transition: background 0.3s;
561
- }
562
-
563
- .navbar-right-item {
564
- display: flex;
565
- justify-content: center;
566
- align-items: center;
567
- margin: 0 0.25rem;
568
- }
569
-
570
- .navbar-item {
571
- border-radius: 0.5rem;
572
- overflow: hidden;
573
- }
574
-
575
- .navbar-item a {
576
- display: inline-block;
577
- padding: 1rem 2rem;
578
- text-decoration: none;
579
- transition: 0.3s;
580
- }
581
-
582
- .font-size-tooltip {
583
- display: flex;
584
- align-items: center;
585
- margin: 0 -0.5rem;
586
- }
587
-
588
- .font-size-tooltip .icon-button.disabled {
589
- pointer-events: none;
590
- }
591
-
592
- .main-content {
593
- position: relative;
594
- flex: 1;
595
- overflow: auto;
596
- display: flex;
597
- flex-direction: column;
598
- align-items: center;
599
- padding: 7rem 25rem 0;
600
- }
601
-
602
- .main-wrapper {
603
- width: 100%;
604
- max-width: var(--outer-wrapper-max-width);
605
- padding: 0 4rem 1rem;
606
- }
607
-
608
- .p-h-n {
609
- padding: 0.4rem 1rem;
610
- }
611
-
612
- .footer {
613
- width: 100%;
614
- margin: 5rem 0 0 0;
615
- border-radius: 1rem;
616
- font-size: 0.875rem;
617
- display: flex;
618
- justify-content: center;
619
- }
620
-
621
- .source-page + .footer {
622
- margin-top: 3rem;
623
- }
624
-
625
- .footer .wrapper {
626
- flex: 1;
627
- padding: 1rem 2rem;
628
- max-width: var(--outer-wrapper-max-width);
629
- }
630
-
631
- pre {
632
- position: relative;
633
- }
634
-
635
- .hljs table td {
636
- background: transparent;
637
- padding: 0 0.6125rem;
638
- line-height: 1.5;
639
- border-radius: 0;
640
- }
641
-
642
- .hljs .hljs-ln-numbers {
643
- width: 2rem;
644
- white-space: nowrap;
645
- /* user-select: none; */
646
- padding-left: 1.5rem;
647
- }
648
-
649
- .hljs-ln-line.hljs-ln-numbers::before {
650
- content: attr(data-line-number);
651
- }
652
-
653
- .pre-div {
654
- position: relative;
655
- border-radius: 1rem;
656
- overflow: hidden;
657
- margin: 2rem 0;
658
- }
659
-
660
- .pre-top-bar-container {
661
- align-items: center;
662
- display: flex;
663
- justify-content: space-between;
664
- left: 0;
665
- padding: 0.3125rem 1.5rem;
666
- position: absolute;
667
- right: 0;
668
- top: 0;
669
- }
670
-
671
- .code-copy-icon-container {
672
- align-items: center;
673
- border-radius: 50%;
674
- cursor: pointer;
675
- display: flex;
676
- height: 1.875rem;
677
- justify-content: center;
678
- transition: 0.3s;
679
- width: 1.875rem;
680
- }
681
-
682
- .code-copy-icon-container > div {
683
- margin-top: 0.25rem;
684
- position: relative;
685
- }
686
-
687
- .sm-icon {
688
- height: 1rem;
689
- width: 1rem;
690
- }
691
-
692
- .code-lang-name {
693
- font-family: 'body';
694
- font-size: 0.75rem;
695
- }
696
-
697
- .tooltip {
698
- border-radius: 0.3125rem;
699
- opacity: 0;
700
- padding: 0.1875rem 0.5rem;
701
- position: absolute;
702
- right: 2rem;
703
- top: 0.3125rem;
704
- transform: scale(0);
705
- transition: 0.3s;
706
- }
707
-
708
- .show-tooltip {
709
- opacity: 1;
710
- transform: scale(1);
711
- }
712
-
713
- .allow-overflow {
714
- overflow: auto;
715
- }
716
-
717
- .bold {
718
- font-family: heading;
719
- }
720
-
721
- .search-container {
722
- position: fixed;
723
- top: 0;
724
- bottom: 0;
725
- right: 0;
726
- left: 0;
727
- justify-content: center;
728
- z-index: 50;
729
- align-items: flex-start;
730
- }
731
-
732
- .search-container .wrapper {
733
- width: 100%;
734
- max-width: 60rem;
735
- padding: 4rem 2rem 2rem;
736
- border-radius: 1rem;
737
- margin: 3rem 25rem;
738
- position: relative;
739
- }
740
-
741
- .search-close-button {
742
- position: absolute;
743
- top: 1rem;
744
- right: 1rem;
745
- }
746
-
747
- .search-result-c-text {
748
- display: flex;
749
- justify-content: center;
750
- user-select: none;
751
- }
752
-
753
- .search-result-c {
754
- min-height: 20rem;
755
- max-height: 40rem;
756
- overflow: auto;
757
- padding: 2rem 0;
758
- }
759
-
760
- .search-box-c {
761
- width: 100%;
762
- position: relative;
763
- display: flex;
764
- align-items: center;
765
- }
766
-
767
- .search-box-c svg {
768
- height: 1.5rem;
769
- width: 1.5rem;
770
- position: absolute;
771
- left: 1.5rem;
772
- }
773
-
774
- .search-input {
775
- border: none;
776
- border-radius: 1rem;
777
- width: 100%;
778
- flex: 1;
779
- padding: 1rem 2rem 1rem 4rem;
780
- font-family: body;
781
- font-size: 1.25rem;
782
- }
783
-
784
- .search-result-item {
785
- display: block;
786
- text-decoration: none;
787
- padding: 1rem;
788
- border-radius: 1rem;
789
- margin: 1rem 0;
790
- }
791
-
792
- .search-result-item:hover {
793
- text-decoration: none;
794
- }
795
-
796
- .search-result-item:active {
797
- text-decoration: none;
798
- }
799
-
800
- .search-result-item-title {
801
- font-family: heading;
802
- font-size: 1.5rem;
803
- margin: 0;
804
- }
805
-
806
- .search-result-item-p {
807
- font-size: 0.875rem;
808
- margin: 0;
809
- }
810
-
811
- .mobile-menu-icon-container {
812
- display: none;
813
- position: fixed;
814
- bottom: 1.5rem;
815
- right: 2rem;
816
- z-index: 30;
817
- }
818
-
819
- .mobile-menu-icon-container .icon-button svg {
820
- height: 2rem;
821
- width: 2rem;
822
- }
823
-
824
- .mobile-sidebar-container {
825
- position: fixed;
826
- top: 0;
827
- right: 0;
828
- left: 0;
829
- bottom: 0;
830
- padding: 1rem;
831
- z-index: 25;
832
-
833
- display: none;
834
- }
835
-
836
- .mobile-sidebar-container.show {
837
- display: block;
838
- }
839
-
840
- .mobile-sidebar-wrapper {
841
- border-radius: 1rem;
842
- height: 100%;
843
- width: 100%;
844
- display: flex;
845
- flex-direction: column;
846
- padding-top: 2rem;
847
- }
848
-
849
- .mobile-nav-links {
850
- display: flex;
851
- flex-wrap: wrap;
852
- padding-top: 2rem;
853
- }
854
-
855
- .mobile-sidebar-items-c {
856
- flex: 1;
857
- overflow: auto;
858
- }
859
-
860
- .mobile-navbar-actions {
861
- display: flex;
862
- padding: 1rem;
863
- }
864
-
865
- .rel {
866
- position: relative;
867
- }
868
-
869
- .icon-button.codepen-button svg {
870
- height: 1.5rem;
871
- width: 1.5rem;
872
- }
873
-
874
- .table-div {
875
- width: 100%;
876
- overflow: auto;
877
- }
878
-
879
- .tag-default {
880
- overflow: auto;
881
- }
882
-
883
- /* scroll bar */
884
- ::-webkit-scrollbar {
885
- width: 0.3125rem;
886
- height: 0.3125rem;
887
- }
888
-
889
- ::-webkit-scrollbar-thumb,
890
- ::-webkit-scrollbar-track {
891
- border-radius: 1rem;
892
- }
893
-
894
- @media screen and (max-width: 100em) {
895
- .toc-container {
896
- display: none;
897
- }
898
-
899
- .main-content {
900
- padding: 7rem 0 0 25rem;
901
- }
902
-
903
- .search-container .wrapper {
904
- margin-right: 1rem;
905
- }
906
-
907
- .navbar-container {
908
- /* For scrollbar */
909
- right: 1rem;
910
- }
911
- }
912
-
913
- @media screen and (min-width: 65em) {
914
- .mobile-sidebar-container.show {
915
- display: none;
916
- }
917
- }
918
-
919
- @media screen and (max-width: 65em) {
920
- h1 {
921
- font-size: 3rem;
922
- }
923
-
924
- h2 {
925
- font-size: 2rem;
926
- }
927
-
928
- h3 {
929
- font-size: 1.875;
930
- }
931
-
932
- h4,
933
- h5,
934
- h6 {
935
- font-size: 1rem;
936
- }
937
-
938
- .main-wrapper {
939
- padding: 0 1rem 1rem;
940
- }
941
-
942
- .search-result-c {
943
- max-height: 25rem;
944
- }
945
-
946
- .mobile-menu-icon-container {
947
- display: block;
948
- }
949
-
950
- .sidebar-container {
951
- display: none;
952
- }
953
-
954
- .search-container .wrapper {
955
- margin-left: 1rem;
956
- }
957
-
958
- .main-content {
959
- padding-left: 0;
960
- padding-top: 1rem;
961
- }
962
-
963
- .navbar-container {
964
- display: none;
965
- }
966
-
967
- .source-page + .footer,
968
- .footer {
969
- margin-top: 2rem;
970
- }
971
-
972
- .has-anchor:hover .link-anchor {
973
- visibility: hidden;
974
- }
975
- }