diff options
| author | Mark Otto <[email protected]> | 2017-06-30 14:45:41 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-30 15:23:36 -0700 |
| commit | 180d78c01326ee8f971243737ca383469e06df4f (patch) | |
| tree | 36c5a7bd4ba1e0bf4faa0cd5718854a2b12a2ac6 | |
| parent | 45722e94acdffc314d7f835ed8a73cd0d56d879a (diff) | |
| download | bootstrap-180d78c01326ee8f971243737ca383469e06df4f.tar.xz bootstrap-180d78c01326ee8f971243737ca383469e06df4f.zip | |
Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and .border-{color} utilities
| -rw-r--r-- | scss/_card.scss | 36 | ||||
| -rw-r--r-- | scss/_mixins.scss | 1 | ||||
| -rw-r--r-- | scss/mixins/_cards.scss | 53 |
3 files changed, 0 insertions, 90 deletions
diff --git a/scss/_card.scss b/scss/_card.scss index 42827f5f8..c3bda78cd 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 cc3394f0a..09035bf10 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 d211d5814..000000000 --- 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; - } - } -} |