rizzo-css 0.0.50 → 0.0.52

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 (81) hide show
  1. package/README.md +3 -3
  2. package/bin/rizzo-css.js +13 -13
  3. package/dist/rizzo.min.css +3 -2
  4. package/dist/sfx/click.wav +0 -0
  5. package/package.json +1 -1
  6. package/scaffold/astro/BackToTop.astro +59 -0
  7. package/scaffold/astro/DocsSidebar.astro +146 -0
  8. package/scaffold/astro/Settings.astro +1 -1
  9. package/scaffold/astro/ThemeSwitcher.astro +2 -1
  10. package/scaffold/astro/icons/ChevronUp.astro +29 -0
  11. package/scaffold/astro-core/.astro/content-assets.mjs +1 -0
  12. package/scaffold/astro-core/.astro/content-modules.mjs +1 -0
  13. package/scaffold/astro-core/.astro/content.d.ts +199 -0
  14. package/scaffold/astro-core/.astro/types.d.ts +2 -0
  15. package/scaffold/astro-core/README-RIZZO.md +1 -1
  16. package/scaffold/astro-core/dist/.gitkeep +0 -0
  17. package/scaffold/astro-core/dist/_noop-middleware.mjs +3 -0
  18. package/scaffold/astro-core/dist/chunks/astro/server_9Mzx7luy.mjs +6023 -0
  19. package/scaffold/astro-core/dist/chunks/astro_BOYUKg7r.mjs +1 -0
  20. package/scaffold/astro-core/dist/favicon.svg +18 -0
  21. package/scaffold/astro-core/dist/manifest_DXpJmqSX.mjs +154 -0
  22. package/scaffold/astro-core/dist/noop-entrypoint.mjs +3 -0
  23. package/scaffold/astro-core/dist/pages/index.astro.mjs +87 -0
  24. package/scaffold/astro-core/dist/renderers.mjs +3 -0
  25. package/scaffold/astro-core/node_modules/.astro/data-store.json +1 -0
  26. package/scaffold/astro-core/node_modules/.vite/deps/_metadata.json +31 -0
  27. package/scaffold/astro-core/node_modules/.vite/deps/astro___aria-query.js +6776 -0
  28. package/scaffold/astro-core/node_modules/.vite/deps/astro___aria-query.js.map +7 -0
  29. package/scaffold/astro-core/node_modules/.vite/deps/astro___axobject-query.js +3754 -0
  30. package/scaffold/astro-core/node_modules/.vite/deps/astro___axobject-query.js.map +7 -0
  31. package/scaffold/astro-core/node_modules/.vite/deps/astro___cssesc.js +99 -0
  32. package/scaffold/astro-core/node_modules/.vite/deps/astro___cssesc.js.map +7 -0
  33. package/scaffold/astro-core/node_modules/.vite/deps/chunk-BUSYA2B4.js +8 -0
  34. package/scaffold/astro-core/node_modules/.vite/deps/chunk-BUSYA2B4.js.map +7 -0
  35. package/scaffold/astro-core/node_modules/.vite/deps/package.json +3 -0
  36. package/scaffold/astro-core/src/components/rizzo/CopyToClipboard.astro +157 -0
  37. package/scaffold/astro-core/src/components/rizzo/icons/Check.astro +29 -0
  38. package/scaffold/astro-core/src/components/rizzo/icons/Copy.astro +30 -0
  39. package/scaffold/astro-core/src/pages/index.astro +3 -15
  40. package/scaffold/shared/sound-effects-inline.js +3 -3
  41. package/scaffold/svelte/BackToTop.svelte +53 -0
  42. package/scaffold/svelte/Settings.svelte +1 -1
  43. package/scaffold/svelte/index.ts +4 -0
  44. package/scaffold/svelte/theme.ts +16 -2
  45. package/scaffold/svelte-core/README-RIZZO.md +1 -1
  46. package/scaffold/svelte-core/src/routes/+page.svelte +2 -9
  47. package/scaffold/utils/theme.ts +16 -2
  48. package/scaffold/vanilla/README-RIZZO.md +5 -4
  49. package/scaffold/vanilla/components/accordion.html +30 -1
  50. package/scaffold/vanilla/components/alert.html +30 -1
  51. package/scaffold/vanilla/components/avatar.html +30 -1
  52. package/scaffold/vanilla/components/back-to-top.html +623 -0
  53. package/scaffold/vanilla/components/badge.html +30 -1
  54. package/scaffold/vanilla/components/breadcrumb.html +30 -1
  55. package/scaffold/vanilla/components/button.html +30 -1
  56. package/scaffold/vanilla/components/cards.html +30 -1
  57. package/scaffold/vanilla/components/copy-to-clipboard.html +30 -1
  58. package/scaffold/vanilla/components/divider.html +30 -1
  59. package/scaffold/vanilla/components/docs-sidebar.html +30 -1
  60. package/scaffold/vanilla/components/dropdown.html +30 -1
  61. package/scaffold/vanilla/components/font-switcher.html +30 -1
  62. package/scaffold/vanilla/components/footer.html +30 -1
  63. package/scaffold/vanilla/components/forms.html +30 -1
  64. package/scaffold/vanilla/components/icons.html +30 -1
  65. package/scaffold/vanilla/components/index.html +31 -1
  66. package/scaffold/vanilla/components/modal.html +30 -1
  67. package/scaffold/vanilla/components/navbar.html +30 -1
  68. package/scaffold/vanilla/components/pagination.html +30 -1
  69. package/scaffold/vanilla/components/progress-bar.html +30 -1
  70. package/scaffold/vanilla/components/search.html +30 -1
  71. package/scaffold/vanilla/components/settings.html +30 -1
  72. package/scaffold/vanilla/components/sound-effects.html +30 -1
  73. package/scaffold/vanilla/components/spinner.html +30 -1
  74. package/scaffold/vanilla/components/table.html +30 -1
  75. package/scaffold/vanilla/components/tabs.html +30 -1
  76. package/scaffold/vanilla/components/theme-switcher.html +30 -1
  77. package/scaffold/vanilla/components/toast.html +30 -1
  78. package/scaffold/vanilla/components/tooltip.html +30 -1
  79. package/scaffold/vanilla/icons/ChevronUp.svg +12 -0
  80. package/scaffold/vanilla/index.html +38 -5
  81. package/scaffold/vanilla/js/main.js +19 -0
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -416,6 +427,7 @@
416
427
  <li style="margin-bottom: var(--spacing-2);"><a href="accordion.html" style="color: var(--accent);">Accordion</a></li>
