Uprade dependencies

docs/_includes/elements/github.html

@@ -1,7 +1,10 @@
-<a class="button bd-github-button" href="{{ site.data.meta.sponsorship_url }}" target="_blank">
+<a
+  class="button bd-github-button"
+  href="{{ site.data.meta.sponsorship_url }}"
+  target="_blank"
+>
   <span class="icon">
     <i class="fas fa-heart"></i>
   </span>
   <strong>Sponsor</strong>
-  <em class="tag bd-mini-tag is-small is-success">New!</em>
 </a>

docs/_sass/global.sass

@@ -37,11 +37,13 @@ svg
     p:first-child
       margin-right: 1em
 
+$github-pink: #ea4aaa
 .bd-github-button
-  background-color: #eff3f6
-  background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%)
-  border-color: #1b1f2333
-  color: #24292e
+  background-color: $github-pink
+  // background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%)
+  border-color: $github-pink !important
+  // color: #24292e
+  color: #fff
   font-size: 0.875rem
   height: auto
   padding: calc(0.5em - 1px) 1em
@@ -50,16 +52,23 @@ svg
     font-weight: $weight-semibold
     margin-top: -2px
   .icon
-    color: #ea4aaa
+    color: inherit
   .tag
     font-size: 0.5rem
     font-style: normal
     margin: -1px -8px 0 7px
-  &:hover
-    background-color: #e6ebf1
-    background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%)
-    background-position: -.5em
-    border-color: #1b1f2359
+  &:hover,
+  &:focus
+    background-color: darken($github-pink, 5%)
+  &:active
+    background-color: darken($github-pink, 10%)
+  &:hover,
+  &:focus,
+  &:active
+    color: #fff
+    // background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%)
+    // background-position: -.5em
+    // border-color: #1b1f2359
 
 .bd-patreon-button
   display: inline-block

docs/css/bulma-docs.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! bulma.io v0.8.0 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.8.2 | MIT License | github.com/jgthms/bulma */
 @-webkit-keyframes spinAround {
   from {
     transform: rotate(0deg);
@@ -4320,23 +4320,23 @@ a.tag:hover {
   background-color: white;
   border-color: #dbdbdb;
   border-radius: 4px;
-  color: inherit;
+  color: #363636;
 }
 
 .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
-  color: inherit;
+  color: rgba(54, 54, 54, 0.3);
 }
 
 .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
-  color: inherit;
+  color: rgba(54, 54, 54, 0.3);
 }
 
 .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
-  color: inherit;
+  color: rgba(54, 54, 54, 0.3);
 }
 
 .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
-  color: inherit;
+  color: rgba(54, 54, 54, 0.3);
 }
 
 .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
@@ -7188,7 +7188,6 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 }
 
 .navbar-item {
-  display: block;
   flex-grow: 0;
   flex-shrink: 0;
 }
@@ -7357,9 +7356,6 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     align-items: center;
     display: flex;
   }
-  .navbar-item {
-    display: flex;
-  }
   .navbar-item.has-dropdown {
     align-items: stretch;
   }
@@ -11590,10 +11586,9 @@ svg {
 }
 
 .bd-github-button {
-  background-color: #eff3f6;
-  background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
-  border-color: #1b1f2333;
-  color: #24292e;
+  background-color: #ea4aaa;
+  border-color: #ea4aaa !important;
+  color: #fff;
   font-size: 0.875rem;
   height: auto;
   padding: calc(0.5em - 1px) 1em;
@@ -11606,7 +11601,7 @@ svg {
 }
 
 .bd-github-button .icon {
-  color: #ea4aaa;
+  color: inherit;
 }
 
 .bd-github-button .tag {
@@ -11615,11 +11610,16 @@ svg {
   margin: -1px -8px 0 7px;
 }
 
-.bd-github-button:hover {
-  background-color: #e6ebf1;
-  background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
-  background-position: -.5em;
-  border-color: #1b1f2359;
+.bd-github-button:hover, .bd-github-button:focus {
+  background-color: #e7339f;
+}
+
+.bd-github-button:active {
+  background-color: #e51c95;
+}
+
+.bd-github-button:hover, .bd-github-button:focus, .bd-github-button:active {
+  color: #fff;
 }
 
 .bd-patreon-button {

docs/package.json

@@ -5,15 +5,15 @@
   "author": "Jeremy Thomas <bbxdesign@gmail.com> (https://jgthms.com)",
   "license": "MIT",
   "devDependencies": {
-    "autoprefixer": "^9.4.7",
+    "autoprefixer": "^9.7.6",
     "babel-cli": "^6.26.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-es2015-ie": "^6.7.0",
-    "clean-css-cli": "^4.2.1",
+    "clean-css-cli": "^4.3.0",
     "metalsmith": "^2.3.0",
     "metalsmith-filter": "^1.0.2",
-    "node-sass": "^4.11.0",
-    "postcss-cli": "^6.1.1"
+    "node-sass": "^4.13.1",
+    "postcss-cli": "^7.1.0"
   },
   "scripts": {
     "css-build": "npm run css-sass && npm run css-autoprefix && npm run css-cleancss",