_bootswatch.scss in card-1.93.8

- old
+ new

@@ -9,40 +9,25 @@
 
 // Navbar =======================================================================
 
 .bg-primary {
   .navbar-nav .active > .nav-link {
-   color: $success !important;
-   }
+    color: $success !important;
+  }
 }
 
 .bg-dark {
   background-color: $success !important;
   &.navbar-dark .navbar-nav {
-	.nav-link:focus,
-	.nav-link:hover,
-	.active > .nav-link {
-		color: $primary !important;
-	}
+    .nav-link:focus,
+    .nav-link:hover,
+    .active > .nav-link {
+      color: $primary !important;
+    }
   }
 }
 
-.navbar {
-
-  &-brand {
-    margin-right: 2rem;
-  }
-
-  &-nav .nav-item + .nav-item {
-    margin-left: 2rem;
-  }
-
-  &-nav .nav-link {
-    padding-top: 0.5rem;
-  }
-}
-
 // Buttons =====================================================================
 
 .btn {
   &-secondary,
   &-secondary:hover,
@@ -127,11 +112,11 @@
 // Navs ========================================================================
 
 .nav-tabs {
   .nav-link.active,
   .nav-link.active:focus,
-  .nav-link.active:hover, 
+  .nav-link.active:hover,
   .nav-item.open .nav-link,
   .nav-item.open .nav-link:focus,
   .nav-item.open .nav-link:hover {
     color: $primary;
   }
@@ -171,31 +156,13 @@
   .alert-link {
     color: #fff;
     text-decoration: underline;
   }
 
-  &-primary {
-    background-color: $primary;
-  }
-
-  &-success {
-    background-color: $success;
-  }
-
-  &-danger {
-    background-color: $danger;
-  }
-
-  &-warning {
-    background-color: $warning;
-  }
-
-  &-info {
-    background-color: $info;
-  }
-
-  &-dark {
-    background-color: $dark;
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
   }
 }
 
 // Progress bars ===============================================================
 