Merge branch 'main' of github.com:noesya/osuny-hugo-theme-aaa

assets/js/theme/design-system/toc.js

@@ -7,7 +7,7 @@ const CLASSES = {
   fullWidth: 'full-width'
 };
 
-class TableOfContent {
+class TableOfContents {
   constructor() {
     this.element = document.querySelector('.toc-container');
     this.content = this.element.querySelector('.toc-content');
@@ -97,4 +97,4 @@ class TableOfContent {
   }
 }
 
-new TableOfContent()
\ No newline at end of file
+new TableOfContents()
\ No newline at end of file

assets/sass/_theme/hugo-osuny.sass

@@ -24,7 +24,7 @@
 @import "design-system/pagination"
 @import "design-system/nav"
 @import "design-system/table"
-@import "design-system/table_of_content"
+@import "design-system/table_of_contents"
 @import "design-system/top"
 @import "design-system/typography"
 

layouts/partials/footer/debug.html

@@ -31,7 +31,7 @@
     display: none;
     grid-gap: var(--d-grid-margin);
     grid-template-columns: repeat(12, 1fr);
-    opacity: 0.5;
+    opacity: 0.3;
     padding: 0 var(--d-grid-margin);
     pointer-events: none;
     position: fixed;
@@ -42,6 +42,8 @@
     transform: translateX(-50%);
     width: calc(1920px + var(--d-grid-margin));
     z-index: 9999;
+    font-family: sans-serif;
+    font-size: 12px;
   }
   .d-grid.is-visible {
     display: grid;
@@ -63,6 +65,9 @@
     pointer-events: none;
     width: 100%;
     mix-blend-mode: difference;
+    opacity: 0.3;
+    font-family: sans-serif;
+    font-size: 12px;
   }
   .d-spacing.is-visible {
     display: block;