feat(top-nav): stub out new nav js

* Add id to mobile trigger
* Remove old js

Author: sarmstead

partials/navigation-top.hbs

@@ -3,7 +3,7 @@
         <a class='navigation__logo' href='/'>
             <img src={{asset 'images/gem-logo--badge.svg'}} />
         </a>
-        <button class='navigation__mobile-menu-trigger closed'></button>
+        <button class='navigation__mobile-menu-trigger closed' id='navigation__mobile-menu-trigger'></button>
         {{navigation}}
         <div class='navigation__membership kg-button-card'>
             <a class='kg-btn' href='#/portal/signup'>Membership</a>

src/css/layout/navigation-top.css

@@ -38,7 +38,7 @@
         background-image: url('/assets/images/icon__burger.svg');
     }
 
-    .navigation__mobile-menu-trigger.open {
+    .navigation__mobile-menu-trigger.opened {
         background-image: url('/assets/images/icon__close.svg');
     }
 

src/js/app/dropdown.js

@@ -1,6 +1,5 @@
 import "../../css/app.css"
-import './dropdown.js'
-import './responsive-nav.js'
+import './navigation-top';
 
 // LiveReload server
 if (ENV === 'development') {

src/js/app/index.js

@@ -0,0 +1,10 @@
+const mobileTrigger = document.getElementById(
+    'navigation__mobile-menu-trigger',
+);
+
+function toggleMobileMenu() {
+    this.classList.toggle('closed');
+    this.classList.toggle('opened');
+}
+
+mobileTrigger.addEventListener('click', toggleMobileMenu);