diff options
| author | ysds <[email protected]> | 2019-09-12 23:30:47 +0900 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-10-14 12:12:05 +0300 |
| commit | db19e8c706318be049ea566275eb2bc4da8d2dab (patch) | |
| tree | 244e35451919f5f4fb02a5324474ba163b4ff29b | |
| parent | 510a446be686edba83c22042c48b58fa900fdc30 (diff) | |
| download | bootstrap-db19e8c706318be049ea566275eb2bc4da8d2dab.tar.xz bootstrap-db19e8c706318be049ea566275eb2bc4da8d2dab.zip | |
Fix incorrect aspect ratio on IE11
| -rw-r--r-- | scss/_card.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/scss/_card.scss b/scss/_card.scss index 6fae8b405..d6759fde6 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -125,19 +125,20 @@ padding: $card-img-overlay-padding; } -.card-img { +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396 width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch - @include border-radius($card-inner-border-radius); } -// Card image caps +.card-img, .card-img-top { - width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch @include border-top-radius($card-inner-border-radius); } +.card-img, .card-img-bottom { - width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch @include border-bottom-radius($card-inner-border-radius); } |