_bootswatch.scss in card-1.97.0.1

- old
+ new

@@ -1,6 +1,6 @@
-// Flatly 4.0.0
+// Flatly 4.3.1
 // Bootswatch
 
 
 // Variables ===================================================================
 
@@ -41,21 +41,43 @@
 
 // Tables ======================================================================
 
 .table {
 
-  .thead-dark th {
-    background-color: $primary;
-  }
-
+  &-primary,
+  &-secondary,
   &-success,
   &-info,
   &-warning,
   &-danger {
     color: #fff;
   }
 
+  &-primary {
+    &, > th, > td {
+      background-color: $primary;
+    }
+  }
+
+  &-secondary {
+    &, > th, > td {
+      background-color: $secondary;
+    }
+  }
+
+  &-light {
+    &, > th, > td {
+      background-color: $light;
+    }
+  }
+
+  &-dark {
+    &, > th, > td {
+      background-color: $dark;
+    }
+  }
+
   &-success {
     &, > th, > td {
       background-color: $success;
     }
   }
@@ -76,12 +98,42 @@
     &, > th, > td {
       background-color: $warning;
     }
   }
 
+  &-active {
+    &, > th, > td {
+      background-color: $table-active-bg;
+    }
+  }
+
   &-hover {
 
+    .table-primary:hover {
+      &, > th, > td {
+        background-color: darken($primary, 5%);
+      }
+    }
+
+    .table-secondary:hover {
+      &, > th, > td {
+        background-color: darken($secondary, 5%);
+      }
+    }
+
+    .table-light:hover {
+      &, > th, > td {
+        background-color: darken($light, 5%);
+      }
+    }
+
+    .table-dark:hover {
+      &, > th, > td {
+        background-color: darken($dark, 5%);
+      }
+    }
+
     .table-success:hover {
       &, > th, > td {
         background-color: darken($success, 5%);
       }
     }
@@ -102,10 +154,16 @@
       &, > th, > td {
         background-color: darken($warning, 5%);
       }
     }
 
+    .table-active:hover {
+      &, > th, > td {
+        background-color: $table-active-bg;
+      }
+    }
+
   }
 }
 
 // Forms =======================================================================
 
@@ -145,11 +203,10 @@
   &-warning {
     color: #fff;
   }
 }
 
-
 .alert {
   border: none;
   color: $white;
 
   a,
@@ -158,16 +215,33 @@
     text-decoration: underline;
   }
 
   @each $color, $value in $theme-colors {
     &-#{$color} {
-      background-color: $value;
+      @if $enable-gradients {
+        background: $value linear-gradient(180deg, mix($body-bg, $value, 15%), $value) repeat-x;
+      } @else {
+        background-color: $value;
+      }
     }
   }
+
+  &-light {
+    &,
+    & a,
+    & .alert-link {
+      color: $body-color;
+    }
+  }
 }
 
 // Progress bars ===============================================================
 
 // Containers ==================================================================
 .modal .close{
   color: $black;
+
+  &:not(:disabled):not(.disabled):hover,
+  &:not(:disabled):not(.disabled):focus {
+    color: $black;
+  }
 }