vendor/bootswatch/dist/cerulean/_bootswatch.scss in card-mod-bootstrap-0.14.2 vs vendor/bootswatch/dist/cerulean/_bootswatch.scss in card-mod-bootstrap-0.15.0

@@ -1,103 +1,83 @@
-// Cerulean 4.3.1
+// Cerulean 5.1.3
 // Bootswatch
 
 
-@mixin btn-shadow($color){
-  @include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
-}
+// Variables
 
-$text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default;
+$text-shadow: 0 1px 0 rgba(0, 0, 0, .05) !default;
 
-// Navbar ======================================================================
+// Mixins
 
-.bg-primary {
-  @include btn-shadow($primary);
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(tint-color($color, 16%), $color, 60%, shade-color($color, 6%));
 }
 
-.bg-dark {
-  @include btn-shadow($blue);
-}
+// Navbar
 
-.bg-light {
-  @include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%));
+.navbar {
+  @each $color, $value in $theme-colors {
+    &.bg-#{$color} {
+      @include btn-shadow($value);
+    }
+  }
 }
 
 .navbar-brand,
 .nav-link {
-  text-shadow: $text-shadow
+  text-shadow: $text-shadow;
 }
 
-// Buttons =====================================================================
+// Buttons
 
 .btn {
-  text-shadow: $text-shadow
+  text-shadow: $text-shadow;
 }
 
-.btn-primary {
-  @include btn-shadow($primary);
-}
-
 .btn-secondary {
-  @include btn-shadow($secondary);
   color: $gray-700;
 }
 
-.btn-success {
-  @include btn-shadow($success);
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include btn-shadow($value);
+  }
 }
 
-.btn-info {
-  @include btn-shadow($info);
-}
+// Typography
 
-.btn-warning {
-  @include btn-shadow($warning);
-}
-
-.btn-danger {
-  @include btn-shadow($danger);
-}
-
-.btn-light {
-  @include btn-shadow($light);
-}
-
-.btn-dark {
-  @include btn-shadow($dark);
-}
-
-
-// Typography ==================================================================
-
 .text-secondary {
   color: $gray-500 !important;
 }
 
 .bg-primary,
 .bg-success,
 .bg-info,
 .bg-warning,
 .bg-danger,
 .bg-dark {
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     color: $white;
   }
 }
 
-// Tables ======================================================================
+// Navs
 
-// Forms =======================================================================
-
-// Navs ========================================================================
-
 .dropdown-menu {
   .dropdown-header {
     color: $gray-600;
   }
 }
 
-// Indicators ==================================================================
+// Indicators
 
-// Progress bars ===============================================================
-
-// Containers ==================================================================
+.badge {
+  &.bg-secondary,
+  &.bg-light {
+    color: $dark;
+  }
+}