_bootswatch.scss in card-1.97.0.1

- old
+ new

@@ -1,6 +1,6 @@
-// Lumen 4.0.0
+// Lumen 4.3.1
 // Bootswatch
 
 
 // Variables ===================================================================
 
@@ -21,12 +21,11 @@
 .bg-primary {
   border-color: darken($primary, 5%);
 }
 
 .bg-dark {
-  background-color: $gray-200 !important;
-  border-color: darken($gray-200, 5%);
+  border-color: darken($dark, 5%);
 }
 
 .bg-light {
   background-color: #fff !important;
   border-color: darken(#fff, 5%);
@@ -34,12 +33,10 @@
 
 // Buttons =====================================================================
 
 .btn {
   @include shadow();
-  font-size: 12px;
-  font-weight: bold;
   text-transform: uppercase;
 
   &:not(.disabled):hover {
     margin-top: 1px;
     border-bottom-width: 3px;
@@ -69,20 +66,18 @@
     border-color: darken($success, 5%);
   }
 
   &-info {
     border-color: darken($info, 5%);
-    color: $white;
   }
 
   &-danger {
     border-color: darken($danger, 5%);
   }
 
   &-warning {
     border-color: darken($warning, 5%);
-    color: $white;
   }
 
   &-light {
     border-color: darken($light, 5%);
   }
@@ -106,30 +101,54 @@
   }
 }
 
 // Typography ==================================================================
 
+.text-secondary {
+  color: $gray-700 !important;
+}
+
 .blockquote-footer {
   color: $gray-600;
 }
 
 // Tables ======================================================================
 
 .table {
 
+  &-primary,
   &-success,
   &-info,
   &-warning,
   &-danger {
     color: #fff;
   }
 
-  .thead-dark th {
-    background-color: $primary;
-    border-color: $primary;
+  &-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;
     }
   }
@@ -150,12 +169,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%);
       }
     }
@@ -176,19 +225,34 @@
       &, > th, > td {
         background-color: darken($warning, 5%);
       }
     }
 
+    .table-active:hover {
+      &, > th, > td {
+        background-color: $table-active-bg;
+      }
+    }
+
   }
 }
 
 // Forms =======================================================================
 
 .form-control {
   box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
 }
 
+.input-group-sm {
+  > .input-group-prepend,
+  > .input-group-append {
+    .btn {
+      font-size: $btn-font-size-sm;
+    }
+  }
+}
+
 // Navs ========================================================================
 
 .nav {
   .open > a,
   .open > a:hover,
@@ -210,12 +274,14 @@
       border-color: $nav-tabs-border-color;
       transition: all 0.2s ease-in-out;
     }
 
     &:not(.disabled):hover,
-    &:not(.disabled):focus {
+    &:not(.disabled):focus,
+    &.active {
       padding-bottom: calc(0.5em + 6px);
+      border-bottom-color: transparent;
       margin-top: 0;
     }
   }
 
   &.nav-justified > li {
@@ -305,10 +371,20 @@
 
 .alert {
   color: $white;
   @include shadow();
 
+  &-primary {
+    background-color: $primary;
+    border-color: darken($primary, 5%);
+  }
+
+  &-secondary {
+    background-color: $secondary;
+    border-color: darken($secondary, 5%);
+  }
+
   &-success {
     background-color: $success;
     border-color: darken($success, 5%);
   }
 
@@ -325,15 +401,34 @@
   &-warning {
     background-color: $warning;
     border-color: darken($warning, 5%);
   }
 
+  &-dark {
+    background-color: $dark;
+    border-color: darken($dark, 5%);
+  }
+
+  &-light {
+    background-color: $light;
+    border-color: darken($light, 5%);
+  }
+
   .alert-link {
     font-weight: normal;
     color: #fff;
     text-decoration: underline;
   }
+
+  &-secondary,
+  &-light {
+    &,
+    & a,
+    & .alert-link {
+      color: $body-color;
+    }
+  }
 }
 
 .badge {
   &-warning,
   &-info {
@@ -379,23 +474,21 @@
       background-color: darken($danger, 5%);
     }
   }
 }
 
-.card {
-
-  &.bg-dark {
-    background-color: $gray-700 !important;
-  }
-}
-
 .jumbotron {
   border: 1px solid $gray-200;
   box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
 }
 
 .modal {
 
   .close {
     color: $black;
+
+    &:not(:disabled):not(.disabled):hover,
+    &:not(:disabled):not(.disabled):focus {
+      color: $black;
+    }
   }
 }