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/css/bulma-docs.css

@@ -114,6 +114,7 @@
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -409,6 +410,7 @@ th:not([align]) {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -454,6 +456,9 @@ html {
   overflow-x: hidden;
   overflow-y: scroll;
   text-rendering: optimizeLegibility;
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
           text-size-adjust: 100%;
 }
 
@@ -580,6 +585,15 @@ table th {
   color: #363636;
 }
 
+@-webkit-keyframes spinAround {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 @keyframes spinAround {
   from {
     transform: rotate(0deg);
@@ -703,6 +717,7 @@ table th {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -932,6 +947,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -2479,6 +2495,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -2672,6 +2689,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -3050,6 +3068,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -3334,6 +3353,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -3600,6 +3620,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -3826,9 +3847,13 @@ fieldset[disabled] .button {
 }
 
 .progress:indeterminate {
+  -webkit-animation-duration: 1.5s;
           animation-duration: 1.5s;
+  -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
+  -webkit-animation-name: moveIndeterminate;
           animation-name: moveIndeterminate;
+  -webkit-animation-timing-function: linear;
           animation-timing-function: linear;
   background-color: #ededed;
   background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
@@ -3861,6 +3886,15 @@ fieldset[disabled] .button {
   height: 1.5rem;
 }
 
+@-webkit-keyframes moveIndeterminate {
+  from {
+    background-position: 200% 0;
+  }
+  to {
+    background-position: -200% 0;
+  }
+}
+
 @keyframes moveIndeterminate {
   from {
     background-position: 200% 0;
@@ -3983,6 +4017,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -4334,6 +4369,7 @@ fieldset[disabled] .button {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -4721,6 +4757,7 @@ a.tag:hover {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -4989,6 +5026,7 @@ a.tag:hover {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -5237,6 +5275,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -5524,6 +5563,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -5959,6 +5999,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -6274,6 +6315,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -6822,6 +6864,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -7541,6 +7584,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -8106,6 +8150,7 @@ fieldset[disabled] .select select:-ms-input-placeholder,
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -8346,6 +8391,7 @@ fieldset[disabled] .select select:-ms-input-placeholder,
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -8587,6 +8633,7 @@ fieldset[disabled] .select select:-ms-input-placeholder,
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -8813,6 +8860,7 @@ button.dropdown-item.is-active {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -9074,6 +9122,7 @@ button.dropdown-item.is-active {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -9291,6 +9340,7 @@ button.dropdown-item.is-active {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -9498,6 +9548,7 @@ button.dropdown-item.is-active {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -9853,6 +9904,7 @@ button.dropdown-item.is-active {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -10099,6 +10151,7 @@ button.dropdown-item.is-active {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -11388,6 +11441,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -11697,6 +11751,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -12090,6 +12145,7 @@ label.panel-block:hover {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -12405,6 +12461,7 @@ label.panel-block:hover {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -14354,6 +14411,7 @@ label.panel-block:hover {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -14396,6 +14454,8 @@ label.panel-block:hover {
   flex-basis: 0;
   flex-grow: 1;
   flex-shrink: 1;
+  min-height: -webkit-min-content;
+  min-height: -moz-min-content;
   min-height: min-content;
 }
 
@@ -15149,6 +15209,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -15312,6 +15373,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -15478,6 +15540,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -16059,6 +16122,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -16668,6 +16732,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -17235,6 +17300,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -18271,6 +18337,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -19676,6 +19743,17 @@ svg {
   opacity: 1;
 }
 
+@-webkit-keyframes introSpinner {
+  from {
+    opacity: 0;
+    transform: scale(1.14);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 @keyframes introSpinner {
   from {
     opacity: 0;
@@ -19689,8 +19767,10 @@ svg {
 
 .intro-spinner,
 .intro-shadow {
+  -webkit-animation-duration: 500ms;
           animation-duration: 500ms;
   animation-easing-function: ease-out;
+  -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   transform-origin: center;
 }
@@ -19701,10 +19781,12 @@ svg {
   position: absolute;
   right: 0;
   top: 0;
+  -webkit-animation-name: introSpinner;
           animation-name: introSpinner;
 }
 
 .intro-spinner::before {
+  -webkit-animation: spinAround 500ms infinite linear;
           animation: spinAround 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -19724,6 +19806,17 @@ svg {
   width: 1.5em;
 }
 
+@-webkit-keyframes introShadow {
+  from {
+    opacity: 0;
+    transform: scale(0.86);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 @keyframes introShadow {
   from {
     opacity: 0;
@@ -19746,6 +19839,7 @@ svg {
   background-repeat: no-repeat;
   background-size: cover;
   box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
+  -webkit-animation-name: introShadow;
           animation-name: introShadow;
 }
 
@@ -21602,6 +21696,7 @@ svg {
 }
 
 .bd-rainbow {
+  -webkit-animation: rainbow 8s ease infinite;
           animation: rainbow 8s ease infinite;
   background-image: linear-gradient(124deg, #ff470f, #f14668, #b86bff, #3273dc);
   background-size: 800% 800%;
@@ -21612,6 +21707,18 @@ svg {
   color: white;
 }
 
+@-webkit-keyframes rainbow {
+  0% {
+    background-position: 1% 80%;
+  }
+  50% {
+    background-position: 99% 20%;
+  }
+  100% {
+    background-position: 1% 80%;
+  }
+}
+
 @keyframes rainbow {
   0% {
     background-position: 1% 80%;
@@ -22118,6 +22225,15 @@ svg {
   }
 }
 
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 @keyframes fadeIn {
   from {
     opacity: 0;
@@ -22127,6 +22243,15 @@ svg {
   }
 }
 
+@-webkit-keyframes zoomIn {
+  from {
+    transform: scale(0.8);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+
 @keyframes zoomIn {
   from {
     transform: scale(0.8);
@@ -22271,16 +22396,20 @@ svg {
 
 .bd-book-modal .bd-book-modal-background,
 .bd-book-modal .modal-content {
+  -webkit-animation-duration: 250ms;
           animation-duration: 250ms;
   animation-easing-function: ease-out;
+  -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
 }
 
 .bd-book-modal .bd-book-modal-background {
+  -webkit-animation-name: fadeIn;
           animation-name: fadeIn;
 }
 
 .bd-book-modal .modal-content {
+  -webkit-animation-name: zoomIn;
           animation-name: zoomIn;
   transform-origin: center;
 }
@@ -22472,6 +22601,15 @@ svg {
   }
 }
 
+@-webkit-keyframes bdGrow {
+  from {
+    transform: scale(0);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+
 @keyframes bdGrow {
   from {
     transform: scale(0);
@@ -22481,6 +22619,17 @@ svg {
   }
 }
 
+@-webkit-keyframes bdSlideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-1rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 @keyframes bdSlideDown {
   from {
     opacity: 0;
@@ -22492,6 +22641,17 @@ svg {
   }
 }
 
+@-webkit-keyframes bdSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(1rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 @keyframes bdSlideUp {
   from {
     opacity: 0;
@@ -22505,97 +22665,134 @@ svg {
 
 .intro-title, .intro-ghbtns,
 .intro-author, .intro-npm, .intro-buttons .button, .bd-focus-item .title, .bd-focus-item .subtitle, .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop, .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3, .bd-focus-css3, .bd-focus-github {
+  -webkit-animation-duration: 500ms;
           animation-duration: 500ms;
+  -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
           animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
   transform-origin: center center;
 }
 
 .intro-title {
+  -webkit-animation-name: bdSlideDown;
           animation-name: bdSlideDown;
 }
 
 .intro-ghbtns,
 .intro-author {
+  -webkit-animation-delay: 1s;
           animation-delay: 1s;
+  -webkit-animation-duration: 1000ms;
           animation-duration: 1000ms;
+  -webkit-animation-name: bdFadeIn;
           animation-name: bdFadeIn;
 }
 
 .intro-npm {
+  -webkit-animation-delay: 250ms;
           animation-delay: 250ms;
+  -webkit-animation-name: bdSlowIn;
           animation-name: bdSlowIn;
 }
 
 .intro-buttons .button {
+  -webkit-animation-name: bdSlowIn;
           animation-name: bdSlowIn;
 }
 
 .intro-buttons .button:first-child {
+  -webkit-animation-delay: 500ms;
           animation-delay: 500ms;
 }
 
 .intro-buttons .button:last-child {
+  -webkit-animation-delay: 750ms;
           animation-delay: 750ms;
 }
 
 .bd-focus-item .title {
+  -webkit-animation-name: bdSlideDown;
           animation-name: bdSlideDown;
 }
 
 .bd-focus-item .subtitle {
+  -webkit-animation-name: bdSlideUp;
           animation-name: bdSlideUp;
 }
 
 .bd-focus-item:nth-child(1) .title {
+  -webkit-animation-delay: 1s;
           animation-delay: 1s;
 }
 
 .bd-focus-item:nth-child(1) .subtitle {
+  -webkit-animation-delay: 1.125s;
           animation-delay: 1.125s;
 }
 
 .bd-focus-item:nth-child(2) .title {
+  -webkit-animation-delay: 1.5s;
           animation-delay: 1.5s;
 }
 
 .bd-focus-item:nth-child(2) .subtitle {
+  -webkit-animation-delay: 1.625s;
           animation-delay: 1.625s;
 }
 
 .bd-focus-item:nth-child(3) .title {
+  -webkit-animation-delay: 2s;
           animation-delay: 2s;
 }
 
 .bd-focus-item:nth-child(3) .subtitle {
+  -webkit-animation-delay: 2.125s;
           animation-delay: 2.125s;
 }
 
 .bd-focus-item:nth-child(4) .title {
+  -webkit-animation-delay: 2.5s;
           animation-delay: 2.5s;
 }
 
 .bd-focus-item:nth-child(4) .subtitle {
+  -webkit-animation-delay: 2.625s;
           animation-delay: 2.625s;
 }
 
 .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop {
+  -webkit-animation-name: bdGrow;
           animation-name: bdGrow;
   transform-origin: bottom center;
 }
 
 .bd-focus-mobile {
+  -webkit-animation-delay: 1s;
           animation-delay: 1s;
 }
 
 .bd-focus-tablet {
+  -webkit-animation-delay: 1.25s;
           animation-delay: 1.25s;
 }
 
 .bd-focus-desktop {
+  -webkit-animation-delay: 1.5s;
           animation-delay: 1.5s;
 }
 
+@-webkit-keyframes bdCube1 {
+  0% {
+    transform: translate3d(0, -50px, 0);
+    opacity: 0;
+  }
+  25%, 100% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
 @keyframes bdCube1 {
   0% {
     transform: translate3d(0, -50px, 0);
@@ -22607,6 +22804,17 @@ svg {
   }
 }
 
+@-webkit-keyframes bdCube2 {
+  0% {
+    transform: translate3d(-40px, 30px, 0);
+    opacity: 0;
+  }
+  25%, 100% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
 @keyframes bdCube2 {
   0% {
     transform: translate3d(-40px, 30px, 0);
@@ -22618,6 +22826,17 @@ svg {
   }
 }
 
+@-webkit-keyframes bdCube3 {
+  0% {
+    transform: translate3d(40px, 30px, 0);
+    opacity: 0;
+  }
+  25%, 100% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
 @keyframes bdCube3 {
   0% {
     transform: translate3d(40px, 30px, 0);
@@ -22630,26 +22849,44 @@ svg {
 }
 
 .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3 {
+  -webkit-animation-direction: alternate;
           animation-direction: alternate;
+  -webkit-animation-duration: 2000ms;
           animation-duration: 2000ms;
+  -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
 }
 
 .bd-focus-cube-1 {
+  -webkit-animation-delay: 1.5s;
           animation-delay: 1.5s;
+  -webkit-animation-name: bdCube1;
           animation-name: bdCube1;
 }
 
 .bd-focus-cube-2 {
+  -webkit-animation-name: bdCube2;
           animation-name: bdCube2;
+  -webkit-animation-delay: 1.75s;
           animation-delay: 1.75s;
 }
 
 .bd-focus-cube-3 {
+  -webkit-animation-name: bdCube3;
           animation-name: bdCube3;
+  -webkit-animation-delay: 2s;
           animation-delay: 2s;
 }
 
+@-webkit-keyframes bdFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 @keyframes bdFadeIn {
   from {
     opacity: 0;
@@ -22659,6 +22896,17 @@ svg {
   }
 }
 
+@-webkit-keyframes bdSlowIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 @keyframes bdSlowIn {
   from {
     opacity: 0;
@@ -22670,6 +22918,17 @@ svg {
   }
 }
 
+@-webkit-keyframes bdScaleIn {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 @keyframes bdScaleIn {
   from {
     opacity: 0;
@@ -22682,16 +22941,105 @@ svg {
 }
 
 .bd-focus-css3 {
+  -webkit-animation-delay: 2s;
           animation-delay: 2s;
+  -webkit-animation-name: bdScaleIn;
           animation-name: bdScaleIn;
 }
 
 .bd-focus-github {
+  -webkit-animation-delay: 2.5s;
           animation-delay: 2.5s;
+  -webkit-animation-duration: 1500ms;
           animation-duration: 1500ms;
+  -webkit-animation-name: bdJellyPop;
           animation-name: bdJellyPop;
 }
 
+@-webkit-keyframes bdJellyPop {
+  0% {
+    opacity: 0;
+    transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  3.4% {
+    opacity: 1;
+    transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  4.7% {
+    transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  6.81% {
+    transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  9.41% {
+    transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  10.21% {
+    transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  13.61% {
+    transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  14.11% {
+    transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  17.52% {
+    transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  18.72% {
+    transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  21.32% {
+    transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  24.32% {
+    transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  25.23% {
+    transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  29.03% {
+    transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  29.93% {
+    transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  35.54% {
+    transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  36.74% {
+    transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  41.04% {
+    transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  44.44% {
+    transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  52.15% {
+    transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  59.86% {
+    transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  63.26% {
+    transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  75.28% {
+    transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  85.49% {
+    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  90.69% {
+    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+  100% {
+    opacity: 1;
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  }
+}
+
 @keyframes bdJellyPop {
   0% {
     opacity: 0;
@@ -22775,3 +23123,5 @@ svg {
     transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
   }
 }
+
+/*# sourceMappingURL=bulma-docs.css.map */

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);