_bootswatch.scss in card-mod-bootstrap-0.15.0

- old
+ new

@@ -1,38 +1,15 @@
-// Darkly 4.3.1
+// Darkly 4.6.0
 // Bootswatch
 
 
 // Variables ===================================================================
 
-$web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic" !default;
-@import url($web-font-path);
-
-// Navbar ======================================================================
-
-.bg-primary {
-  .navbar-nav .active > .nav-link {
-    color: $success !important;
-  }
+$web-font-path: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" !default;
+@if $web-font-path {
+  @import url($web-font-path);
 }
-
-.bg-light {
-  &.navbar {
-    background-color: $success !important;
-  }
-
-  &.navbar-light .navbar-nav {
-    .nav-link:focus,
-    .nav-link:hover,
-    .active > .nav-link {
-      color: $primary !important;
-    }
-  }
-}
-
-// Buttons =====================================================================
-
 // Typography ==================================================================
 
 .blockquote {
   &-footer {
     color: $gray-600;
@@ -40,148 +17,181 @@
 }
 
 // Tables ======================================================================
 
 .table {
-
   &-primary {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $primary;
     }
   }
 
   &-secondary {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $secondary;
     }
   }
 
   &-light {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $light;
     }
   }
 
   &-dark {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $dark;
     }
   }
 
   &-success {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $success;
     }
   }
 
   &-info {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $info;
     }
   }
 
   &-danger {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $danger;
     }
   }
 
   &-warning {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $warning;
     }
   }
 
   &-active {
-    &, > th, > td {
+    &,
+    > th,
+    > td {
       background-color: $table-active-bg;
     }
   }
 
   &-hover {
-
     .table-primary:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($primary, 5%);
       }
     }
 
     .table-secondary:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($secondary, 5%);
       }
     }
 
     .table-light:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($light, 5%);
       }
     }
 
     .table-dark:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($dark, 5%);
       }
     }
 
     .table-success:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($success, 5%);
       }
     }
 
     .table-info:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($info, 5%);
       }
     }
 
     .table-danger:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($danger, 5%);
       }
     }
 
     .table-warning:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: darken($warning, 5%);
       }
     }
 
     .table-active:hover {
-      &, > th, > td {
+      &,
+      > th,
+      > td {
         background-color: $table-active-bg;
       }
     }
 
   }
 }
 
 // Forms =======================================================================
 
 .input-group-addon {
-  color: #fff;
+  color: $white;
 }
 
 // Navs ========================================================================
 
 .nav-tabs,
 .nav-pills {
-
   .nav-link,
   .nav-link.active,
   .nav-link.active:focus,
   .nav-link.active:hover,
   .nav-item.open .nav-link,
   .nav-item.open .nav-link:focus,
   .nav-item.open .nav-link:hover {
-    color: #fff;
+    color: $white;
   }
 }
 
 .breadcrumb a {
-  color: #fff;
+  color: $white;
 }
 
 .pagination {
   a:hover {
     text-decoration: none;
@@ -189,11 +199,11 @@
 }
 
 // Indicators ==================================================================
 
 .close {
-  opacity: 0.4;
+  opacity: .4;
 
   &:hover,
   &:focus {
     opacity: 1;
   }
@@ -203,11 +213,11 @@
   border: none;
   color: $white;
 
   a,
   .alert-link {
-    color: #fff;
+    color: $white;
     text-decoration: underline;
   }
 
   @each $color, $value in $theme-colors {
     &-#{$color} {
@@ -218,23 +228,20 @@
       }
     }
   }
 }
 
-// Progress bars ===============================================================
-
 // Containers ==================================================================
 
-
 .list-group-item-action {
-  color: #fff;
+  color: $white;
 
   &:hover,
   &:focus {
     background-color: $gray-700;
-    color: #fff;
+    color: $white;
   }
 
   .list-group-item-heading {
-    color: #fff;
+    color: $white;
   }
 }