Make all dropdown menus auto drop on hover.

scss/bootstrap/_dropdown.scss

@@ -0,0 +1,25 @@
+// Make dropdown menus auto drop
+@include media-breakpoint-up(md) {
+  .dropdown {
+    .dropdown-menu {
+      display: block;
+      opacity: 0;
+      transition: all .15s linear;
+      pointer-events: none; // Prevent auto show when mouse is below top menu item
+      min-width: 190px;
+    }
+
+    &:hover {
+      .dropdown-menu {
+        display: block;
+        opacity: 1;
+        pointer-events: auto; // Prevent auto hide when mouse is in dropdown menu
+      }
+    }
+
+    .dropdown-menu-end {
+      right: 0;
+      left: auto;
+    }
+  }
+}

scss/bootstrap/_navbar.scss

@@ -11,30 +11,4 @@
       color: #fff;
     }
   }
-
-  // Make dropdown menus auto drop
-  @include media-breakpoint-up(md) {
-    .dropdown {
-      .dropdown-menu {
-        display: block;
-        opacity: 0;
-        transition: all .15s linear;
-        pointer-events: none; // Prevent auto show when mouse is below top menu item
-        min-width: 190px;
-      }
-
-      &:hover {
-        .dropdown-menu {
-          display: block;
-          opacity: 1;
-          pointer-events: auto; // Prevent auto hide when mouse is in dropdown menu
-        }
-      }
-
-      .dropdown-menu-end {
-        right: 0;
-        left: auto;
-      }
-    }
-  }
 }

scss/bootstrap/_variables.scss

@@ -102,9 +102,6 @@ $dropdown-link-hover-bg: hsl(200, 36%, 95%);
 $card-border-width: 0;
 $card-box-shadow: 0 .125rem .25rem rgba($black, .075);
 
-// Breadcrumb
-$breadcrumb-divider: quote(">");
-
 // Code
 $code-font-size: 100% !default;
 $code-color: $purple !default;

scss/essence.scss

@@ -10,6 +10,7 @@
 // Bootstrap components
 @import 'bootstrap/reboots';
 @import 'bootstrap/buttons';
+@import 'bootstrap/dropdown';
 @import 'bootstrap/nav';
 @import 'bootstrap/navbar';
 @import 'bootstrap/pagination';