Fix #3211

docs/_data/sponsors.json

@@ -292,6 +292,13 @@
       "width":"125",
       "height":"28",
       "follow": true
+    },
+    "quickbookstoolhub": {
+      "name": "quickbookstoolhub",
+      "url": "https://quickbookstoolhub.com/",
+      "title": "Quickbooks Tool Hub",
+      "width":"64",
+      "height":"64"
     }
   },
   "home": [
@@ -315,6 +322,7 @@
     ,"gamblizard"
     ,"casinofiables"
     ,"123calendars"
+    ,"quickbookstoolhub"
   ],
   "footer": [
     "polygon"

docs/_includes/examples/navbar-bottom.html

@@ -3,7 +3,7 @@
     <a class="navbar-item" href="{{ site.url }}">
       <img src="{{ site.url }}/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
     </a>
-    <div class="navbar-burger burger" data-target="navbarExample{{ include.id }}">
+    <div class="navbar-burger" data-target="navbarExample{{ include.id }}">
       <span></span>
       <span></span>
       <span></span>

docs/_includes/examples/navbar-color.html

@@ -7,7 +7,7 @@
         <img src="{{ site.url }}/images/bulma-logo-white.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
       {% endif %}
     </a>
-    <div class="navbar-burger burger" data-target="navMenuColor{{ include.color }}-example">
+    <div class="navbar-burger" data-target="navMenuColor{{ include.color }}-example">
       <span></span>
       <span></span>
       <span></span>

docs/_includes/examples/navbar.html

@@ -3,7 +3,7 @@
     <a class="navbar-item" href="{{ site.url }}">
       <img src="{{ site.url }}/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
     </a>
-    <div class="navbar-burger burger" data-target="navbarExample{{ include.id }}">
+    <div class="navbar-burger" data-target="navbarExample{{ include.id }}">
       <span></span>
       <span></span>
       <span></span>

docs/_includes/global/navbar.html

@@ -17,7 +17,7 @@
       </span>
     </a>
 
-    <div id="navbarBurger" class="navbar-burger burger" data-target="navMenu{{ include.id }}">
+    <div id="navbarBurger" class="navbar-burger" data-target="navMenu{{ include.id }}">
       <span></span>
       <span></span>
       <span></span>

docs/_javascript/main.js

@@ -136,10 +136,14 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // Toggles
 
-  const $burgers = getAll('.burger');
+  const $burgers = getAll('.navbar-burger');
 
   if ($burgers.length > 0) {
     $burgers.forEach($el => {
+      if (!$el.dataset.target) {
+        return;
+      }
+
       $el.addEventListener('click', () => {
         const target = $el.dataset.target;
         const $target = document.getElementById(target);

docs/documentation/components/navbar.html

@@ -21,7 +21,7 @@ meta:
       <img src="{{ site.url }}/images/bulma-logo.png" width="112" height="28">
     </a>
 
-    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
       <span aria-hidden="true"></span>
       <span aria-hidden="true"></span>
       <span aria-hidden="true"></span>

docs/documentation/layout/hero.html

@@ -525,7 +525,7 @@ meta:
           <a class="navbar-item">
             <img src="{{ site.url }}/images/bulma-type-white.png" alt="Logo">
           </a>
-          <span class="navbar-burger burger" data-target="navbarMenuHeroA">
+          <span class="navbar-burger" data-target="navbarMenuHeroA">
             <span></span>
             <span></span>
             <span></span>
@@ -595,7 +595,7 @@ meta:
           <a class="navbar-item">
             <img src="{{ site.url }}/images/bulma-type-white.png" alt="Logo">
           </a>
-          <span class="navbar-burger burger" data-target="navbarMenuHeroB">
+          <span class="navbar-burger" data-target="navbarMenuHeroB">
             <span></span>
             <span></span>
             <span></span>
@@ -676,7 +676,7 @@ meta:
           <a class="navbar-item">
             <img src="{{ site.url }}/images/bulma-type-white.png" alt="Logo">
           </a>
-          <span class="navbar-burger burger" data-target="navbarMenuHeroC">
+          <span class="navbar-burger" data-target="navbarMenuHeroC">
             <span></span>
             <span></span>
             <span></span>

docs/lib/main.js

@@ -138,10 +138,14 @@ document.addEventListener('DOMContentLoaded', function () {
 
   // Toggles
 
-  var $burgers = getAll('.burger');
+  var $burgers = getAll('.navbar-burger');
 
   if ($burgers.length > 0) {
     $burgers.forEach(function ($el) {
+      if (!$el.dataset.target) {
+        return;
+      }
+
       $el.addEventListener('click', function () {
         var target = $el.dataset.target;
         var $target = document.getElementById(target);