diff --git a/scss/_card.scss b/scss/_card.scss index 42827f5f81..c3bda78cdc 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -100,42 +100,6 @@ 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; diff --git a/scss/_mixins.scss b/scss/_mixins.scss index cc3394f0a0..09035bf107 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -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 index d211d5814a..0000000000 --- a/scss/mixins/_cards.scss +++ /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; - } - } -}