jekyll-theme-zer0 0.21.2 → 0.22.0

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 (109) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +54 -0
  3. data/README.md +86 -46
  4. data/_data/authors.yml +12 -3
  5. data/_data/features.yml +1 -1
  6. data/_data/glossary.yml +101 -0
  7. data/_data/navigation/docs.yml +12 -0
  8. data/_data/navigation/home.yml +2 -2
  9. data/_data/navigation/main.yml +2 -8
  10. data/_data/prompts.yml +184 -0
  11. data/_includes/components/author-eeat.html +133 -0
  12. data/_includes/components/cookie-consent.html +9 -9
  13. data/_includes/components/dev-shortcuts.html +36 -27
  14. data/_includes/components/env-detect.html +14 -0
  15. data/_includes/components/env-switcher.html +38 -16
  16. data/_includes/components/halfmoon.html +31 -20
  17. data/_includes/components/info-section.html +4 -3
  18. data/_includes/components/js-cdn.html +8 -15
  19. data/_includes/components/mermaid.html +13 -9
  20. data/_includes/components/powered-by.html +5 -3
  21. data/_includes/content/intro.html +64 -4
  22. data/_includes/content/jsonld-faq.html +47 -0
  23. data/_includes/content/jsonld-software.html +121 -0
  24. data/_includes/content/sitemap.html +2 -2
  25. data/_includes/core/branding.html +9 -7
  26. data/_includes/core/footer.html +12 -9
  27. data/_includes/core/head.html +17 -14
  28. data/_includes/core/header.html +33 -21
  29. data/_includes/navigation/navbar.html +130 -124
  30. data/_includes/navigation/sidebar-left.html +3 -3
  31. data/_includes/navigation/sidebar-right.html +4 -8
  32. data/_includes/search-data.json +1 -2
  33. data/_layouts/landing.html +8 -3
  34. data/_layouts/root.html +4 -4
  35. data/_layouts/sitemap-collection.html +20 -10
  36. data/_sass/core/_docs-layout.scss +756 -0
  37. data/_sass/core/_navbar.scss +522 -69
  38. data/_sass/core/_offcanvas-panels.scss +48 -0
  39. data/_sass/core/_syntax.scss +1 -51
  40. data/_sass/core/_theme.scss +2 -249
  41. data/_sass/core/_variables.scss +1 -54
  42. data/_sass/core/code-copy.scss +6 -6
  43. data/_sass/custom.scss +119 -133
  44. data/_sass/theme/_color-modes.scss +3 -0
  45. data/_sass/theme/_css-variables.scss +29 -0
  46. data/_sass/theme/_wizard-mode.scss +31 -0
  47. data/assets/css/custom.css +5 -120
  48. data/assets/css/main.scss +6 -2
  49. data/assets/css/stats.css +3 -0
  50. data/assets/css/theme-npm-entry.scss +6 -0
  51. data/assets/css/vendor/.gitkeep +0 -0
  52. data/assets/images/authors/bamr87.png +0 -0
  53. data/assets/js/auto-hide-nav.js +71 -20
  54. data/assets/js/color-modes.js +8 -2
  55. data/assets/js/halfmoon.js +8 -2
  56. data/assets/js/myScript.js +4 -12
  57. data/assets/js/navigation.js +174 -19
  58. data/assets/js/search-modal.js +50 -7
  59. data/assets/vendor/bootstrap/css/bootstrap.min.css +5 -0
  60. data/assets/vendor/bootstrap/js/bootstrap.bundle.min.js +6 -0
  61. data/assets/vendor/bootstrap-icons/font/bootstrap-icons.css +2018 -0
  62. data/assets/vendor/bootstrap-icons/font/fonts/bootstrap-icons.woff +0 -0
  63. data/assets/vendor/bootstrap-icons/font/fonts/bootstrap-icons.woff2 +0 -0
  64. data/assets/vendor/font-awesome/css/all.min.css +9 -0
  65. data/assets/vendor/font-awesome/webfonts/fa-brands-400.ttf +0 -0
  66. data/assets/vendor/font-awesome/webfonts/fa-brands-400.woff2 +0 -0
  67. data/assets/vendor/font-awesome/webfonts/fa-regular-400.ttf +0 -0
  68. data/assets/vendor/font-awesome/webfonts/fa-regular-400.woff2 +0 -0
  69. data/assets/vendor/font-awesome/webfonts/fa-solid-900.ttf +0 -0
  70. data/assets/vendor/font-awesome/webfonts/fa-solid-900.woff2 +0 -0
  71. data/assets/vendor/font-awesome/webfonts/fa-v4compatibility.ttf +0 -0
  72. data/assets/vendor/font-awesome/webfonts/fa-v4compatibility.woff2 +0 -0
  73. data/assets/vendor/github-calendar/github-calendar-responsive.css +231 -0
  74. data/assets/vendor/github-calendar/github-calendar.min.js +240 -0
  75. data/assets/vendor/jquery/jquery-3.7.1.min.js +2 -0
  76. data/assets/vendor/mathjax/es5/adaptors/liteDOM.js +1 -0
  77. data/assets/vendor/mathjax/es5/core.js +1 -0
  78. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_AMS-Regular.woff +0 -0
  79. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Bold.woff +0 -0
  80. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Regular.woff +0 -0
  81. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Fraktur-Bold.woff +0 -0
  82. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Fraktur-Regular.woff +0 -0
  83. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Main-Bold.woff +0 -0
  84. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Main-Italic.woff +0 -0
  85. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Main-Regular.woff +0 -0
  86. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Math-BoldItalic.woff +0 -0
  87. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Math-Italic.woff +0 -0
  88. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Math-Regular.woff +0 -0
  89. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_SansSerif-Bold.woff +0 -0
  90. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_SansSerif-Italic.woff +0 -0
  91. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_SansSerif-Regular.woff +0 -0
  92. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Script-Regular.woff +0 -0
  93. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Size1-Regular.woff +0 -0
  94. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Size2-Regular.woff +0 -0
  95. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Size3-Regular.woff +0 -0
  96. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Size4-Regular.woff +0 -0
  97. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Typewriter-Regular.woff +0 -0
  98. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Vector-Bold.woff +0 -0
  99. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Vector-Regular.woff +0 -0
  100. data/assets/vendor/mathjax/es5/output/chtml/fonts/woff-v2/MathJax_Zero.woff +0 -0
  101. data/assets/vendor/mathjax/es5/startup.js +1 -0
  102. data/assets/vendor/mathjax/es5/tex-mml-chtml.js +1 -0
  103. data/assets/vendor/mermaid/mermaid.min.js +2029 -0
  104. data/scripts/bin/build +12 -2
  105. data/scripts/lib/version.sh +41 -0
  106. data/scripts/test/integration/mermaid +1 -1
  107. data/scripts/vendor-install.sh +196 -0
  108. metadata +62 -3
  109. data/_sass/core/_docs.scss +0 -3219
