Use calc-size

next-theme · Nov 21, 2024 · f305620 · f305620
1 parent 2041b23
commit f305620
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 deletions.
diff --git a/source/css/_mixins.styl b/source/css/_mixins.styl
@@ -226,7 +226,6 @@ toggle-close($position) {
 }
 
 site-nav-hide-by-default() {
-  --scroll-height: 0;
   height: 0;
   overflow: hidden;
   transition: $transition-ease;
@@ -238,7 +237,7 @@ site-nav-hide-by-default() {
   }
 
   body.site-nav-on & {
-    height: var(--scroll-height);
+    height: calc-size(auto, size);
     visibility: unset;
   }
 }

diff --git a/source/js/next-boot.js b/source/js/next-boot.js
@@ -13,7 +13,6 @@ NexT.boot.registerEvents = function() {
     event.currentTarget.classList.toggle('toggle-close');
     const siteNav = document.querySelector('.site-nav');
     if (!siteNav) return;
-    siteNav.style.setProperty('--scroll-height', siteNav.scrollHeight + 'px');
     document.body.classList.toggle('site-nav-on');
   });