diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 71854c33ab25c1681ef711f3034927b19f35e334..b8e7b05c779b70cad79ed572202303adbdd8214a 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -37,16 +37,13 @@ &::#{$pseudo} transform: translateX(#{px2rem($distance)}) -@mixin sticky($offset-y: false) +@mixin sticky($offset-y: 0) position: sticky - top: 0 + top: $offset-y @if $header-sticky-enabled transition: top $header-sticky-transition html:not(.is-scrolling-down) & - @if $offset-y - top: calc(var(--header-height) + #{$offset-y}) - @else - top: var(--header-height) + top: calc(var(--header-height) + #{$offset-y}) // NEW UTILS @mixin icon($icon-name: '', $pseudo-element: before, $font-size: px2rem(10)) diff --git a/assets/sass/_theme/design-system/grid.sass b/assets/sass/_theme/design-system/grid.sass index ab9cee24ac622e1114a7c65bdd2d965cfbefa883..0a1ccf81f2ce0a758476df12bc8bd13cb54c6803 100644 --- a/assets/sass/_theme/design-system/grid.sass +++ b/assets/sass/_theme/design-system/grid.sass @@ -14,7 +14,7 @@ transform: translateX(-50%) width: 100% > div - @include sticky($spacing1) + @include sticky($spacing2) > * width: col(4) pointer-events: auto