@@ -1,3219 +0,0 @@
1
- /*!
2
- * Bootstrap Docs (https://getbootstrap.com/)
3
- * Copyright 2011-2024 The Bootstrap Authors
4
- * Licensed under the Creative Commons Attribution 3.0 Unported License.
5
- * For details, see https://creativecommons.org/licenses/by/3.0/.
6
- */
7
- :root {
8
- --bs-breakpoint-xs: 0;
9
- --bs-breakpoint-sm: 576px;
10
- --bs-breakpoint-md: 768px;
11
- --bs-breakpoint-lg: 992px;
12
- --bs-breakpoint-xl: 1200px;
13
- --bs-breakpoint-xxl: 1400px
14
- }
15
-
16
- .grid {
17
- display: grid;
18
- grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
19
- grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
20
- gap: var(--bs-gap, 1.5rem)
21
- }
22
-
23
- .grid .g-col-1 {
24
- grid-column: auto/span 1
25
- }
26
-
27
- .grid .g-col-2 {
28
- grid-column: auto/span 2
29
- }
30
-
31
- .grid .g-col-3 {
32
- grid-column: auto/span 3
33
- }
34
-
35
- .grid .g-col-4 {
36
- grid-column: auto/span 4
37
- }
38
-
39
- .grid .g-col-5 {
40
- grid-column: auto/span 5
41
- }
42
-
43
- .grid .g-col-6 {
44
- grid-column: auto/span 6
45
- }
46
-
47
- .grid .g-col-7 {
48
- grid-column: auto/span 7
49
- }
50
-
51
- .grid .g-col-8 {
52
- grid-column: auto/span 8
53
- }
54
-
55
- .grid .g-col-9 {
56
- grid-column: auto/span 9
57
- }
58
-
59
- .grid .g-col-10 {
60
- grid-column: auto/span 10
61
- }
62
-
63
- .grid .g-col-11 {
64
- grid-column: auto/span 11
65
- }
66
-
67
- .grid .g-col-12 {
68
- grid-column: auto/span 12
69
- }
70
-
71
- .grid .g-start-1 {
72
- grid-column-start: 1
73
- }
74
-
75
- .grid .g-start-2 {
76
- grid-column-start: 2
77
- }
78
-
79
- .grid .g-start-3 {
80
- grid-column-start: 3
81
- }
82
-
83
- .grid .g-start-4 {
84
- grid-column-start: 4
85
- }
86
-
87
- .grid .g-start-5 {
88
- grid-column-start: 5
89
- }
90
-
91
- .grid .g-start-6 {
92
- grid-column-start: 6
93
- }
94
-
95
- .grid .g-start-7 {
96
- grid-column-start: 7
97
- }
98
-
99
- .grid .g-start-8 {
100
- grid-column-start: 8
101
- }
102
-
103
- .grid .g-start-9 {
104
- grid-column-start: 9
105
- }
106
-
107
- .grid .g-start-10 {
108
- grid-column-start: 10
109
- }
110
-
111
- .grid .g-start-11 {
112
- grid-column-start: 11
113
- }
114
-
115
- @media (min-width: 576px) {
116
- .grid .g-col-sm-1 {
117
- grid-column:auto/span 1
118
- }
119
-
120
- .grid .g-col-sm-2 {
121
- grid-column: auto/span 2
122
- }
123
-
124
- .grid .g-col-sm-3 {
125
- grid-column: auto/span 3
126
- }
127
-
128
- .grid .g-col-sm-4 {
129
- grid-column: auto/span 4
130
- }
131
-
132
- .grid .g-col-sm-5 {
133
- grid-column: auto/span 5
134
- }
135
-
136
- .grid .g-col-sm-6 {
137
- grid-column: auto/span 6
138
- }
139
-
140
- .grid .g-col-sm-7 {
141
- grid-column: auto/span 7
142
- }
143
-
144
- .grid .g-col-sm-8 {
145
- grid-column: auto/span 8
146
- }
147
-
148
- .grid .g-col-sm-9 {
149
- grid-column: auto/span 9
150
- }
151
-
152
- .grid .g-col-sm-10 {
153
- grid-column: auto/span 10
154
- }
155
-
156
- .grid .g-col-sm-11 {
157
- grid-column: auto/span 11
158
- }
159
-
160
- .grid .g-col-sm-12 {
161
- grid-column: auto/span 12
162
- }
163
-
164
- .grid .g-start-sm-1 {
165
- grid-column-start: 1
166
- }
167
-
168
- .grid .g-start-sm-2 {
169
- grid-column-start: 2
170
- }
171
-
172
- .grid .g-start-sm-3 {
173
- grid-column-start: 3
174
- }
175
-
176
- .grid .g-start-sm-4 {
177
- grid-column-start: 4
178
- }
179
-
180
- .grid .g-start-sm-5 {
181
- grid-column-start: 5
182
- }
183
-
184
- .grid .g-start-sm-6 {
185
- grid-column-start: 6
186
- }
187
-
188
- .grid .g-start-sm-7 {
189
- grid-column-start: 7
190
- }
191
-
192
- .grid .g-start-sm-8 {
193
- grid-column-start: 8
194
- }
195
-
196
- .grid .g-start-sm-9 {
197
- grid-column-start: 9
198
- }
199
-
200
- .grid .g-start-sm-10 {
201
- grid-column-start: 10
202
- }
203
-
204
- .grid .g-start-sm-11 {
205
- grid-column-start: 11
206
- }
207
- }
208
-
209
- @media (min-width: 768px) {
210
- .grid .g-col-md-1 {
211
- grid-column:auto/span 1
212
- }
213
-
214
- .grid .g-col-md-2 {
215
- grid-column: auto/span 2
216
- }
217
-
218
- .grid .g-col-md-3 {
219
- grid-column: auto/span 3
220
- }
221
-
222
- .grid .g-col-md-4 {
223
- grid-column: auto/span 4
224
- }
225
-
226
- .grid .g-col-md-5 {
227
- grid-column: auto/span 5
228
- }
229
-
230
- .grid .g-col-md-6 {
231
- grid-column: auto/span 6
232
- }
233
-
234
- .grid .g-col-md-7 {
235
- grid-column: auto/span 7
236
- }
237
-
238
- .grid .g-col-md-8 {
239
- grid-column: auto/span 8
240
- }
241
-
242
- .grid .g-col-md-9 {
243
- grid-column: auto/span 9
244
- }
245
-
246
- .grid .g-col-md-10 {
247
- grid-column: auto/span 10
248
- }
249
-
250
- .grid .g-col-md-11 {
251
- grid-column: auto/span 11
252
- }
253
-
254
- .grid .g-col-md-12 {
255
- grid-column: auto/span 12
256
- }
257
-
258
- .grid .g-start-md-1 {
259
- grid-column-start: 1
260
- }
261
-
262
- .grid .g-start-md-2 {
263
- grid-column-start: 2
264
- }
265
-
266
- .grid .g-start-md-3 {
267
- grid-column-start: 3
268
- }
269
-
270
- .grid .g-start-md-4 {
271
- grid-column-start: 4
272
- }
273
-
274
- .grid .g-start-md-5 {
275
- grid-column-start: 5
276
- }
277
-
278
- .grid .g-start-md-6 {
279
- grid-column-start: 6
280
- }
281
-
282
- .grid .g-start-md-7 {
283
- grid-column-start: 7
284
- }
285
-
286
- .grid .g-start-md-8 {
287
- grid-column-start: 8
288
- }
289
-
290
- .grid .g-start-md-9 {
291
- grid-column-start: 9
292
- }
293
-
294
- .grid .g-start-md-10 {
295
- grid-column-start: 10
296
- }
297
-
298
- .grid .g-start-md-11 {
299
- grid-column-start: 11
300
- }
301
- }
302
-
303
- @media (min-width: 992px) {
304
- .grid .g-col-lg-1 {
305
- grid-column:auto/span 1
306
- }
307
-
308
- .grid .g-col-lg-2 {
309
- grid-column: auto/span 2
310
- }
311
-
312
- .grid .g-col-lg-3 {
313
- grid-column: auto/span 3
314
- }
315
-
316
- .grid .g-col-lg-4 {
317
- grid-column: auto/span 4
318
- }
319
-
320
- .grid .g-col-lg-5 {
321
- grid-column: auto/span 5
322
- }
323
-
324
- .grid .g-col-lg-6 {
325
- grid-column: auto/span 6
326
- }
327
-
328
- .grid .g-col-lg-7 {
329
- grid-column: auto/span 7
330
- }
331
-
332
- .grid .g-col-lg-8 {
333
- grid-column: auto/span 8
334
- }
335
-
336
- .grid .g-col-lg-9 {
337
- grid-column: auto/span 9
338
- }
339
-
340
- .grid .g-col-lg-10 {
341
- grid-column: auto/span 10
342
- }
343
-
344
- .grid .g-col-lg-11 {
345
- grid-column: auto/span 11
346
- }
347
-
348
- .grid .g-col-lg-12 {
349
- grid-column: auto/span 12
350
- }
351
-
352
- .grid .g-start-lg-1 {
353
- grid-column-start: 1
354
- }
355
-
356
- .grid .g-start-lg-2 {
357
- grid-column-start: 2
358
- }
359
-
360
- .grid .g-start-lg-3 {
361
- grid-column-start: 3
362
- }
363
-
364
- .grid .g-start-lg-4 {
365
- grid-column-start: 4
366
- }
367
-
368
- .grid .g-start-lg-5 {
369
- grid-column-start: 5
370
- }
371
-
372
- .grid .g-start-lg-6 {
373
- grid-column-start: 6
374
- }
375
-
376
- .grid .g-start-lg-7 {
377
- grid-column-start: 7
378
- }
379
-
380
- .grid .g-start-lg-8 {
381
- grid-column-start: 8
382
- }
383
-
384
- .grid .g-start-lg-9 {
385
- grid-column-start: 9
386
- }
387
-
388
- .grid .g-start-lg-10 {
389
- grid-column-start: 10
390
- }
391
-
392
- .grid .g-start-lg-11 {
393
- grid-column-start: 11
394
- }
395
- }
396
-
397
- @media (min-width: 1200px) {
398
- .grid .g-col-xl-1 {
399
- grid-column:auto/span 1
400
- }
401
-
402
- .grid .g-col-xl-2 {
403
- grid-column: auto/span 2
404
- }
405
-
406
- .grid .g-col-xl-3 {
407
- grid-column: auto/span 3
408
- }
409
-
410
- .grid .g-col-xl-4 {
411
- grid-column: auto/span 4
412
- }
413
-
414
- .grid .g-col-xl-5 {
415
- grid-column: auto/span 5
416
- }
417
-
418
- .grid .g-col-xl-6 {
419
- grid-column: auto/span 6
420
- }
421
-
422
- .grid .g-col-xl-7 {
423
- grid-column: auto/span 7
424
- }
425
-
426
- .grid .g-col-xl-8 {
427
- grid-column: auto/span 8
428
- }
429
-
430
- .grid .g-col-xl-9 {
431
- grid-column: auto/span 9
432
- }
433
-
434
- .grid .g-col-xl-10 {
435
- grid-column: auto/span 10
436
- }
437
-
438
- .grid .g-col-xl-11 {
439
- grid-column: auto/span 11
440
- }
441
-
442
- .grid .g-col-xl-12 {
443
- grid-column: auto/span 12
444
- }
445
-
446
- .grid .g-start-xl-1 {
447
- grid-column-start: 1
448
- }
449
-
450
- .grid .g-start-xl-2 {
451
- grid-column-start: 2
452
- }
453
-
454
- .grid .g-start-xl-3 {
455
- grid-column-start: 3
456
- }
457
-
458
- .grid .g-start-xl-4 {
459
- grid-column-start: 4
460
- }
461
-
462
- .grid .g-start-xl-5 {
463
- grid-column-start: 5
464
- }
465
-
466
- .grid .g-start-xl-6 {
467
- grid-column-start: 6
468
- }
469
-
470
- .grid .g-start-xl-7 {
471
- grid-column-start: 7
472
- }
473
-
474
- .grid .g-start-xl-8 {
475
- grid-column-start: 8
476
- }
477
-
478
- .grid .g-start-xl-9 {
479
- grid-column-start: 9
480
- }
481
-
482
- .grid .g-start-xl-10 {
483
- grid-column-start: 10
484
- }
485
-
486
- .grid .g-start-xl-11 {
487
- grid-column-start: 11
488
- }
489
- }
490
-
491
- @media (min-width: 1400px) {
492
- .grid .g-col-xxl-1 {
493
- grid-column:auto/span 1
494
- }
495
-
496
- .grid .g-col-xxl-2 {
497
- grid-column: auto/span 2
498
- }
499
-
500
- .grid .g-col-xxl-3 {
501
- grid-column: auto/span 3
502
- }
503
-
504
- .grid .g-col-xxl-4 {
505
- grid-column: auto/span 4
506
- }
507
-
508
- .grid .g-col-xxl-5 {
509
- grid-column: auto/span 5
510
- }
511
-
512
- .grid .g-col-xxl-6 {
513
- grid-column: auto/span 6
514
- }
515
-
516
- .grid .g-col-xxl-7 {
517
- grid-column: auto/span 7
518
- }
519
-
520
- .grid .g-col-xxl-8 {
521
- grid-column: auto/span 8
522
- }
523
-
524
- .grid .g-col-xxl-9 {
525
- grid-column: auto/span 9
526
- }
527
-
528
- .grid .g-col-xxl-10 {
529
- grid-column: auto/span 10
530
- }
531
-
532
- .grid .g-col-xxl-11 {
533
- grid-column: auto/span 11
534
- }
535
-
536
- .grid .g-col-xxl-12 {
537
- grid-column: auto/span 12
538
- }
539
-
540
- .grid .g-start-xxl-1 {
541
- grid-column-start: 1
542
- }
543
-
544
- .grid .g-start-xxl-2 {
545
- grid-column-start: 2
546
- }
547
-
548
- .grid .g-start-xxl-3 {
549
- grid-column-start: 3
550
- }
551
-
552
- .grid .g-start-xxl-4 {
553
- grid-column-start: 4
554
- }
555
-
556
- .grid .g-start-xxl-5 {
557
- grid-column-start: 5
558
- }
559
-
560
- .grid .g-start-xxl-6 {
561
- grid-column-start: 6
562
- }
563
-
564
- .grid .g-start-xxl-7 {
565
- grid-column-start: 7
566
- }
567
-
568
- .grid .g-start-xxl-8 {
569
- grid-column-start: 8
570
- }
571
-
572
- .grid .g-start-xxl-9 {
573
- grid-column-start: 9
574
- }
575
-
576
- .grid .g-start-xxl-10 {
577
- grid-column-start: 10
578
- }
579
-
580
- .grid .g-start-xxl-11 {
581
- grid-column-start: 11
582
- }
583
- }
584
-
585
- // :root,[data-bs-theme="light"] {
586
- // --bd-purple: #4c0bce;
587
- // --bd-violet: #712cf9;
588
- // --bd-accent: #ffe484;
589
- // --bd-violet-rgb: 112.520718,44.062154,249.437846;
590
- // --bd-accent-rgb: 255,228,132;
591
- // --bd-pink-rgb: 214,51,132;
592
- // --bd-teal-rgb: 32,201,151;
593
- // --bd-violet-bg: var(--bd-violet);
594
- // --bd-toc-color: var(--bd-violet);
595
- // --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
596
- // --bd-callout-link: 10,88,202;
597
- // --bd-callout-code-color: #ab296a;
598
- // --bd-pre-bg: var(--bs-tertiary-bg)
599
- // }
600
-
601
- // [data-bs-theme="dark"] {
602
- // --bd-violet: #9461fb;
603
- // --bd-violet-bg: #712cf9;
604
- // --bd-toc-color: var(--bs-emphasis-color);
605
- // --bd-sidebar-link-bg: rgba(84,33,187, .5);
606
- // --bd-callout-link: 110,168,254;
607
- // --bd-callout-code-color: #e685b5;
608
- // --bd-pre-bg: #1b1f22
609
- // }
610
-
611
- .bd-navbar {
612
- padding: .75rem 0;
613
- background-color: transparent;
614
- box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15)
615
- }
616
-
617
- .bd-navbar::after {
618
- position: absolute;
619
- inset: 0;
620
- z-index: -1;
621
- display: block;
622
- content: null;
623
- background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), 0.95))
624
- }
625
-
626
- @media (max-width: 991.98px) {
627
- .bd-navbar .bd-navbar-toggle {
628
- width:4.25rem
629
- }
630
- }
631
-
632
- .bd-navbar .navbar-toggler {
633
- padding: 0;
634
- margin-right: -.5rem;
635
- border: 0
636
- }
637
-
638
- .bd-navbar .navbar-toggler:first-child {
639
- margin-left: -.5rem
640
- }
641
-
642
- .bd-navbar .navbar-toggler .bi {
643
- width: 1.5rem;
644
- height: 1.5rem
645
- }
646
-
647
- .bd-navbar .navbar-toggler:focus {
648
- box-shadow: none
649
- }
650
-
651
- .bd-navbar .navbar-brand {
652
- color: #fff;
653
- transition: transform 0.2s ease-in-out
654
- }
655
-
656
- @media (prefers-reduced-motion: reduce) {
657
- .bd-navbar .navbar-brand {
658
- transition: none
659
- }
660
- }
661
-
662
- .bd-navbar .navbar-brand:hover {
663
- transform: rotate(-5deg) scale(1.1)
664
- }
665
-
666
- .bd-navbar .navbar-toggler,.bd-navbar .nav-link {
667
- padding-right: .25rem;
668
- padding-left: .25rem;
669
- color: rgba(255,255,255,0.85)
670
- }
671
-
672
- .bd-navbar .navbar-toggler:hover,.bd-navbar .navbar-toggler:focus,.bd-navbar .nav-link:hover,.bd-navbar .nav-link:focus {
673
- color: #fff
674
- }
675
-
676
- .bd-navbar .navbar-toggler.active,.bd-navbar .nav-link.active {
677
- font-weight: 600;
678
- color: #fff
679
- }
680
-
681
- .bd-navbar .navbar-nav-svg {
682
- display: inline-block;
683
- vertical-align: -.125rem
684
- }
685
-
686
- .bd-navbar .offcanvas-lg {
687
- background-color: var(--bd-violet-bg);
688
- border-left: 0
689
- }
690
-
691
- @media (max-width: 991.98px) {
692
- .bd-navbar .offcanvas-lg {
693
- box-shadow:var(--bs-box-shadow-lg)
694
- }
695
- }
696
-
697
- .bd-navbar .dropdown-toggle:focus:not(:focus-visible) {
698
- outline: 0
699
- }
700
-
701
- .bd-navbar .dropdown-menu {
702
- --bs-dropdown-min-width: 12rem;
703
- --bs-dropdown-padding-x: .25rem;
704
- --bs-dropdown-padding-y: .25rem;
705
- --bs-dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1);
706
- --bs-dropdown-link-active-bg: rgba(var(--bd-violet-rgb), 1);
707
- --bs-dropdown-font-size: .875rem;
708
- font-size: .875rem;
709
- border-radius: .5rem;
710
- box-shadow: var(--bs-box-shadow)
711
- }
712
-
713
- .bd-navbar .dropdown-menu li+li {
714
- margin-top: .125rem
715
- }
716
-
717
- .bd-navbar .dropdown-menu .dropdown-item {
718
- border-radius: .25rem
719
- }
720
-
721
- .bd-navbar .dropdown-menu .dropdown-item:active .bi {
722
- color: inherit !important
723
- }
724
-
725
- .bd-navbar .dropdown-menu .active {
726
- font-weight: 600
727
- }
728
-
729
- .bd-navbar .dropdown-menu .active .bi {
730
- display: block !important
731
- }
732
-
733
- .bd-navbar .dropdown-menu-end {
734
- --bs-dropdown-min-width: 8rem
735
- }
736
-
737
- [data-bs-theme="dark"] .bd-navbar {
738
- box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15)
739
- }
740
-
741
- :root {
742
- --docsearch-primary-color: var(--bd-violet);
743
- --docsearch-logo-color: var(--bd-violet)
744
- }
745
-
746
- [data-bs-theme="dark"] {
747
- --docsearch-text-color: #f5f6f7;
748
- --docsearch-container-background: rgba(9, 10, 17, .8);
749
- --docsearch-modal-background: #15172a;
750
- --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
751
- --docsearch-searchbox-background: #090a11;
752
- --docsearch-searchbox-focus-background: #000;
753
- --docsearch-hit-color: #bec3c9;
754
- --docsearch-hit-shadow: none;
755
- --docsearch-hit-background: #090a11;
756
- --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
757
- --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);
758
- --docsearch-footer-background: #1e2136;
759
- --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2);
760
- --docsearch-muted-color: #7f8497
761
- }
762
-
763
- .bd-search {
764
- position: relative
765
- }
766
-
767
- @media (min-width: 992px) {
768
- .bd-search {
769
- position:absolute;
770
- top: .875rem;
771
- left: 50%;
772
- width: 200px;
773
- margin-left: -100px
774
- }
775
- }
776
-
777
- @media (min-width: 1200px) {
778
- .bd-search {
779
- width:280px;
780
- margin-left: -140px
781
- }
782
- }
783
-
784
- .DocSearch-Container {
785
- --docsearch-muted-color: var(--bs-secondary-color);
786
- --docsearch-hit-shadow: none;
787
- z-index: 2000;
788
- cursor: auto
789
- }
790
-
791
- @media (min-width: 992px) {
792
- .DocSearch-Container {
793
- padding-top:4rem
794
- }
795
- }
796
-
797
- .DocSearch-Button {
798
- --docsearch-searchbox-background: rgba(0,0,0,0.1);
799
- --docsearch-searchbox-color: #fff;
800
- --docsearch-searchbox-focus-background: rgba(0,0,0,0.25);
801
- --docsearch-searchbox-shadow: 0 0 0 0.25rem rgba(255,228,132,0.4);
802
- --docsearch-text-color: #fff;
803
- --docsearch-muted-color: rgba(255,255,255,0.65);
804
- width: 100%;
805
- height: 38px;
806
- margin: 0;
807
- border: 1px solid rgba(255,255,255,0.4);
808
- border-radius: .375rem
809
- }
810
-
811
- .DocSearch-Button .DocSearch-Search-Icon {
812
- opacity: .65
813
- }
814
-
815
- .DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover {
816
- border-color: #ffe484
817
- }
818
-
819
- .DocSearch-Button:active .DocSearch-Search-Icon,.DocSearch-Button:focus .DocSearch-Search-Icon,.DocSearch-Button:hover .DocSearch-Search-Icon {
820
- opacity: 1
821
- }
822
-
823
- @media (max-width: 991.98px) {
824
- .DocSearch-Button,.DocSearch-Button:hover,.DocSearch-Button:focus {
825
- background:transparent;
826
- border: 0;
827
- box-shadow: none
828
- }
829
-
830
- .DocSearch-Button:focus {
831
- box-shadow: var(--docsearch-searchbox-shadow)
832
- }
833
- }
834
-
835
- @media (max-width: 991.98px) {
836
- .DocSearch-Button-Keys,.DocSearch-Button-Placeholder {
837
- display:none
838
- }
839
- }
840
-
841
- .DocSearch-Button-Keys {
842
- min-width: 0;
843
- padding: .125rem .25rem;
844
- background: rgba(0,0,0,0.25);
845
- border-radius: .25rem
846
- }
847
-
848
- .DocSearch-Button-Key {
849
- top: 0;
850
- width: auto;
851
- height: 1.25rem;
852
- padding-right: .125rem;
853
- padding-left: .125rem;
854
- margin-right: 0;
855
- font-size: .875rem;
856
- background: none;
857
- box-shadow: none
858
- }
859
-
860
- .DocSearch-Commands-Key {
861
- padding-left: 1px;
862
- font-size: .875rem;
863
- background-color: rgba(0,0,0,0.1);
864
- background-image: none;
865
- box-shadow: none
866
- }
867
-
868
- .DocSearch-Form {
869
- border-radius: var(--bs-border-radius)
870
- }
871
-
872
- .DocSearch-Hits mark {
873
- padding: 0
874
- }
875
-
876
- .DocSearch-Hit {
877
- padding-bottom: 0;
878
- border-radius: 0
879
- }
880
-
881
- .DocSearch-Hit a {
882
- border-radius: 0;
883
- border: solid var(--bs-border-color);
884
- border-width: 0 1px 1px
885
- }
886
-
887
- .DocSearch-Hit:first-child a {
888
- border-top-left-radius: var(--bs-border-radius);
889
- border-top-right-radius: var(--bs-border-radius);
890
- border-top-width: 1px
891
- }
892
-
893
- .DocSearch-Hit:last-child a {
894
- border-bottom-right-radius: var(--bs-border-radius);
895
- border-bottom-left-radius: var(--bs-border-radius)
896
- }
897
-
898
- .DocSearch-Hit-icon {
899
- display: flex;
900
- align-items: center
901
- }
902
-
903
- .DocSearch-Logo svg .cls-1,.DocSearch-Logo svg .cls-2 {
904
- fill: var(--docsearch-logo-color)
905
- }
906
-
907
- .bd-masthead {
908
- --bd-pink-rgb: 214,51,132;
909
- padding: 3rem 0;
910
- background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%)
911
- }
912
-
913
- .bd-masthead h1 {
914
- --bs-heading-color: var(--bs-emphasis-color);
915
- font-size: calc(1.525rem + 3.3vw)
916
- }
917
-
918
- @media (min-width: 1200px) {
919
- .bd-masthead h1 {
920
- font-size:4rem
921
- }
922
- }
923
-
924
- .bd-masthead .lead {
925
- font-size: 1rem;
926
- font-weight: 400;
927
- color: var(--bs-secondary-color)
928
- }
929
-
930
- .bd-masthead .bd-code-snippet {
931
- margin: 0;
932
- border-color: var(--bs-border-color-translucent);
933
- border-width: 1px;
934
- border-radius: .5rem
935
- }
936
-
937
- .bd-masthead .highlight {
938
- width: 100%;
939
- padding: .5rem 1rem;
940
- overflow: hidden;
941
- text-overflow: ellipsis;
942
- white-space: nowrap;
943
- background-color: rgba(var(--bs-body-color-rgb), 0.075);
944
- border-radius: calc(.5rem - 1px)
945
- }
946
-
947
- @media (min-width: 992px) {
948
- .bd-masthead .highlight {
949
- padding-right:4rem
950
- }
951
- }
952
-
953
- .bd-masthead .highlight pre {
954
- padding: 0;
955
- margin: .625rem 0;
956
- overflow: hidden
957
- }
958
-
959
- .bd-masthead .btn-clipboard {
960
- position: absolute;
961
- top: -.625rem;
962
- right: 0;
963
- background-color: transparent
964
- }
965
-
966
- .bd-masthead #carbonads {
967
- margin-inline:auto}
968
-
969
- @media (min-width: 768px) {
970
- .bd-masthead .lead {
971
- font-size:calc(1.275rem + .3vw)
972
- }
973
- }
974
-
975
- @media (min-width: 768px) and (min-width: 1200px) {
976
- .bd-masthead .lead {
977
- font-size:1.5rem
978
- }
979
- }
980
-
981
- .masthead-followup h2,.masthead-followup h3,.masthead-followup h4 {
982
- --bs-heading-color: var(--bs-emphasis-color)
983
- }
984
-
985
- .masthead-followup .lead {
986
- font-size: 1rem
987
- }
988
-
989
- @media (min-width: 768px) {
990
- .masthead-followup .lead {
991
- font-size:1.25rem
992
- }
993
- }
994
-
995
- .masthead-followup-icon {
996
- padding: 1rem;
997
- color: rgba(var(--bg-rgb), 1);
998
- background-color: rgba(var(--bg-rgb), 0.1);
999
- background-blend-mode: multiple;
1000
- border-radius: 1rem;
1001
- mix-blend-mode: darken
1002
- }
1003
-
1004
- .masthead-followup-icon svg {
1005
- filter: drop-shadow(0 1px 1px var(--bs-body-bg))
1006
- }
1007
-
1008
- .masthead-notice {
1009
- background-color: var(--bd-accent);
1010
- box-shadow: inset 0 -1px 1px rgba(var(--bs-body-color-rgb), 0.15),0 0.25rem 1.5rem rgba(var(--bs-body-bg-rgb), 0.75)
1011
- }
1012
-
1013
- .animate-img>img {
1014
- transition: transform 0.2s ease-in-out
1015
- }
1016
-
1017
- @media (prefers-reduced-motion: reduce) {
1018
- .animate-img>img {
1019
- transition: none
1020
- }
1021
- }
1022
-
1023
- .animate-img:hover>img {
1024
- transform: scale(1.1)
1025
- }
1026
-
1027
- [data-bs-theme="dark"] .masthead-followup-icon {
1028
- mix-blend-mode: lighten
1029
- }
1030
-
1031
- #carbonads {
1032
- position: static;
1033
- display: block;
1034
- max-width: 400px;
1035
- padding: 15px 15px 15px 160px;
1036
- margin: 2rem 0;
1037
- overflow: hidden;
1038
- font-size: .8125rem;
1039
- line-height: 1.4;
1040
- text-align: left;
1041
- background-color: var(--bs-tertiary-bg)
1042
- }
1043
-
1044
- #carbonads a {
1045
- color: var(--bs-body-color);
1046
- text-decoration: none
1047
- }
1048
-
1049
- @media (min-width: 576px) {
1050
- #carbonads {
1051
- border-radius:.5rem
1052
- }
1053
- }
1054
-
1055
- .carbon-img {
1056
- float: left;
1057
- margin-left: -145px
1058
- }
1059
-
1060
- .carbon-poweredby {
1061
- display: block;
1062
- margin-top: .75rem;
1063
- color: var(--bs-body-color) !important
1064
- }
1065
-
1066
- .bd-content>h2,.bd-content>h3,.bd-content>h4 {
1067
- --bs-heading-color: var(--bs-emphasis-color)
1068
- }
1069
-
1070
- .bd-content>h2:not(:first-child) {
1071
- margin-top: 3rem
1072
- }
1073
-
1074
- .bd-content>h3 {
1075
- margin-top: 2rem
1076
- }
1077
-
1078
- .bd-content>ul li,.bd-content>ol li {
1079
- margin-bottom: .25rem
1080
- }
1081
-
1082
- .bd-content>ul li>p~ul,.bd-content>ol li>p~ul {
1083
- margin-top: -.5rem;
1084
- margin-bottom: 1rem
1085
- }
1086
-
1087
- .bd-content>.table,.bd-content>.table-responsive .table {
1088
- --bs-table-border-color: var(--bs-border-color);
1089
- max-width: 100%;
1090
- margin-bottom: 1.5rem;
1091
- font-size: .875rem
1092
- }
1093
-
1094
- @media (max-width: 991.98px) {
1095
- .bd-content>.table.table-bordered,.bd-content>.table-responsive .table.table-bordered {
1096
- border:0
1097
- }
1098
- }
1099
-
1100
- .bd-content>.table thead,.bd-content>.table-responsive .table thead {
1101
- border-bottom: 2px solid currentcolor
1102
- }
1103
-
1104
- .bd-content>.table tbody:not(:first-child),.bd-content>.table-responsive .table tbody:not(:first-child) {
1105
- border-top: 2px solid currentcolor
1106
- }
1107
-
1108
- .bd-content>.table th:first-child,.bd-content>.table td:first-child,.bd-content>.table-responsive .table th:first-child,.bd-content>.table-responsive .table td:first-child {
1109
- padding-left: 0
1110
- }
1111
-
1112
- .bd-content>.table th:not(:last-child),.bd-content>.table td:not(:last-child),.bd-content>.table-responsive .table th:not(:last-child),.bd-content>.table-responsive .table td:not(:last-child) {
1113
- padding-right: 1.5rem
1114
- }
1115
-
1116
- .bd-content>.table th,.bd-content>.table-responsive .table th {
1117
- color: var(--bs-emphasis-color)
1118
- }
1119
-
1120
- .bd-content>.table strong,.bd-content>.table-responsive .table strong {
1121
- color: var(--bs-emphasis-color)
1122
- }
1123
-
1124
- .bd-content>.table th,.bd-content>.table td:first-child>code,.bd-content>.table-responsive .table th,.bd-content>.table-responsive .table td:first-child>code {
1125
- white-space: nowrap
1126
- }
1127
-
1128
- .table-options td:nth-child(2) {
1129
- min-width: 160px
1130
- }
1131
-
1132
- .table-options td:last-child,.table-utilities td:last-child {
1133
- min-width: 280px
1134
- }
1135
-
1136
- .table-swatches th {
1137
- color: var(--bs-emphasis-color)
1138
- }
1139
-
1140
- .table-swatches td code {
1141
- white-space: nowrap
1142
- }
1143
-
1144
- .bd-title {
1145
- --bs-heading-color: var(--bs-emphasis-color);
1146
- font-size: calc(1.425rem + 2.1vw)
1147
- }
1148
-
1149
- @media (min-width: 1200px) {
1150
- .bd-title {
1151
- font-size:3rem
1152
- }
1153
- }
1154
-
1155
- .bd-lead {
1156
- font-size: calc(1.275rem + .3vw);
1157
- font-weight: 300
1158
- }
1159
-
1160
- @media (min-width: 1200px) {
1161
- .bd-lead {
1162
- font-size:1.5rem
1163
- }
1164
- }
1165
-
1166
- .bi {
1167
- width: 1em;
1168
- height: 1em;
1169
- vertical-align: -.125em;
1170
- fill: currentcolor
1171
- }
1172
-
1173
- .icon-link {
1174
- display: flex;
1175
- align-items: center;
1176
- -webkit-text-decoration-color: rgba(13,110,253,0.5);
1177
- text-decoration-color: rgba(13,110,253,0.5);
1178
- text-underline-offset: .5rem;
1179
- -webkit-backface-visibility: hidden;
1180
- backface-visibility: hidden
1181
- }
1182
-
1183
- .icon-link .bi {
1184
- width: 1.5em;
1185
- height: 1.5em;
1186
- transition: .2s ease-in-out transform
1187
- }
1188
-
1189
- .icon-link:hover .bi {
1190
- transform: translate3d(5px, 0, 0)
1191
- }
1192
-
1193
- @media (min-width: 992px) {
1194
- .border-lg-start {
1195
- border-left:var(--bs-border-width) solid var(--bs-border-color)
1196
- }
1197
- }
1198
-
1199
- .bd-summary-link {
1200
- color: var(--bs-link-color)
1201
- }
1202
-
1203
- .bd-summary-link:hover,details[open]>.bd-summary-link {
1204
- color: var(--bs-link-hover-color)
1205
- }
1206
-
1207
- [data-bs-theme="blue"] {
1208
- --bs-body-color: var(--bs-white);
1209
- --bs-body-color-rgb: 255,255,255;
1210
- --bs-body-bg: var(--bs-blue);
1211
- --bs-body-bg-rgb: 13,110,253;
1212
- --bs-tertiary-bg: #0a58ca
1213
- }
1214
-
1215
- [data-bs-theme="blue"] .dropdown-menu {
1216
- --bs-dropdown-bg: #0c63e4;
1217
- --bs-dropdown-link-active-bg: #084298
1218
- }
1219
-
1220
- [data-bs-theme="blue"] .btn-secondary {
1221
- --bs-btn-bg: #3d8bfc;
1222
- --bs-btn-border-color: rgba(255,255,255,0.25);
1223
- --bs-btn-hover-bg: #247cfc;
1224
- --bs-btn-hover-border-color: rgba(255,255,255,0.25);
1225
- --bs-btn-active-bg: #0b6dfb;
1226
- --bs-btn-active-border-color: rgba(255,255,255,0.5);
1227
- --bs-btn-focus-border-color: rgba(255,255,255,0.5);
1228
- --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .2)
1229
- }
1230
-
1231
- .skippy {
1232
- background-color: #4c0bce
1233
- }
1234
-
1235
- .skippy a {
1236
- color: #fff
1237
- }
1238
-
1239
- @media (min-width: 992px) {
1240
- .bd-sidebar {
1241
- position:-webkit-sticky;
1242
- position: sticky;
1243
- top: 5rem;
1244
- display: block !important;
1245
- height: calc(100vh - 6rem);
1246
- padding-left: .25rem;
1247
- margin-left: -.25rem;
1248
- overflow-y: auto
1249
- }
1250
- }
1251
-
1252
- @media (max-width: 991.98px) {
1253
- .bd-sidebar .offcanvas-lg {
1254
- border-right-color:var(--bs-border-color);
1255
- box-shadow: var(--bs-box-shadow-lg)
1256
- }
1257
- }
1258
-
1259
- .bd-links-heading {
1260
- color: var(--bs-emphasis-color)
1261
- }
1262
-
1263
- @media (max-width: 991.98px) {
1264
- .bd-links-nav {
1265
- font-size:.875rem
1266
- }
1267
- }
1268
-
1269
- @media (max-width: 991.98px) {
1270
- .bd-links-nav {
1271
- -moz-column-count:2;
1272
- column-count: 2;
1273
- -moz-column-gap: 1.5rem;
1274
- column-gap: 1.5rem
1275
- }
1276
-
1277
- .bd-links-nav .bd-links-group {
1278
- -moz-column-break-inside: avoid;
1279
- break-inside: avoid
1280
- }
1281
-
1282
- .bd-links-nav .bd-links-span-all {
1283
- -moz-column-span: all;
1284
- column-span: all
1285
- }
1286
- }
1287
-
1288
- .bd-links-link {
1289
- padding: .1875rem .5rem;
1290
- margin-top: .125rem;
1291
- margin-left: 1.125rem;
1292
- color: var(--bs-body-color);
1293
- text-decoration: none
1294
- }
1295
-
1296
- .bd-links-link:hover,.bd-links-link:focus,.bd-links-link.active {
1297
- color: var(--bs-emphasis-color);
1298
- background-color: var(--bd-sidebar-link-bg)
1299
- }
1300
-
1301
- .bd-links-link.active {
1302
- font-weight: 600
1303
- }
1304
-
1305
- .bd-gutter {
1306
- --bs-gutter-x: 3rem
1307
- }
1308
-
1309
- @media (min-width: 992px) {
1310
- .bd-layout {
1311
- display:grid;
1312
- grid-template-areas: "sidebar main";
1313
- grid-template-columns: 1fr 5fr;
1314
- gap: 1.5rem
1315
- }
1316
- }
1317
-
1318
- .bd-sidebar {
1319
- grid-area: sidebar
1320
- }
1321
-
1322
- .bd-main {
1323
- grid-area: main
1324
- }
1325
-
1326
- @media (max-width: 991.98px) {
1327
- .bd-main {
1328
- max-width:760px;
1329
- margin-inline:auto}
1330
- }
1331
-
1332
- @media (min-width: 768px) {
1333
- .bd-main {
1334
- display:grid;
1335
- grid-template-areas: "intro" "toc" "content";
1336
- grid-template-rows: auto auto 1fr;
1337
- gap: inherit
1338
- }
1339
- }
1340
-
1341
- @media (min-width: 992px) {
1342
- .bd-main {
1343
- grid-template-areas:"intro toc" "content toc";
1344
- grid-template-rows: auto 1fr;
1345
- grid-template-columns: 4fr 1fr
1346
- }
1347
- }
1348
-
1349
- .bd-intro {
1350
- grid-area: intro
1351
- }
1352
-
1353
- .bd-toc {
1354
- grid-area: toc
1355
- }
1356
-
1357
- .bd-content {
1358
- grid-area: content;
1359
- min-width: 1px
1360
- }
1361
-
1362
- @media (min-width: 992px) {
1363
- .bd-toc {
1364
- position:-webkit-sticky;
1365
- position: sticky;
1366
- top: 5rem;
1367
- right: 0;
1368
- z-index: 2;
1369
- height: calc(100vh - 7rem);
1370
- overflow-y: auto
1371
- }
1372
- }
1373
-
1374
- .bd-toc nav {
1375
- font-size: .875rem
1376
- }
1377
-
1378
- .bd-toc nav ul {
1379
- padding-left: 0;
1380
- margin-bottom: 0;
1381
- list-style: none
1382
- }
1383
-
1384
- .bd-toc nav ul ul {
1385
- padding-left: 1rem
1386
- }
1387
-
1388
- .bd-toc nav a {
1389
- display: block;
1390
- padding: .125rem 0 .125rem .75rem;
1391
- color: inherit;
1392
- text-decoration: none;
1393
- border-left: .125rem solid transparent
1394
- }
1395
-
1396
- .bd-toc nav a:hover,.bd-toc nav a.active {
1397
- color: var(--bd-toc-color);
1398
- border-left-color: var(--bd-toc-color)
1399
- }
1400
-
1401
- .bd-toc nav a.active {
1402
- font-weight: 500
1403
- }
1404
-
1405
- .bd-toc nav a code {
1406
- font: inherit
1407
- }
1408
-
1409
- .bd-toc-toggle {
1410
- display: flex;
1411
- align-items: center
1412
- }
1413
-
1414
- @media (max-width: 575.98px) {
1415
- .bd-toc-toggle {
1416
- justify-content:space-between;
1417
- width: 100%
1418
- }
1419
- }
1420
-
1421
- @media (max-width: 767.98px) {
1422
- .bd-toc-toggle {
1423
- color:var(--bs-body-color);
1424
- border: 1px solid var(--bs-border-color);
1425
- border-radius: var(--bs-border-radius)
1426
- }
1427
-
1428
- .bd-toc-toggle:hover,.bd-toc-toggle:focus,.bd-toc-toggle:active,.bd-toc-toggle[aria-expanded="true"] {
1429
- color: var(--bd-violet);
1430
- background-color: var(--bs-body-bg);
1431
- border-color: var(--bd-violet)
1432
- }
1433
-
1434
- .bd-toc-toggle:focus,.bd-toc-toggle[aria-expanded="true"] {
1435
- box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), 0.25)
1436
- }
1437
- }
1438
-
1439
- @media (max-width: 767.98px) {
1440
- .bd-toc-collapse nav {
1441
- padding:1.25rem 1.25rem 1.25rem 1rem;
1442
- background-color: var(--bs-tertiary-bg);
1443
- border: 1px solid var(--bs-border-color);
1444
- border-radius: var(--bs-border-radius)
1445
- }
1446
- }
1447
-
1448
- @media (min-width: 768px) {
1449
- .bd-toc-collapse {
1450
- display:block !important
1451
- }
1452
- }
1453
-
1454
- .bd-footer a {
1455
- color: var(--bs-body-color);
1456
- text-decoration: none
1457
- }
1458
-
1459
- .bd-footer a:hover,.bd-footer a:focus {
1460
- color: var(--bs-link-hover-color);
1461
- text-decoration: underline
1462
- }
1463
-
1464
- .bd-code-snippet {
1465
- margin: 0 -1.5rem 1rem;
1466
- border: solid var(--bs-border-color);
1467
- border-width: 1px 0
1468
- }
1469
-
1470
- @media (min-width: 768px) {
1471
- .bd-code-snippet {
1472
- margin-right:0;
1473
- margin-left: 0;
1474
- border-width: 1px;
1475
- border-radius: var(--bs-border-radius)
1476
- }
1477
- }
1478
-
1479
- .bd-example {
1480
- --bd-example-padding: 1rem;
1481
- position: relative;
1482
- padding: var(--bd-example-padding);
1483
- margin: 0 -1.5rem 1rem;
1484
- border: solid var(--bs-border-color);
1485
- border-width: 1px 0
1486
- }
1487
-
1488
- .bd-example::after {
1489
- display: block;
1490
- clear: both;
1491
- content: null
1492
- }
1493
-
1494
- @media (min-width: 768px) {
1495
- .bd-example {
1496
- --bd-example-padding: 1.5rem;
1497
- margin-right: 0;
1498
- margin-left: 0;
1499
- border-width: 1px;
1500
- border-radius: var(--bs-border-radius)
1501
- }
1502
- }
1503
-
1504
- .bd-example+p {
1505
- margin-top: 2rem
1506
- }
1507
-
1508
- .bd-example>.form-control+.form-control {
1509
- margin-top: .5rem
1510
- }
1511
-
1512
- .bd-example>.nav+.nav,.bd-example>.alert+.alert,.bd-example>.navbar+.navbar,.bd-example>.progress+.progress {
1513
- margin-top: 1rem
1514
- }
1515
-
1516
- .bd-example>.dropdown-menu {
1517
- position: static;
1518
- display: block
1519
- }
1520
-
1521
- .bd-example>:last-child,.bd-example>nav:last-child .breadcrumb {
1522
- margin-bottom: 0
1523
- }
1524
-
1525
- .bd-example>hr:last-child {
1526
- margin-bottom: 1rem
1527
- }
1528
-
1529
- .bd-example>svg+svg,.bd-example>img+img {
1530
- margin-left: .5rem
1531
- }
1532
-
1533
- .bd-example>.btn,.bd-example>.btn-group {
1534
- margin: .25rem .125rem
1535
- }
1536
-
1537
- .bd-example>.btn-toolbar+.btn-toolbar {
1538
- margin-top: .5rem
1539
- }
1540
-
1541
- .bd-example>.list-group {
1542
- max-width: 400px
1543
- }
1544
-
1545
- .bd-example>[class*="list-group-horizontal"] {
1546
- max-width: 100%
1547
- }
1548
-
1549
- .bd-example .fixed-top,.bd-example .sticky-top {
1550
- position: static;
1551
- margin: calc(var(--bd-example-padding) * -1) calc(var(--bd-example-padding) * -1) var(--bd-example-padding)
1552
- }
1553
-
1554
- .bd-example .fixed-bottom,.bd-example .sticky-bottom {
1555
- position: static;
1556
- margin: var(--bd-example-padding) calc(var(--bd-example-padding) * -1) calc(var(--bd-example-padding) * -1)
1557
- }
1558
-
1559
- .bd-example .pagination {
1560
- margin-bottom: 0
1561
- }
1562
-
1563
- .bd-example-row [class^="col"],.bd-example-cols [class^="col"]>*,.bd-example-cssgrid [class*="grid"]>* {
1564
- padding-top: .75rem;
1565
- padding-bottom: .75rem;
1566
- background-color: rgba(var(--bd-violet-rgb), 0.15);
1567
- border: 1px solid rgba(var(--bd-violet-rgb), 0.3)
1568
- }
1569
-
1570
- .bd-example-row .row+.row,.bd-example-cssgrid .grid+.grid {
1571
- margin-top: 1rem
1572
- }
1573
-
1574
- .bd-example-row-flex-cols .row {
1575
- min-height: 10rem;
1576
- background-color: rgba(var(--bd-violet-rgb), 0.15)
1577
- }
1578
-
1579
- .bd-example-flex div:not(.vr) {
1580
- background-color: rgba(var(--bd-violet-rgb), 0.15);
1581
- border: 1px solid rgba(var(--bd-violet-rgb), 0.3)
1582
- }
1583
-
1584
- .example-container {
1585
- width: 800px;
1586
- --bs-gutter-x: 1.5rem;
1587
- --bs-gutter-y: 0;
1588
- width: 100%;
1589
- padding-right: calc(var(--bs-gutter-x) * .5);
1590
- padding-left: calc(var(--bs-gutter-x) * .5);
1591
- margin-right: auto;
1592
- margin-left: auto
1593
- }
1594
-
1595
- .example-row {
1596
- --bs-gutter-x: 1.5rem;
1597
- --bs-gutter-y: 0;
1598
- display: flex;
1599
- flex-wrap: wrap;
1600
- margin-top: calc(-1 * var(--bs-gutter-y));
1601
- margin-right: calc(-.5 * var(--bs-gutter-x));
1602
- margin-left: calc(-.5 * var(--bs-gutter-x))
1603
- }
1604
-
1605
- .example-content-main {
1606
- flex-shrink: 0;
1607
- width: 100%;
1608
- max-width: 100%;
1609
- padding-right: calc(var(--bs-gutter-x) * .5);
1610
- padding-left: calc(var(--bs-gutter-x) * .5);
1611
- margin-top: var(--bs-gutter-y)
1612
- }
1613
-
1614
- @media (min-width: 576px) {
1615
- .example-content-main {
1616
- flex:0 0 auto;
1617
- width: 50%
1618
- }
1619
- }
1620
-
1621
- @media (min-width: 992px) {
1622
- .example-content-main {
1623
- flex:0 0 auto;
1624
- width: 66.666667%
1625
- }
1626
- }
1627
-
1628
- .example-content-secondary {
1629
- flex-shrink: 0;
1630
- width: 100%;
1631
- max-width: 100%;
1632
- padding-right: calc(var(--bs-gutter-x) * .5);
1633
- padding-left: calc(var(--bs-gutter-x) * .5);
1634
- margin-top: var(--bs-gutter-y)
1635
- }
1636
-
1637
- @media (min-width: 576px) {
1638
- .example-content-secondary {
1639
- flex:0 0 auto;
1640
- width: 50%
1641
- }
1642
- }
1643
-
1644
- @media (min-width: 992px) {
1645
- .example-content-secondary {
1646
- flex:0 0 auto;
1647
- width: 33.333333%
1648
- }
1649
- }
1650
-
1651
- .bd-example-ratios .ratio {
1652
- display: inline-block;
1653
- width: 10rem;
1654
- color: var(--bs-secondary-color);
1655
- background-color: var(--bs-tertiary-bg);
1656
- border: var(--bs-border-width) solid var(--bs-border-color)
1657
- }
1658
-
1659
- .bd-example-ratios .ratio>div {
1660
- display: flex;
1661
- align-items: center;
1662
- justify-content: center
1663
- }
1664
-
1665
- .bd-example-ratios-breakpoint .ratio-4x3 {
1666
- width: 16rem
1667
- }
1668
-
1669
- @media (min-width: 768px) {
1670
- .bd-example-ratios-breakpoint .ratio-4x3 {
1671
- --bs-aspect-ratio: 50%
1672
- }
1673
- }
1674
-
1675
- .bd-example-offcanvas .offcanvas {
1676
- position: static;
1677
- display: block;
1678
- height: 200px;
1679
- visibility: visible;
1680
- transform: translate(0)
1681
- }
1682
-
1683
- .tooltip-demo a {
1684
- white-space: nowrap
1685
- }
1686
-
1687
- .tooltip-demo .btn {
1688
- margin: .25rem .125rem
1689
- }
1690
-
1691
- .custom-tooltip {
1692
- --bs-tooltip-bg: var(--bd-violet-bg);
1693
- --bs-tooltip-color: var(--bs-white)
1694
- }
1695
-
1696
- .custom-popover {
1697
- --bs-popover-max-width: 200px;
1698
- --bs-popover-border-color: var(--bd-violet-bg);
1699
- --bs-popover-header-bg: var(--bd-violet-bg);
1700
- --bs-popover-header-color: var(--bs-white);
1701
- --bs-popover-body-padding-x: 1rem;
1702
- --bs-popover-body-padding-y: .5rem
1703
- }
1704
-
1705
- .scrollspy-example {
1706
- height: 200px;
1707
- margin-top: .5rem;
1708
- overflow: auto
1709
- }
1710
-
1711
- .scrollspy-example-2 {
1712
- height: 350px;
1713
- overflow: auto
1714
- }
1715
-
1716
- .simple-list-example-scrollspy .active {
1717
- background-color: rgba(var(--bd-violet-rgb), 0.15)
1718
- }
1719
-
1720
- .bd-example-border-utils [class^="border"] {
1721
- display: inline-block;
1722
- width: 5rem;
1723
- height: 5rem;
1724
- margin: .25rem;
1725
- background-color: var(--bs-tertiary-bg)
1726
- }
1727
-
1728
- .bd-example-rounded-utils [class*="rounded"] {
1729
- margin: .25rem
1730
- }
1731
-
1732
- .bd-example-position-utils {
1733
- position: relative;
1734
- padding: 2rem
1735
- }
1736
-
1737
- .bd-example-position-utils .position-relative {
1738
- height: 200px;
1739
- background-color: var(--bs-tertiary-bg)
1740
- }
1741
-
1742
- .bd-example-position-utils .position-absolute {
1743
- width: 2rem;
1744
- height: 2rem;
1745
- background-color: var(--bs-body-color);
1746
- border-radius: .375rem
1747
- }
1748
-
1749
- .bd-example-position-examples::after {
1750
- content: none
1751
- }
1752
-
1753
- .bd-example-placeholder-cards::after {
1754
- display: none
1755
- }
1756
-
1757
- .bd-example-placeholder-cards .card {
1758
- width: 18rem
1759
- }
1760
-
1761
- .bd-example-toasts {
1762
- min-height: 240px
1763
- }
1764
-
1765
- .bd-example-zindex-levels {
1766
- min-height: 15rem
1767
- }
1768
-
1769
- .bd-example-zindex-levels>div {
1770
- color: var(--bs-body-bg);
1771
- background-color: var(--bd-violet);
1772
- border: 1px solid var(--bd-purple)
1773
- }
1774
-
1775
- .bd-example-zindex-levels>div>span {
1776
- position: absolute;
1777
- right: 5px;
1778
- bottom: 0
1779
- }
1780
-
1781
- .bd-example-zindex-levels>:nth-child(2) {
1782
- top: 3rem;
1783
- left: 3rem
1784
- }
1785
-
1786
- .bd-example-zindex-levels>:nth-child(3) {
1787
- top: 4.5rem;
1788
- left: 4.5rem
1789
- }
1790
-
1791
- .bd-example-zindex-levels>:nth-child(4) {
1792
- top: 6rem;
1793
- left: 6rem
1794
- }
1795
-
1796
- .bd-example-zindex-levels>:nth-child(5) {
1797
- top: 7.5rem;
1798
- left: 7.5rem
1799
- }
1800
-
1801
- .highlight {
1802
- position: relative;
1803
- padding: 0.75rem 1.5rem;
1804
- background-color: var(--bd-pre-bg)
1805
- }
1806
-
1807
- @media (min-width: 768px) {
1808
- .highlight {
1809
- padding:.75rem 1.25rem;
1810
- border-radius: calc(var(--bs-border-radius) - 1px)
1811
- }
1812
- }
1813
-
1814
- @media (min-width: 992px) {
1815
- .highlight pre {
1816
- margin-right:1.875rem
1817
- }
1818
- }
1819
-
1820
- .highlight pre {
1821
- padding: .25rem 0 .875rem;
1822
- margin-top: .8125rem;
1823
- margin-bottom: 0;
1824
- overflow: overlay;
1825
- white-space: pre;
1826
- background-color: transparent;
1827
- border: 0
1828
- }
1829
-
1830
- .highlight pre code {
1831
- font-size: inherit;
1832
- // color: var(--bs-body-color);
1833
- word-wrap: normal
1834
- }
1835
-
1836
- .bd-example-snippet .highlight pre {
1837
- margin-right: 0
1838
- }
1839
-
1840
- .highlight-toolbar {
1841
- background-color: var(--bd-pre-bg)
1842
- }
1843
-
1844
- .highlight-toolbar+.highlight {
1845
- border-top-left-radius: 0;
1846
- border-top-right-radius: 0
1847
- }
1848
-
1849
- @media (min-width: 768px) {
1850
- .bd-file-ref .highlight-toolbar {
1851
- border-top-left-radius:calc(var(--bs-border-radius) - 1px);
1852
- border-top-right-radius: calc(var(--bs-border-radius) - 1px)
1853
- }
1854
- }
1855
-
1856
- .bd-content .bd-code-snippet {
1857
- margin-bottom: 1rem
1858
- }
1859
-
1860
- .btn-bd-primary {
1861
- --bs-btn-font-weight: 600;
1862
- --bs-btn-color: var(--bs-white);
1863
- --bs-btn-bg: var(--bd-violet-bg);
1864
- --bs-btn-border-color: var(--bd-violet-bg);
1865
- --bs-btn-hover-color: var(--bs-white);
1866
- --bs-btn-hover-bg: #6528e0;
1867
- --bs-btn-hover-border-color: #6528e0;
1868
- --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
1869
- --bs-btn-active-color: var(--bs-btn-hover-color);
1870
- --bs-btn-active-bg: #5a23c8;
1871
- --bs-btn-active-border-color: #5a23c8
1872
- }
1873
-
1874
- .btn-bd-accent {
1875
- --bs-btn-font-weight: 600;
1876
- --bs-btn-color: var(--bd-accent);
1877
- --bs-btn-border-color: var(--bd-accent);
1878
- --bs-btn-hover-color: var(--bd-dark);
1879
- --bs-btn-hover-bg: var(--bd-accent);
1880
- --bs-btn-hover-border-color: var(--bd-accent);
1881
- --bs-btn-focus-shadow-rgb: var(--bd-accent-rgb);
1882
- --bs-btn-active-color: var(--bs-btn-hover-color);
1883
- --bs-btn-active-bg: var(--bs-btn-hover-bg);
1884
- --bs-btn-active-border-color: var(--bs-btn-hover-border-color)
1885
- }
1886
-
1887
- .btn-bd-light {
1888
- --btn-custom-color: #9461fb;
1889
- --bs-btn-color: var(--bs-gray-600);
1890
- --bs-btn-border-color: var(--bs-border-color);
1891
- --bs-btn-hover-color: var(--btn-custom-color);
1892
- --bs-btn-hover-border-color: var(--btn-custom-color);
1893
- --bs-btn-active-color: var(--btn-custom-color);
1894
- --bs-btn-active-bg: var(--bs-white);
1895
- --bs-btn-active-border-color: var(--btn-custom-color);
1896
- --bs-btn-focus-border-color: var(--btn-custom-color);
1897
- --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb)
1898
- }
1899
-
1900
- .bd-btn-lg {
1901
- --bs-btn-border-radius: .5rem;
1902
- padding: .8125rem 2rem
1903
- }
1904
-
1905
- .bd-callout {
1906
- --bs-link-color-rgb: var(--bd-callout-link);
1907
- --bs-code-color: var(--bd-callout-code-color);
1908
- padding: 1.25rem;
1909
- margin-top: 1.25rem;
1910
- margin-bottom: 1.25rem;
1911
- color: var(--bd-callout-color, inherit);
1912
- background-color: var(--bd-callout-bg, var(--bs-gray-100));
1913
- border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
1914
- }
1915
-
1916
- .bd-callout h4 {
1917
- margin-bottom: .25rem
1918
- }
1919
-
1920
- .bd-callout>:last-child {
1921
- margin-bottom: 0
1922
- }
1923
-
1924
- .bd-callout+.bd-callout {
1925
- margin-top: -.25rem
1926
- }
1927
-
1928
- .bd-callout .highlight {
1929
- background-color: rgba(0,0,0,0.05)
1930
- }
1931
-
1932
- .bd-callout-info {
1933
- --bd-callout-color: var(--bs-info-text-emphasis);
1934
- --bd-callout-bg: var(--bs-info-bg-subtle);
1935
- --bd-callout-border: var(--bs-info-border-subtle)
1936
- }
1937
-
1938
- .bd-callout-warning {
1939
- --bd-callout-color: var(--bs-warning-text-emphasis);
1940
- --bd-callout-bg: var(--bs-warning-bg-subtle);
1941
- --bd-callout-border: var(--bs-warning-border-subtle)
1942
- }
1943
-
1944
- .bd-callout-danger {
1945
- --bd-callout-color: var(--bs-danger-text-emphasis);
1946
- --bd-callout-bg: var(--bs-danger-bg-subtle);
1947
- --bd-callout-border: var(--bs-danger-border-subtle)
1948
- }
1949
-
1950
- .bd-brand-logos {
1951
- color: #712cf9
1952
- }
1953
-
1954
- .bd-brand-logos .inverse {
1955
- color: #fff;
1956
- background-color: #712cf9
1957
- }
1958
-
1959
- .bd-brand-item+.bd-brand-item {
1960
- border-top: 1px solid var(--bs-border-color)
1961
- }
1962
-
1963
- @media (min-width: 768px) {
1964
- .bd-brand-item+.bd-brand-item {
1965
- border-top:0;
1966
- border-left: 1px solid var(--bs-border-color)
1967
- }
1968
- }
1969
-
1970
- .color-swatches {
1971
- margin: 0 -5px
1972
- }
1973
-
1974
- .color-swatches .bd-purple {
1975
- background-color: #4c0bce
1976
- }
1977
-
1978
- .color-swatches .bd-purple-light {
1979
- background-color: #d5c1fd
1980
- }
1981
-
1982
- .color-swatches .bd-purple-lighter {
1983
- background-color: #e5e1ea
1984
- }
1985
-
1986
- .color-swatches .bd-gray {
1987
- background-color: #f9f9f9
1988
- }
1989
-
1990
- .color-swatch {
1991
- width: 4rem;
1992
- height: 4rem
1993
- }
1994
-
1995
- @media (min-width: 768px) {
1996
- .color-swatch {
1997
- width:6rem;
1998
- height: 6rem
1999
- }
2000
- }
2001
-
2002
- .swatch-blue {
2003
- color: #fff;
2004
- background-color: #0d6efd
2005
- }
2006
-
2007
- .swatch-blue::after {
2008
- position: absolute;
2009
- top: 1rem;
2010
- right: 1rem;
2011
- padding-left: 1rem;
2012
- font-size: .75rem;
2013
- line-height: 1.35;
2014
- white-space: pre;
2015
- content: "4.50" "\a" "4.50" "\a" "4.66";
2016
- background-color: #0d6efd;
2017
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2018
- background-repeat: no-repeat;
2019
- background-size: .5rem 100%
2020
- }
2021
-
2022
- .swatch-indigo {
2023
- color: #fff;
2024
- background-color: #6610f2
2025
- }
2026
-
2027
- .swatch-indigo::after {
2028
- position: absolute;
2029
- top: 1rem;
2030
- right: 1rem;
2031
- padding-left: 1rem;
2032
- font-size: .75rem;
2033
- line-height: 1.35;
2034
- white-space: pre;
2035
- content: "7.18" "\a" "7.18" "\a" "2.92";
2036
- background-color: #6610f2;
2037
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2038
- background-repeat: no-repeat;
2039
- background-size: .5rem 100%
2040
- }
2041
-
2042
- .swatch-purple {
2043
- color: #fff;
2044
- background-color: #6f42c1
2045
- }
2046
-
2047
- .swatch-purple::after {
2048
- position: absolute;
2049
- top: 1rem;
2050
- right: 1rem;
2051
- padding-left: 1rem;
2052
- font-size: .75rem;
2053
- line-height: 1.35;
2054
- white-space: pre;
2055
- content: "6.51" "\a" "6.51" "\a" "3.22";
2056
- background-color: #6f42c1;
2057
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2058
- background-repeat: no-repeat;
2059
- background-size: .5rem 100%
2060
- }
2061
-
2062
- .swatch-pink {
2063
- color: #fff;
2064
- background-color: #d63384
2065
- }
2066
-
2067
- .swatch-pink::after {
2068
- position: absolute;
2069
- top: 1rem;
2070
- right: 1rem;
2071
- padding-left: 1rem;
2072
- font-size: .75rem;
2073
- line-height: 1.35;
2074
- white-space: pre;
2075
- content: "4.50" "\a" "4.50" "\a" "4.66";
2076
- background-color: #d63384;
2077
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2078
- background-repeat: no-repeat;
2079
- background-size: .5rem 100%
2080
- }
2081
-
2082
- .swatch-red {
2083
- color: #fff;
2084
- background-color: #dc3545
2085
- }
2086
-
2087
- .swatch-red::after {
2088
- position: absolute;
2089
- top: 1rem;
2090
- right: 1rem;
2091
- padding-left: 1rem;
2092
- font-size: .75rem;
2093
- line-height: 1.35;
2094
- white-space: pre;
2095
- content: "4.52" "\a" "4.52" "\a" "4.63";
2096
- background-color: #dc3545;
2097
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2098
- background-repeat: no-repeat;
2099
- background-size: .5rem 100%
2100
- }
2101
-
2102
- .swatch-orange {
2103
- color: #000;
2104
- background-color: #fd7e14
2105
- }
2106
-
2107
- .swatch-orange::after {
2108
- position: absolute;
2109
- top: 1rem;
2110
- right: 1rem;
2111
- padding-left: 1rem;
2112
- font-size: .75rem;
2113
- line-height: 1.35;
2114
- white-space: pre;
2115
- content: "8.17" "\a" "2.57" "\a" "8.17";
2116
- background-color: #fd7e14;
2117
- background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2118
- background-repeat: no-repeat;
2119
- background-size: .5rem 100%
2120
- }
2121
-
2122
- .swatch-yellow {
2123
- color: #000;
2124
- background-color: #ffc107
2125
- }
2126
-
2127
- .swatch-yellow::after {
2128
- position: absolute;
2129
- top: 1rem;
2130
- right: 1rem;
2131
- padding-left: 1rem;
2132
- font-size: .75rem;
2133
- line-height: 1.35;
2134
- white-space: pre;
2135
- content: "12.8" "\a" "1.63" "\a" "12.8";
2136
- background-color: #ffc107;
2137
- background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2138
- background-repeat: no-repeat;
2139
- background-size: .5rem 100%
2140
- }
2141
-
2142
- .swatch-green {
2143
- color: #fff;
2144
- background-color: #198754
2145
- }
2146
-
2147
- .swatch-green::after {
2148
- position: absolute;
2149
- top: 1rem;
2150
- right: 1rem;
2151
- padding-left: 1rem;
2152
- font-size: .75rem;
2153
- line-height: 1.35;
2154
- white-space: pre;
2155
- content: "4.53" "\a" "4.53" "\a" "4.63";
2156
- background-color: #198754;
2157
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2158
- background-repeat: no-repeat;
2159
- background-size: .5rem 100%
2160
- }
2161
-
2162
- .swatch-teal {
2163
- color: #000;
2164
- background-color: #20c997
2165
- }
2166
-
2167
- .swatch-teal::after {
2168
- position: absolute;
2169
- top: 1rem;
2170
- right: 1rem;
2171
- padding-left: 1rem;
2172
- font-size: .75rem;
2173
- line-height: 1.35;
2174
- white-space: pre;
2175
- content: "9.86" "\a" "2.12" "\a" "9.86";
2176
- background-color: #20c997;
2177
- background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2178
- background-repeat: no-repeat;
2179
- background-size: .5rem 100%
2180
- }
2181
-
2182
- .swatch-cyan {
2183
- color: #000;
2184
- background-color: #0dcaf0
2185
- }
2186
-
2187
- .swatch-cyan::after {
2188
- position: absolute;
2189
- top: 1rem;
2190
- right: 1rem;
2191
- padding-left: 1rem;
2192
- font-size: .75rem;
2193
- line-height: 1.35;
2194
- white-space: pre;
2195
- content: "10.7" "\a" "1.95" "\a" "10.7";
2196
- background-color: #0dcaf0;
2197
- background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2198
- background-repeat: no-repeat;
2199
- background-size: .5rem 100%
2200
- }
2201
-
2202
- .swatch-black {
2203
- color: #fff;
2204
- background-color: #000
2205
- }
2206
-
2207
- .swatch-black::after {
2208
- position: absolute;
2209
- top: 1rem;
2210
- right: 1rem;
2211
- padding-left: 1rem;
2212
- font-size: .75rem;
2213
- line-height: 1.35;
2214
- white-space: pre;
2215
- content: "21" "\a" "21" "\a" "1";
2216
- background-color: #000;
2217
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2218
- background-repeat: no-repeat;
2219
- background-size: .5rem 100%
2220
- }
2221
-
2222
- .swatch-white {
2223
- color: #000;
2224
- background-color: #fff
2225
- }
2226
-
2227
- .swatch-white::after {
2228
- position: absolute;
2229
- top: 1rem;
2230
- right: 1rem;
2231
- padding-left: 1rem;
2232
- font-size: .75rem;
2233
- line-height: 1.35;
2234
- white-space: pre;
2235
- content: "21" "\a" "1" "\a" "21";
2236
- background-color: #fff;
2237
- background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2238
- background-repeat: no-repeat;
2239
- background-size: .5rem 100%
2240
- }
2241
-
2242
- .swatch-gray {
2243
- color: #fff;
2244
- background-color: #6c757d
2245
- }
2246
-
2247
- .swatch-gray::after {
2248
- position: absolute;
2249
- top: 1rem;
2250
- right: 1rem;
2251
- padding-left: 1rem;
2252
- font-size: .75rem;
2253
- line-height: 1.35;
2254
- white-space: pre;
2255
- content: "4.68" "\a" "4.68" "\a" "4.47";
2256
- background-color: #6c757d;
2257
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2258
- background-repeat: no-repeat;
2259
- background-size: .5rem 100%
2260
- }
2261
-
2262
- .swatch-gray-dark {
2263
- color: #fff;
2264
- background-color: #343a40
2265
- }
2266
-
2267
- .swatch-gray-dark::after {
2268
- position: absolute;
2269
- top: 1rem;
2270
- right: 1rem;
2271
- padding-left: 1rem;
2272
- font-size: .75rem;
2273
- line-height: 1.35;
2274
- white-space: pre;
2275
- content: "11.5" "\a" "11.5" "\a" "1.82";
2276
- background-color: #343a40;
2277
- background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2278
- background-repeat: no-repeat;
2279
- background-size: .5rem 100%
2280
- }
2281
-
2282
- .swatch-gray-500 {
2283
- color: #000;
2284
- background-color: #adb5bd
2285
- }
2286
-
2287
- .swatch-gray-500::after {
2288
- position: absolute;
2289
- top: 1rem;
2290
- right: 1rem;
2291
- padding-left: 1rem;
2292
- font-size: .75rem;
2293
- line-height: 1.35;
2294
- white-space: pre;
2295
- content: "10.1" "\a" "2.07" "\a" "10.1";
2296
- background-color: #adb5bd;
2297
- background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
2298
- background-repeat: no-repeat;
2299
- background-size: .5rem 100%
2300
- }
2301
-
2302
- .bd-blue-100 {
2303
- color: #000;
2304
- background-color: #cfe2ff
2305
- }
2306
-
2307
- .bd-blue-200 {
2308
- color: #000;
2309
- background-color: #9ec5fe
2310
- }
2311
-
2312
- .bd-blue-300 {
2313
- color: #000;
2314
- background-color: #6ea8fe
2315
- }
2316
-
2317
- .bd-blue-400 {
2318
- color: #000;
2319
- background-color: #3d8bfd
2320
- }
2321
-
2322
- .bd-blue-500 {
2323
- color: #fff;
2324
- background-color: #0d6efd
2325
- }
2326
-
2327
- .bd-blue-600 {
2328
- color: #fff;
2329
- background-color: #0a58ca
2330
- }
2331
-
2332
- .bd-blue-700 {
2333
- color: #fff;
2334
- background-color: #084298
2335
- }
2336
-
2337
- .bd-blue-800 {
2338
- color: #fff;
2339
- background-color: #052c65
2340
- }
2341
-
2342
- .bd-blue-900 {
2343
- color: #fff;
2344
- background-color: #031633
2345
- }
2346
-
2347
- .bd-indigo-100 {
2348
- color: #000;
2349
- background-color: #e0cffc
2350
- }
2351
-
2352
- .bd-indigo-200 {
2353
- color: #000;
2354
- background-color: #c29ffa
2355
- }
2356
-
2357
- .bd-indigo-300 {
2358
- color: #000;
2359
- background-color: #a370f7
2360
- }
2361
-
2362
- .bd-indigo-400 {
2363
- color: #fff;
2364
- background-color: #8540f5
2365
- }
2366
-
2367
- .bd-indigo-500 {
2368
- color: #fff;
2369
- background-color: #6610f2
2370
- }
2371
-
2372
- .bd-indigo-600 {
2373
- color: #fff;
2374
- background-color: #520dc2
2375
- }
2376
-
2377
- .bd-indigo-700 {
2378
- color: #fff;
2379
- background-color: #3d0a91
2380
- }
2381
-
2382
- .bd-indigo-800 {
2383
- color: #fff;
2384
- background-color: #290661
2385
- }
2386
-
2387
- .bd-indigo-900 {
2388
- color: #fff;
2389
- background-color: #140330
2390
- }
2391
-
2392
- .bd-purple-100 {
2393
- color: #000;
2394
- background-color: #e2d9f3
2395
- }
2396
-
2397
- .bd-purple-200 {
2398
- color: #000;
2399
- background-color: #c5b3e6
2400
- }
2401
-
2402
- .bd-purple-300 {
2403
- color: #000;
2404
- background-color: #a98eda
2405
- }
2406
-
2407
- .bd-purple-400 {
2408
- color: #000;
2409
- background-color: #8c68cd
2410
- }
2411
-
2412
- .bd-purple-500 {
2413
- color: #fff;
2414
- background-color: #6f42c1
2415
- }
2416
-
2417
- .bd-purple-600 {
2418
- color: #fff;
2419
- background-color: #59359a
2420
- }
2421
-
2422
- .bd-purple-700 {
2423
- color: #fff;
2424
- background-color: #432874
2425
- }
2426
-
2427
- .bd-purple-800 {
2428
- color: #fff;
2429
- background-color: #2c1a4d
2430
- }
2431
-
2432
- .bd-purple-900 {
2433
- color: #fff;
2434
- background-color: #160d27
2435
- }
2436
-
2437
- .bd-pink-100 {
2438
- color: #000;
2439
- background-color: #f7d6e6
2440
- }
2441
-
2442
- .bd-pink-200 {
2443
- color: #000;
2444
- background-color: #efadce
2445
- }
2446
-
2447
- .bd-pink-300 {
2448
- color: #000;
2449
- background-color: #e685b5
2450
- }
2451
-
2452
- .bd-pink-400 {
2453
- color: #000;
2454
- background-color: #de5c9d
2455
- }
2456
-
2457
- .bd-pink-500 {
2458
- color: #fff;
2459
- background-color: #d63384
2460
- }
2461
-
2462
- .bd-pink-600 {
2463
- color: #fff;
2464
- background-color: #ab296a
2465
- }
2466
-
2467
- .bd-pink-700 {
2468
- color: #fff;
2469
- background-color: #801f4f
2470
- }
2471
-
2472
- .bd-pink-800 {
2473
- color: #fff;
2474
- background-color: #561435
2475
- }
2476
-
2477
- .bd-pink-900 {
2478
- color: #fff;
2479
- background-color: #2b0a1a
2480
- }
2481
-
2482
- .bd-red-100 {
2483
- color: #000;
2484
- background-color: #f8d7da
2485
- }
2486
-
2487
- .bd-red-200 {
2488
- color: #000;
2489
- background-color: #f1aeb5
2490
- }
2491
-
2492
- .bd-red-300 {
2493
- color: #000;
2494
- background-color: #ea868f
2495
- }
2496
-
2497
- .bd-red-400 {
2498
- color: #000;
2499
- background-color: #e35d6a
2500
- }
2501
-
2502
- .bd-red-500 {
2503
- color: #fff;
2504
- background-color: #dc3545
2505
- }
2506
-
2507
- .bd-red-600 {
2508
- color: #fff;
2509
- background-color: #b02a37
2510
- }
2511
-
2512
- .bd-red-700 {
2513
- color: #fff;
2514
- background-color: #842029
2515
- }
2516
-
2517
- .bd-red-800 {
2518
- color: #fff;
2519
- background-color: #58151c
2520
- }
2521
-
2522
- .bd-red-900 {
2523
- color: #fff;
2524
- background-color: #2c0b0e
2525
- }
2526
-
2527
- .bd-orange-100 {
2528
- color: #000;
2529
- background-color: #ffe5d0
2530
- }
2531
-
2532
- .bd-orange-200 {
2533
- color: #000;
2534
- background-color: #fecba1
2535
- }
2536
-
2537
- .bd-orange-300 {
2538
- color: #000;
2539
- background-color: #feb272
2540
- }
2541
-
2542
- .bd-orange-400 {
2543
- color: #000;
2544
- background-color: #fd9843
2545
- }
2546
-
2547
- .bd-orange-500 {
2548
- color: #000;
2549
- background-color: #fd7e14
2550
- }
2551
-
2552
- .bd-orange-600 {
2553
- color: #000;
2554
- background-color: #ca6510
2555
- }
2556
-
2557
- .bd-orange-700 {
2558
- color: #fff;
2559
- background-color: #984c0c
2560
- }
2561
-
2562
- .bd-orange-800 {
2563
- color: #fff;
2564
- background-color: #653208
2565
- }
2566
-
2567
- .bd-orange-900 {
2568
- color: #fff;
2569
- background-color: #331904
2570
- }
2571
-
2572
- .bd-yellow-100 {
2573
- color: #000;
2574
- background-color: #fff3cd
2575
- }
2576
-
2577
- .bd-yellow-200 {
2578
- color: #000;
2579
- background-color: #ffe69c
2580
- }
2581
-
2582
- .bd-yellow-300 {
2583
- color: #000;
2584
- background-color: #ffda6a
2585
- }
2586
-
2587
- .bd-yellow-400 {
2588
- color: #000;
2589
- background-color: #ffcd39
2590
- }
2591
-
2592
- .bd-yellow-500 {
2593
- color: #000;
2594
- background-color: #ffc107
2595
- }
2596
-
2597
- .bd-yellow-600 {
2598
- color: #000;
2599
- background-color: #cc9a06
2600
- }
2601
-
2602
- .bd-yellow-700 {
2603
- color: #000;
2604
- background-color: #997404
2605
- }
2606
-
2607
- .bd-yellow-800 {
2608
- color: #fff;
2609
- background-color: #664d03
2610
- }
2611
-
2612
- .bd-yellow-900 {
2613
- color: #fff;
2614
- background-color: #332701
2615
- }
2616
-
2617
- .bd-green-100 {
2618
- color: #000;
2619
- background-color: #d1e7dd
2620
- }
2621
-
2622
- .bd-green-200 {
2623
- color: #000;
2624
- background-color: #a3cfbb
2625
- }
2626
-
2627
- .bd-green-300 {
2628
- color: #000;
2629
- background-color: #75b798
2630
- }
2631
-
2632
- .bd-green-400 {
2633
- color: #000;
2634
- background-color: #479f76
2635
- }
2636
-
2637
- .bd-green-500 {
2638
- color: #fff;
2639
- background-color: #198754
2640
- }
2641
-
2642
- .bd-green-600 {
2643
- color: #fff;
2644
- background-color: #146c43
2645
- }
2646
-
2647
- .bd-green-700 {
2648
- color: #fff;
2649
- background-color: #0f5132
2650
- }
2651
-
2652
- .bd-green-800 {
2653
- color: #fff;
2654
- background-color: #0a3622
2655
- }
2656
-
2657
- .bd-green-900 {
2658
- color: #fff;
2659
- background-color: #051b11
2660
- }
2661
-
2662
- .bd-teal-100 {
2663
- color: #000;
2664
- background-color: #d2f4ea
2665
- }
2666
-
2667
- .bd-teal-200 {
2668
- color: #000;
2669
- background-color: #a6e9d5
2670
- }
2671
-
2672
- .bd-teal-300 {
2673
- color: #000;
2674
- background-color: #79dfc1
2675
- }
2676
-
2677
- .bd-teal-400 {
2678
- color: #000;
2679
- background-color: #4dd4ac
2680
- }
2681
-
2682
- .bd-teal-500 {
2683
- color: #000;
2684
- background-color: #20c997
2685
- }
2686
-
2687
- .bd-teal-600 {
2688
- color: #000;
2689
- background-color: #1aa179
2690
- }
2691
-
2692
- .bd-teal-700 {
2693
- color: #fff;
2694
- background-color: #13795b
2695
- }
2696
-
2697
- .bd-teal-800 {
2698
- color: #fff;
2699
- background-color: #0d503c
2700
- }
2701
-
2702
- .bd-teal-900 {
2703
- color: #fff;
2704
- background-color: #06281e
2705
- }
2706
-
2707
- .bd-cyan-100 {
2708
- color: #000;
2709
- background-color: #cff4fc
2710
- }
2711
-
2712
- .bd-cyan-200 {
2713
- color: #000;
2714
- background-color: #9eeaf9
2715
- }
2716
-
2717
- .bd-cyan-300 {
2718
- color: #000;
2719
- background-color: #6edff6
2720
- }
2721
-
2722
- .bd-cyan-400 {
2723
- color: #000;
2724
- background-color: #3dd5f3
2725
- }
2726
-
2727
- .bd-cyan-500 {
2728
- color: #000;
2729
- background-color: #0dcaf0
2730
- }
2731
-
2732
- .bd-cyan-600 {
2733
- color: #000;
2734
- background-color: #0aa2c0
2735
- }
2736
-
2737
- .bd-cyan-700 {
2738
- color: #fff;
2739
- background-color: #087990
2740
- }
2741
-
2742
- .bd-cyan-800 {
2743
- color: #fff;
2744
- background-color: #055160
2745
- }
2746
-
2747
- .bd-cyan-900 {
2748
- color: #fff;
2749
- background-color: #032830
2750
- }
2751
-
2752
- .bd-gray-100 {
2753
- color: #000;
2754
- background-color: #f8f9fa
2755
- }
2756
-
2757
- .bd-gray-200 {
2758
- color: #000;
2759
- background-color: #e9ecef
2760
- }
2761
-
2762
- .bd-gray-300 {
2763
- color: #000;
2764
- background-color: #dee2e6
2765
- }
2766
-
2767
- .bd-gray-400 {
2768
- color: #000;
2769
- background-color: #ced4da
2770
- }
2771
-
2772
- .bd-gray-500 {
2773
- color: #000;
2774
- background-color: #adb5bd
2775
- }
2776
-
2777
- .bd-gray-600 {
2778
- color: #fff;
2779
- background-color: #6c757d
2780
- }
2781
-
2782
- .bd-gray-700 {
2783
- color: #fff;
2784
- background-color: #495057
2785
- }
2786
-
2787
- .bd-gray-800 {
2788
- color: #fff;
2789
- background-color: #343a40
2790
- }
2791
-
2792
- .bd-gray-900 {
2793
- color: #fff;
2794
- background-color: #212529
2795
- }
2796
-
2797
- .bd-white {
2798
- color: #000;
2799
- background-color: #fff
2800
- }
2801
-
2802
- .bd-black {
2803
- color: #fff;
2804
- background-color: #000
2805
- }
2806
-
2807
- .bd-clipboard,.bd-edit {
2808
- position: relative;
2809
- display: none;
2810
- float: right
2811
- }
2812
-
2813
- .bd-clipboard+.highlight,.bd-edit+.highlight {
2814
- margin-top: 0
2815
- }
2816
-
2817
- @media (min-width: 768px) {
2818
- .bd-clipboard,.bd-edit {
2819
- display:block
2820
- }
2821
- }
2822
-
2823
- .btn-clipboard,.btn-edit {
2824
- display: block;
2825
- padding: .5em;
2826
- line-height: 1;
2827
- color: var(--bs-body-color);
2828
- background-color: var(--bd-pre-bg);
2829
- border: 0;
2830
- border-radius: .25rem
2831
- }
2832
-
2833
- .btn-clipboard:hover,.btn-edit:hover {
2834
- color: var(--bs-link-hover-color)
2835
- }
2836
-
2837
- .btn-clipboard:focus,.btn-edit:focus {
2838
- z-index: 3
2839
- }
2840
-
2841
- .btn-clipboard {
2842
- position: relative;
2843
- z-index: 2;
2844
- margin-top: 1.25rem;
2845
- margin-right: .75rem
2846
- }
2847
-
2848
- .bd-placeholder-img {
2849
- font-size: 1.125rem;
2850
- -webkit-user-select: none;
2851
- -moz-user-select: none;
2852
- user-select: none;
2853
- text-anchor: middle
2854
- }
2855
-
2856
- .bd-placeholder-img-lg {
2857
- font-size: calc(1.475rem + 2.7vw)
2858
- }
2859
-
2860
- @media (min-width: 1200px) {
2861
- .bd-placeholder-img-lg {
2862
- font-size:3.5rem
2863
- }
2864
- }
2865
-
2866
- main a,main button,main input,main select,main textarea,main h2,main h3,main h4,main [tabindex="0"] {
2867
- scroll-margin-top: 80px;
2868
- scroll-margin-bottom: 100px
2869
- }
2870
-
2871
- :root,[data-bs-theme="light"] {
2872
- --base02: #c8c8fa;
2873
- --base03: #565c64;
2874
- --base04: #666;
2875
- --base05: #333;
2876
- --base06: #fff;
2877
- --base07: #13795b;
2878
- --base08: #c6303e;
2879
- --base09: #087990;
2880
- --base0A: #6f42c1;
2881
- --base0B: #084298;
2882
- --base0C: #084298;
2883
- --base0D: #6f42c1;
2884
- --base0E: #ab296a;
2885
- --base0F: #333
2886
- }
2887
-
2888
- [data-bs-theme="dark"] {
2889
- --base02: #3e4451;
2890
- --base03: #868e96;
2891
- --base04: #868e96;
2892
- --base05: #abb2bf;
2893
- --base06: #b6bdca;
2894
- --base07: #feb272;
2895
- --base08: #6edff6;
2896
- --base09: #feb272;
2897
- --base0A: #ffe69c;
2898
- --base0B: #79dfc1;
2899
- --base0C: #79dfc1;
2900
- --base0D: #6ea8fe;
2901
- --base0E: #c29ffa;
2902
- --base0F: #ea868f
2903
- }
2904
-
2905
- [data-bs-theme="dark"] .language-diff .gd {
2906
- color: #e35d6a
2907
- }
2908
-
2909
- [data-bs-theme="dark"] .language-diff .gi {
2910
- color: #479f76
2911
- }
2912
-
2913
- .hl {
2914
- background-color: var(--base02)
2915
- }
2916
-
2917
- .c {
2918
- color: var(--base03)
2919
- }
2920
-
2921
- .err {
2922
- color: var(--base08)
2923
- }
2924
-
2925
- .k {
2926
- color: var(--base0E)
2927
- }
2928
-
2929
- .l {
2930
- color: var(----base09)
2931
- }
2932
-
2933
- .n {
2934
- color: var(--base08)
2935
- }
2936
-
2937
- .o {
2938
- color: var(--base05)
2939
- }
2940
-
2941
- .p {
2942
- color: var(--base05)
2943
- }
2944
-
2945
- .cm {
2946
- color: var(--base04)
2947
- }
2948
-
2949
- .cp {
2950
- color: var(--base08)
2951
- }
2952
-
2953
- .c1 {
2954
- color: var(--base03)
2955
- }
2956
-
2957
- .cs {
2958
- color: var(--base04)
2959
- }
2960
-
2961
- .gd {
2962
- color: var(--base08)
2963
- }
2964
-
2965
- .ge {
2966
- font-style: italic
2967
- }
2968
-
2969
- .gh {
2970
- font-weight: 600;
2971
- color: var(--base0A)
2972
- }
2973
-
2974
- .gi {
2975
- color: var(--bs-success)
2976
- }
2977
-
2978
- .gp {
2979
- font-weight: 600;
2980
- color: var(--base04)
2981
- }
2982
-
2983
- .gs {
2984
- font-weight: 600
2985
- }
2986
-
2987
- .gu {
2988
- font-weight: 600;
2989
- color: var(--base0C)
2990
- }
2991
-
2992
- .kc {
2993
- color: var(--base0E)
2994
- }
2995
-
2996
- .kd {
2997
- color: var(--base0E)
2998
- }
2999
-
3000
- .kn {
3001
- color: var(--base0C)
3002
- }
3003
-
3004
- .kp {
3005
- color: var(--base0E)
3006
- }
3007
-
3008
- .kr {
3009
- color: var(--base0E)
3010
- }
3011
-
3012
- .kt {
3013
- color: var(--base0A)
3014
- }
3015
-
3016
- .ld {
3017
- color: var(--base0C)
3018
- }
3019
-
3020
- .m {
3021
- color: var(--base09)
3022
- }
3023
-
3024
- .s {
3025
- color: var(--base0C)
3026
- }
3027
-
3028
- .na {
3029
- color: var(--base0A)
3030
- }
3031
-
3032
- .nb {
3033
- color: var(--base05)
3034
- }
3035
-
3036
- .nc {
3037
- color: var(--base07)
3038
- }
3039
-
3040
- .no {
3041
- color: var(--base08)
3042
- }
3043
-
3044
- .nd {
3045
- color: var(--base07)
3046
- }
3047
-
3048
- .ni {
3049
- color: var(--base08)
3050
- }
3051
-
3052
- .ne {
3053
- color: var(--base08)
3054
- }
3055
-
3056
- .nf {
3057
- color: var(--base0B)
3058
- }
3059
-
3060
- .nl {
3061
- color: var(--base05)
3062
- }
3063
-
3064
- .nn {
3065
- color: var(--base0A)
3066
- }
3067
-
3068
- .nx {
3069
- color: var(--base0A)
3070
- }
3071
-
3072
- .py {
3073
- color: var(--base08)
3074
- }
3075
-
3076
- .nt {
3077
- color: var(--base08)
3078
- }
3079
-
3080
- .nv {
3081
- color: var(--base08)
3082
- }
3083
-
3084
- .ow {
3085
- color: var(--base0C)
3086
- }
3087
-
3088
- .w {
3089
- color: #fff
3090
- }
3091
-
3092
- .mf {
3093
- color: var(--base09)
3094
- }
3095
-
3096
- .mh {
3097
- color: var(--base09)
3098
- }
3099
-
3100
- .mi {
3101
- color: var(--base09)
3102
- }
3103
-
3104
- .mo {
3105
- color: var(--base09)
3106
- }
3107
-
3108
- .sb {
3109
- color: var(--base0C)
3110
- }
3111
-
3112
- .sc {
3113
- color: #fff
3114
- }
3115
-
3116
- .sd {
3117
- color: var(--base04)
3118
- }
3119
-
3120
- .s2 {
3121
- color: var(--base0C)
3122
- }
3123
-
3124
- .se {
3125
- color: var(--base09)
3126
- }
3127
-
3128
- .sh {
3129
- color: var(--base0C)
3130
- }
3131
-
3132
- .si {
3133
- color: var(--base09)
3134
- }
3135
-
3136
- .sx {
3137
- color: var(--base0C)
3138
- }
3139
-
3140
- .sr {
3141
- color: var(--base0C)
3142
- }
3143
-
3144
- .s1 {
3145
- color: var(--base0C)
3146
- }
3147
-
3148
- .ss {
3149
- color: var(--base0C)
3150
- }
3151
-
3152
- .bp {
3153
- color: var(--base05)
3154
- }
3155
-
3156
- .vc {
3157
- color: var(--base08)
3158
- }
3159
-
3160
- .vg {
3161
- color: var(--base08)
3162
- }
3163
-
3164
- .vi {
3165
- color: var(--base08)
3166
- }
3167
-
3168
- .il {
3169
- color: var(--base09)
3170
- }
3171
-
3172
- .m+.o {
3173
- color: var(--base03)
3174
- }
3175
-
3176
- .language-sh .c {
3177
- color: var(--base03)
3178
- }
3179
-
3180
- .chroma .language-bash .line::before,.chroma .language-sh .line::before {
3181
- color: var(--base03);
3182
- content: "$ ";
3183
- -webkit-user-select: none;
3184
- -moz-user-select: none;
3185
- user-select: none
3186
- }
3187
-
3188
- .chroma .language-powershell::before {
3189
- color: var(--base0C);
3190
- content: "PM> ";
3191
- -webkit-user-select: none;
3192
- -moz-user-select: none;
3193
- user-select: none
3194
- }
3195
-
3196
- .anchor-link {
3197
- padding: 0 .175rem;
3198
- font-weight: 400;
3199
- color: rgba(13,110,253,0.5);
3200
- text-decoration: none;
3201
- opacity: 0;
3202
- transition: color 0.15s ease-in-out,opacity 0.15s ease-in-out
3203
- }
3204
-
3205
- @media (prefers-reduced-motion: reduce) {
3206
- .anchor-link {
3207
- transition: none
3208
- }
3209
- }
3210
-
3211
- .anchor-link::after {
3212
- content: "#"
3213
- }
3214
-
3215
- .anchor-link:focus,.anchor-link:hover,:hover>.anchor-link,:target>.anchor-link {
3216
- color: #0d6efd;
3217
- text-decoration: none;
3218
- opacity: 1
3219
- }