⚡ fix: sidebar

layout/layout.ejs

@@ -28,12 +28,6 @@
     <aside class="sidebar on">
       <%- partial('_partial/sidebar') %>
     </aside>
-    <script>
-      if (window.matchMedia("(max-width: 768px)").matches) {
-        document.querySelector('.content').classList.remove('on');
-        document.querySelector('.sidebar').classList.remove('on');
-      }
-    </script>
     <%- partial('_partial/modal') %>
     <%- partial('_partial/after-footer') %>
 

source/css/custom.styl

@@ -25,7 +25,12 @@ if hexo-config('mouse.enable')
 @media(max-width: 768px)
     .tocbot
         display none !important
-    .content
+    .sidebar
+        left 0
         &.on
-            transform translateX($aside-width)
+            left - $aside-width
+    .content
+        transform translateX($aside-width)
+        &.on
+            transform translateX(0)