Добавления стилей и JS для «бургера» и «закрыть»

src/blocks/burger/burger.js

+document.addEventListener('DOMContentLoaded', function(){
+
+  function $$(selector, context) {
+    context = context || document;
+    var elements = context.querySelectorAll(selector);
+    return Array.prototype.slice.call(elements);
+  }
+
+  var burgers = $$('.burger');
+
+  for (var i = 0; i < burgers.length; i++) {
+    var burger = burgers[i];
+    burger.addEventListener('click', showBurgerTarget);
+    function showBurgerTarget() {
+      var targetId = this.getAttribute('data-target-id');
+      var targetClassToggle = this.getAttribute('data-target-class-toggle');
+      if (targetId && targetClassToggle) {
+        this.classList.toggle('burger--close');
+        document.getElementById(targetId).classList.toggle(targetClassToggle);
+      }
+    }
+  }
+
+});

src/blocks/burger/burger.pug

+mixin burger(label, targetId, className)
+
+  //- label {string}          описание, значение атрибута aria-label
+  //- targetId {string}       атрибут id целевого элемента (без символа #), на котором по клику будет меняться класс
+  //- className {string}      класс, добавляемый/убираемый с целевого элемента
+
+  button.burger(aria-label=label, data-target-id=targetId, data-target-class-toggle=className)&attributes(attributes)
+    span

src/blocks/close/close.pug

+mixin close(label)
+
+  //- label {string}          описание, значение атрибута aria-label
+
+  button.close(aria-label=label)&attributes(attributes)
+    span