@spark-hire/bootstrap-themes 0.6.0 → 0.6.1

package/html/dark.html

@@ -1431,7 +1431,7 @@
     </div>
 
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="../node_modules/popper.js/dist/popper.min.js"></script>
+    <script src="../node_modules/popper.js/dist/umd/popper.min.js"></script>
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
   </body>
 </html>

package/html/light.html

@@ -1431,7 +1431,7 @@
     </div>
 
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="../node_modules/popper.js/dist/popper.min.js"></script>
+    <script src="../node_modules/popper.js/dist/umd/popper.min.js"></script>
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
   </body>
 </html>

package/package.json

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

package/scss/_global_variables.scss

@@ -2,6 +2,7 @@
 @import "~bootstrap/scss/mixins";
 
 $enable-rounded:                        false;
+$enable-shadows:                        true;
 
 $white:                                 #fff;
 
@@ -73,16 +74,18 @@ $theme-colors: map-merge(
   $theme-colors
 );
 
+$btn-transition:                        color .175s ease-in-out, background-color .175s ease-in-out, border-color .175s ease-in-out, box-shadow .175s ease-in-out !default;
+
 $link-color:                            $blue;
 $link-decoration:                       none;
-$link-hover-color:                      darken($link-color, 15%);
+$link-hover-color:                      lighten($link-color, 13%);
 $link-hover-decoration:                 none;
 
 $border-width:                          1px;
 
 $font-size-base:                        1rem;
 $font-size-lg:                          1.10rem;
-$font-size-sm:                          .95rem;
+$font-size-sm:                          .9rem;
 
 $input-btn-padding-y-sm:                .35rem;
 $input-btn-padding-x-sm:                .6rem;

package/scss/alert.scss

@@ -0,0 +1,5 @@
+.alert-dismissible {
+  .close {
+    @include transition($btn-transition);
+  }
+}

package/scss/{buttons.scss → button.scss}

@@ -6,3 +6,7 @@
 .btn-lg {
   @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
 }
+
+.btn svg {
+  fill: $body-color;
+}

package/scss/dark/_variables.scss

@@ -8,6 +8,8 @@ $dark:                                  $gray-1000;
 $body-bg:                               $gray-900;
 $body-color:                            $gray-100;
 
+$app-bg:                                $gray-900;
+
 $input-bg:                              $gray-400;
 $input-disabled-bg:                     $gray-600;
 
@@ -23,7 +25,6 @@ $input-focus-color:                     $input-color;
 $input-placeholder-color:               $gray-700;
 
 $border-color:                          rgba(0,0,0,.25);
-@debug $border-color;
 
 $modal-content-bg:                      $gray-700;
 $modal-header-border-color:             $gray-600;
@@ -67,4 +68,8 @@ $progress-bg:                           $gray-1000;
 
 $table-color:                           $gray-100;
 
+$dropdown-bg:                           $gray-100;
+$dropdown-link-hover-bg:                $gray-200;
+$dropdown-border-color:                 transparent;
+
 @import "~bootstrap/scss/variables";

package/scss/dropdowns.scss

@@ -0,0 +1,4 @@
+.dropdown-toggle::after {
+  margin-left: .5rem;
+  vertical-align: .1em;
+}

package/scss/fonts.scss

@@ -8,4 +8,8 @@ html, body {
 h1, h2, h3, h4, h5 {
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
+}
+
+small {
+  font-size: $font-size-sm;
 }

package/scss/light/_variables.scss

@@ -1,6 +1,7 @@
 @import "../global_variables";
 
 $light:         $gray-200;
+$app-bg:       #e5e5e5;
 
 $emphasized-link-hover-darken-percentage: 90%;
 

package/scss/link.scss

@@ -0,0 +1,3 @@
+a:hover {
+  @include transition($btn-transition);
+}

package/scss/nav.scss

@@ -0,0 +1,15 @@
+.nav-tabs {
+  .nav-link {
+    border-width: 3px 0 0 0;
+    @include transition($btn-transition);
+  }
+
+  .nav-link.active, .nav-item.show .nav-link {
+    border-color: $primary transparent $border-color transparent;
+    border-width: 3px 0 1px 0;
+  }
+}
+
+.nav-link svg {
+  fill: $body-color;
+}

package/scss/shared.scss

@@ -1,3 +1,9 @@
 @import "fonts";
-@import "buttons";
+@import "button";
 @import "pagination";
+@import "table";
+@import "link";
+@import "alert";
+@import "link";
+@import "nav";
+@import "dropdowns";

package/scss/table.scss

@@ -0,0 +1,7 @@
+.table {
+  tbody tr:last-child {
+    td, th {
+      border-bottom: 1px solid $border-color;
+    }
+  }
+}