417
428
  <li style="margin-bottom: var(--spacing-2);"><a href="alert.html" style="color: var(--accent);">Alert</a></li>
418
429
  <li style="margin-bottom: var(--spacing-2);"><a href="avatar.html" style="color: var(--accent);">Avatar</a></li>
430
+ <li style="margin-bottom: var(--spacing-2);"><a href="back-to-top.html" style="color: var(--accent);">Back to Top</a></li>
419
431
  <li style="margin-bottom: var(--spacing-2);"><a href="badge.html" style="color: var(--accent);">Badge</a></li>
420
432
  <li style="margin-bottom: var(--spacing-2);"><a href="breadcrumb.html" style="color: var(--accent);">Breadcrumb</a></li>
421
433
  <li style="margin-bottom: var(--spacing-2);"><a href="button.html" style="color: var(--accent);">Button</a></li>
@@ -618,6 +630,24 @@
618
630
 
619
631
 
620
632
 
633
+
634
+
635
+
636
+
637
+
638
+
639
+
640
+
641
+
642
+
643
+
644
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
645
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
646
+ <span class="back-to-top__icon" aria-hidden="true">
647
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
648
+ </span>
649
+ </button>
650
+ </div>
621
651
  <script src="../js/main.js"></script>
622
652
  </body>
623
653
  </html>
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -397,6 +397,17 @@
397
397
 
398
398
 
399
399
 
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
400
411
 
401
412
 
402
413
 
@@ -589,6 +600,24 @@
589
600
 
590
601
 
591
602
 
603
+
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
592
621
  <script src="../js/main.js"></script>
593
622
  </body>
594
623
  </html>