Brand image, and refactoring of the initial sassing

src/html/index.html

@@ -13,7 +13,7 @@
     <meta property="og:url" content="https://srct.gmu.io/masonstrap/">
     <meta property="og:type" content="website">
     <meta property="og:title" content="SRCT Masonstrap">
-    <!--<meta property="og:image" content="http://srct.gmu.io/masonstrap/assets/img/masonstrap.png">-->
+    <meta property="og:image" content="https://srct.gmu.io/masonstrap/img/masonstrap.png">
     <meta property="og:description" content="Easily provide any web project with Mason branding.">
     <meta property="og:site_name" content="SRCT Masonstrap">
     <meta property="og:locale" content="en_US">
@@ -25,7 +25,7 @@
     <meta name="twitter:url" content="https://srct.gmu.io/masonstrap/">
     <meta name="twitter:title" content="SRCT Masonstrap">
     <meta name="twitter:description" content="Easily provide any web project with Mason branding.">
-    <!--<meta name="twitter:image" content="http://srct.gmu.io/masonstrap/assets/img/masonstrap.png">-->
+    <meta name="twitter:image" content="https://srct.gmu.io/masonstrap/img/masonstrap.png">
 
     <!-- Title -->
     <title>Masonstrap 4 &bull; Home</title>

src/scss/_functions.scss

+// Custom functions
+
 // Get a key from the primary-palette map
 @function get-primary-palette($key) {
   @if map-has-key($primary-palette, $key) {

src/scss/_mixins.scss

-@mixin button-outline-variant($color, $color-hover: #fff) {
-    color: $color;
-    background-color: transparent;
-    background-image: none;
-    border-color: $color;
-  
-    @include hover {
-      color: $color-hover;
-      background-color: $color;
-      border-color: $color;
-    }
-  
-    &:focus,
-    &.focus {
-      box-shadow: 0 0 0 3px rgba($color, .5);
-    }
-  
-    &.disabled,
-    &:disabled {
-      color: $color;
-      background-color: transparent;
-    }
-  
-    &:active,
-    &.active,
-    .show > &.dropdown-toggle {
-      color: $color-hover;
-      background-color: $color;
-      border-color: $color;
-    }
-  }
-  
\ No newline at end of file
+// Custom Mixins
\ No newline at end of file

src/scss/_overwrites.scss

+// Things that originate from Bootstrap that we overwrite
+
+@each $color, $value in $theme-colors {
+    .btn-outline-#{$color} {
+      @include button-outline-variant($value, $gray-900);
+    }
+}

src/scss/_styles.scss

-@each $color, $value in $theme-colors {
-    .btn-outline-#{$color} {
-      @include button-outline-variant($value, $gray-900);
-    }
-  }
-  
\ No newline at end of file
+// Custom classes and styling
\ No newline at end of file