1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 16:50:00 +02:00

v4: Card image fixes (#20667)

* Add .img-fluid to card images in columns to ensure proper resizing
* change that variable from regular value to variable
* use calc to figure out a tighter border for card images
This commit is contained in:
Mark Otto
2016-09-07 20:40:12 -07:00
committed by GitHub
parent 5413787e40
commit 07752bab7b
3 changed files with 5 additions and 5 deletions

View File

@@ -168,7 +168,7 @@
// Card image
.card-img {
// margin: -1.325rem;
@include border-radius(.25rem);
@include border-radius($card-border-radius-inner);
}
.card-img-overlay {
position: absolute;

View File

@@ -581,7 +581,7 @@ $card-spacer-y: .75rem !default;
$card-border-width: 1px !default;
$card-border-radius: $border-radius !default;
$card-border-color: rgba(0,0,0,.125) !default;
$card-border-radius-inner: $card-border-radius !default;
$card-border-radius-inner: calc($card-border-radius - 1px) !default;
$card-cap-bg: #f5f5f5 !default;
$card-bg: #fff !default;