_bootstrap_overrides.scss in blacklight-spotlight-3.0.0.alpha.1

- old
+ new

@@ -1,15 +1,17 @@
 .search-input-group {
   width: auto;
 }
 
 .page-header {
+  @extend .mb-4;
+
   border-bottom: none;
   small {
-    font-size: $font-size-h2;
+    @extend .text-muted;
+    font-size: $h2-font-size;
     display: block;
-    margin-top: $padding-base-vertical;
   }
 }
 
 .navbar-sm {
   li > a {
@@ -18,35 +20,50 @@
   }
 
   margin-top: -10px;
 }
 
-.sidenav {
+.page-sidebar {
   margin-bottom: 24px;
 
-  .active {
-    a {
-      color: $black;
+  .nav-heading {
+    @extend .h5;
+    @extend .border-bottom;
+    @extend .border-secondary;
 
-      &:hover {
-        background-color: inherit;
-      }
+    padding-bottom: 0.25rem;
+    margin-bottom: 0.25rem;
+    margin-left: 0.5rem;
+    padding-left: 0;
+    padding-top: 0;
+  }
+
+  .nav-link {
+    padding: 0rem 1rem;
+    padding-left: 0.5rem;
+  }
+
+  .nav-link.active {
+    color: $black;
+
+    &:hover {
+      background-color: inherit;
     }
   }
 }
 
 .nav-heading {
   margin: 0;
-  padding: $nav-link-padding;
+  padding:$nav-link-padding-x $nav-link-padding-y;
 }
 
 .btn-nav {
-  margin: $nav-link-padding;
+  margin:$nav-link-padding-x $nav-link-padding-y;
 }
 
 h1,h2,h3,h4,h5,h6 {
-  .label {
+  .badge {
     font-size: $font-size-base;
     vertical-align: super;
   }
 }
 
@@ -57,11 +74,11 @@
 label.radio {
   font-weight: normal;
 }
 
 #main-container .nav {
-  margin-bottom: $line-height-computed;
+  margin-bottom: $line-height-lg * 1rem;
 }
 
 .tab-pane {
   > p.instructions:first-child, > fieldset:first-child {
     margin-top: -$padding-base-vertical;
@@ -76,10 +93,10 @@
   div.radio + input[type="file"] {
     margin-top: $padding-large-vertical;
   }
 }
 
-@media (max-width: $screen-sm-max) {
+@media (max-width: breakpoint-max("md")) {
   aside.col-md-3 {
     padding-left: 0;
   }
 }