diff options
| author | ysds <ysds.code@gmail.com> | 2019-09-12 17:30:47 +0300 |
|---|---|---|
| committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-09-15 14:38:04 +0300 |
| commit | e2a93ec094d6ec1283c10a220b26a2acb4b7417c (patch) | |
| tree | 7bd27a2311ff183fb8ff7139f8a6f05282e35c54 /scss/_card.scss | |
| parent | 6e638685002e8d5f5c42b274ce87ae3d044d52f2 (diff) | |
Fix incorrect aspect ratio on IE11
Diffstat (limited to 'scss/_card.scss')
| -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 24c65bee04..c4d046ca0a 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -131,19 +131,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); } |