Add GitHub sponsor button

docs/_includes/global/navbar.html

@@ -1,4 +1,4 @@
-<nav id="navbar" class="navbar has-shadow is-spaced">
+<nav id="navbar" class="bd-navbar navbar has-shadow is-spaced">
   <div class="container">
   <div class="navbar-brand">
     <a class="navbar-item" href="{{ site.url }}">
@@ -77,13 +77,13 @@
     </div>
 
     <div class="navbar-end">
-      <a class="navbar-item is-hidden-touch is-hidden-desktop-only" href="{{ site.data.meta.github }}" target="_blank">
+      <a class="bd-navbar-icon navbar-item" href="{{ site.data.meta.github }}" target="_blank">
         <span class="icon" style="color: #333;">
           <i class="fab fa-lg fa-github-alt"></i>
         </span>
       </a>
 
-      <a class="navbar-item is-hidden-touch is-hidden-desktop-only" href="{{ site.data.meta.twitter }}" target="_blank">
+      <a class="bd-navbar-icon navbar-item" href="{{ site.data.meta.twitter }}" target="_blank">
         <span class="icon" style="color: #55acee;">
           <i class="fab fa-lg fa-twitter"></i>
         </span>

docs/_sass/global.sass

@@ -160,8 +160,12 @@ $carbon-poweredby-height: 20px
     &:hover
       text-decoration: underline
 
++until($fullhd)
+  .bd-navbar-icon
+    display: none
+
 +until($widescreen)
-  #navMenuLove .bd-navbar-item-backers
+  .bd-navbar .bd-navbar-item-backers
     display: none
 
 +widescreen

docs/css/bulma-docs.css

@@ -11472,8 +11472,14 @@ svg {
   text-decoration: underline;
 }
 
+@media screen and (max-width: 1407px) {
+  .bd-navbar-icon {
+    display: none;
+  }
+}
+
 @media screen and (max-width: 1215px) {
-  #navMenuLove .bd-navbar-item-backers {
+  .bd-navbar .bd-navbar-item-backers {
     display: none;
   }
 }