@spark-hire/bootstrap-themes 0.7.44 → 0.7.45-dev-2

package/html/light.html

@@ -149,6 +149,7 @@
               <button type="button" class="btn btn-dark mr-1 mb-1">Dark</button>
               <button type="button" class="btn btn-link mr-1 mb-1">Link</button>
               <button type="button" class="btn btn-purple mr-1 mb-1">Purple</button>
+              <button type="button" class="btn btn-body-color mr-1 mb-1">Body Color</button>
             </p>
 
             <p class="bs-component">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-hire/bootstrap-themes",
-  "version": "0.7.44",
+  "version": "0.7.45-dev-2",
   "description": "Custom Bootstrap 4 Themes",
   "repository": {
     "type": "git",

package/scss/light/_variables.scss

@@ -1,4 +1,5 @@
 @import "../global_variables";
+@import "~bootstrap/scss/variables";
 
 $light:         $gray-200;
 
@@ -8,5 +9,10 @@ $opacifiedBg:   rgba(255,255,255,.25);
 
 $emphasized-link-hover-darken-percentage: 90%;
 
-@import "~bootstrap/scss/variables";
+$theme-colors: map-merge(
+  (
+    "body-color":    $body-color
+  ),
+  $theme-colors
+);
 

package/scss/light/theme.scss

@@ -15,4 +15,4 @@
 
 .border-light {
   border-color: $border-color !important;
-}
+}

package/scss/nav.scss

@@ -82,7 +82,9 @@ $value in $theme-colors {
     }
   }
 
-  .nav-link.active {
-    border-bottom-color: $value;
+  .nav-tabs-alt-bottom {
+    .nav-link.nav-link-#{$color}.active {
+      border-bottom-color: $value;
+    }
   }
 }