toc wip

assets/sass/_theme/design-system/grid.sass

@@ -19,11 +19,14 @@
                 //     > *
                 //         width: col(4)
                 //         pointer-events: auto
-                position: sticky
+                // position: sticky
+                // top: 0
+                // @include sticky($spacing1)
+                position: absolute
                 top: 0
+                --grid-width: Min(100vw, (#{$grid-max-width}))
                 margin-left: Max(#{$grid-gutter}, calc(50vw - #{$grid-max-width} / 2 + #{$grid-gutter}))
-                // width: calc(calc(100vw - #{$grid-max-width} / 2) * (3 / 12))
-                width: calc(min(100vw, #{$grid-max-width}) * (3/12))
+                width: calc((var(--grid-width) + #{$grid-gutter} * 2) / 12 * 4 - #{$grid-gutter} * 2)
             > .blocks
                 .block-content
                     padding-left: offset(5)

layouts/partials/footer/debug.html

@@ -20,6 +20,7 @@
   .d-grid {
     bottom: 0;
     display: none;
+    display: grid;
     grid-gap: var(--d-grid-margin);
     grid-template-columns: repeat(12, 1fr);
     opacity: 0.5;
@@ -29,7 +30,9 @@
     margin: auto;
     max-width: 100%;
     top: 0;
-    width: 1920px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: calc(1920px + var(--d-grid-margin));
     z-index: 9999;
   }
   .d-grid.is-visible {