tweak navbar so it isn't more than 4rem high

diff --git a/_includes/nav-home.html b/_includes/nav-home.html
index 24d0ecf6d72ddb22713b59fd48504938cc234eb7..409077b084a767a1fc9e697fbbe805eba8b9a069 100644 (file)
--- a/_includes/nav-home.html
+++ b/_includes/nav-home.html
@@ -1,6 +1,6 @@
 <header class="navbar navbar-inverse navbar-expand-md flex-column flex-md-row bd-navbar">
   <a class="navbar-brand mr-0 mr-md-2" href="{{ site.baseurl }}/">
-    {% include icons/bootstrap.svg width="40" height="40" class="d-block" %}
+    {% include icons/bootstrap.svg width="38" height="38" class="d-block" %}
   </a>
 
   <div class="navbar-nav-scroll">

diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss
index 45b4206114e066f4d223f38bde2fa1a653d4ef7e..0a5f94e0534e72d96f7a117ee5a99fb87db4451e 100644 (file)
--- a/assets/scss/_nav.scss
+++ b/assets/scss/_nav.scss
@@ -7,8 +7,7 @@
 .bd-navbar {
   min-height: 4rem;
   background-color: $bd-purple;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
+  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
 
   @include media-breakpoint-down(md) {
     .navbar-nav-scroll {
@@ -62,13 +61,4 @@
   .dropdown-menu {
     font-size: .875rem;
   }
-
-  // .navbar-brand {
-  //   color: #fff;
-  // }
-
-  .bd-navbar-brand-wrap {
-    padding-top: .25rem;
-    padding-bottom: .25rem;
-  }
 }