diff --git a/assets/js/theme/design-system/toc.js b/assets/js/theme/design-system/toc.js new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/assets/sass/_theme/design-system/grid.sass b/assets/sass/_theme/design-system/grid.sass index 7620fd0a46a67c7f7a0207732883f58da0d52f99..3258282d375eba625259c557d2d45f3c4203ba78 100644 --- a/assets/sass/_theme/design-system/grid.sass +++ b/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) diff --git a/layouts/partials/footer/debug.html b/layouts/partials/footer/debug.html index cad7171477b0ac4289e80b33e3ce07e3b954f0a3..0f086108a6429b71459ea1e917bdb89b36c88148 100644 --- a/layouts/partials/footer/debug.html +++ b/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 {