[refactor] hide menu until js is loaded

Author: zombieFox

src/css/menu.css

@@ -9,11 +9,6 @@
 transition: transform var(--layout-timing-extra-fast);
 z-index:var(--z-index-menu);
 pointer-events: none;
-display: none;
-}
-
-.is-menu .menu{
-display: block;
 }
 
 .menu:focus{

src/index.html

@@ -132,7 +132,7 @@
 
 </main>
 
-<sectionclass="menu" tabindex="-1">
+<sectionclass="menu" tabindex="-1"style="display:none;">
 <divclass="menu-area">
 
 <divclass="menu-nav">

src/js/menu.js

@@ -70,6 +70,10 @@ var menu = (function(){
 helper.removeClass(helper.e("html"),"is-menu-open");
 };
 
+render.removeStyle=function(){
+helper.e(".menu").removeAttribute("style");
+};
+
 varnav=function(button,area){
 render.nav(button,area);
 render.scrollToTop();
@@ -108,6 +112,7 @@ var menu = (function(){
 varinit=function(){
 mod.close();
 render.close();
+render.removeStyle();
 };
 
 return{