2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-02 16:04:07 +03: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
+1 -1
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;
+1 -1
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;