]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and .border-{color}...
authorMark Otto <markdotto@gmail.com>
Fri, 30 Jun 2017 21:45:41 +0000 (14:45 -0700)
committerMark Otto <markd.otto@gmail.com>
Fri, 30 Jun 2017 22:23:36 +0000 (15:23 -0700)
scss/_card.scss
scss/_mixins.scss
scss/mixins/_cards.scss [deleted file]

index 42827f5f8144997633ac0ed7bfb9fbc00f84db9e..c3bda78cdca410d4036b802de40c0e20e5fbb363 100644 (file)
   margin-left: -($card-spacer-x / 2);
 }
 
-
-//
-// Background variations
-//
-
-@each $color, $value in $theme-colors {
-  .card-#{$color} {
-    @include card-variant($value, $value);
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .card-outline-#{$color} {
-    @include card-variant($value, $value);
-  }
-}
-
-
-//
-// Inverse text within a card for use with dark backgrounds
-//
-
-.card-dark {
-  @include card-dark;
-}
-
-//
-// Blockquote
-//
-
-.card-blockquote {
-  padding: 0;
-  margin-bottom: 0;
-  border-left: 0;
-}
-
 // Card image
 .card-img-overlay {
   position: absolute;
index cc3394f0a0351f5d9e03ddfbddae73f89ab6174d..09035bf10724f23a8327a37b2783a724b4799791 100644 (file)
@@ -19,7 +19,6 @@
 // // Components
 @import "mixins/alert";
 @import "mixins/buttons";
-@import "mixins/cards";
 @import "mixins/pagination";
 @import "mixins/lists";
 @import "mixins/list-group";
diff --git a/scss/mixins/_cards.scss b/scss/mixins/_cards.scss
deleted file mode 100644 (file)
index d211d58..0000000
+++ /dev/null
@@ -1,53 +0,0 @@
-// Card variants
-
-@mixin card-variant($background, $border) {
-  background-color: $background;
-  border-color: $border;
-
-  .card-header,
-  .card-footer {
-    background-color: transparent;
-  }
-}
-
-@mixin card-outline-variant($color) {
-  background-color: transparent;
-  border-color: $color;
-
-  .card-header,
-  .card-footer {
-    background-color: transparent;
-    border-color: $color;
-  }
-}
-
-//
-// Inverse text within a card for use with dark backgrounds
-//
-
-@mixin card-dark {
-  color: rgba(255,255,255,.65);
-
-  .card-header,
-  .card-footer {
-    background-color: transparent;
-    border-color: rgba(255,255,255,.2);
-  }
-  .card-header,
-  .card-footer,
-  .card-title,
-  .card-blockquote {
-    color: #fff;
-  }
-  .card-link,
-  .card-text,
-  .card-subtitle,
-  .card-blockquote .blockquote-footer {
-    color: rgba(255,255,255,.65);
-  }
-  .card-link {
-    @include hover-focus {
-      color: $card-dark-link-hover-color;
-    }
-  }
-}