diff options
| -rw-r--r-- | docs/components/card.md | 6 | ||||
| -rw-r--r-- | scss/_card.scss | 2 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
3 files changed, 5 insertions, 5 deletions
diff --git a/docs/components/card.md b/docs/components/card.md index 992f4a138e..1cf116d869 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -517,7 +517,7 @@ Only applies to small devices and above. {% example html %} <div class="card-columns"> <div class="card"> - <img class="card-img-top" data-src="holder.js/100px160/" alt="Card image cap"> + <img class="card-img-top img-fluid" data-src="holder.js/100px160/" alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> @@ -534,7 +534,7 @@ Only applies to small devices and above. </blockquote> </div> <div class="card"> - <img class="card-img-top" data-src="holder.js/100px160/" alt="Card image cap"> + <img class="card-img-top img-fluid" data-src="holder.js/100px160/" alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title</h4> <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p> @@ -557,7 +557,7 @@ Only applies to small devices and above. <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> <div class="card"> - <img class="card-img" data-src="holder.js/100px260/" alt="Card image"> + <img class="card-img img-fluid" data-src="holder.js/100px260/" alt="Card image"> </div> <div class="card card-block text-xs-right"> <blockquote class="card-blockquote"> diff --git a/scss/_card.scss b/scss/_card.scss index 73b3b0e820..1644ae466c 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -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; diff --git a/scss/_variables.scss b/scss/_variables.scss index 05c008820d..c8cdbb104d 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -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; |