feat: add transparent navbar support

index.html

@@ -24,7 +24,7 @@
 
 <div id="wrapper">
 
-<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
   <a class="navbar-brand" href="#">Blue Sky</a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>

scss/_global.scss

@@ -39,6 +39,12 @@ header h1 {
     padding-bottom:0;
   }
   @include li-no-margin();
+
+    &.navbar-transparent {
+        border: none;
+        box-shadow: none;
+        background-color:transparent;
+    }
 }
 
 .dropdown-menu {

style.css

@@ -235,6 +235,11 @@ header h1 {
 .navbar li {
   margin: 0;
 }
+.navbar.navbar-transparent {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
 
 .dropdown-menu {
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2);