diff options
| author | Mark Otto <markdotto@gmail.com> | 2017-07-01 01:28:50 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2017-07-01 01:28:50 +0300 |
| commit | 88b9e558fbb19fd1a653ced4dd5e1292df8e87c0 (patch) | |
| tree | ea250068309655de16bfd6f5178cb3d7a285936e | |
| parent | 77639905cb717b34e9b2f255b96e49c50adfecb8 (diff) | |
clip to border-box, update overlay
| -rw-r--r-- | docs/4.0/components/card.md | 2 | ||||
| -rw-r--r-- | scss/_card.scss | 1 |
2 files changed, 2 insertions, 1 deletions
diff --git a/docs/4.0/components/card.md b/docs/4.0/components/card.md index 799d0bcbc9..28483fc137 100644 --- a/docs/4.0/components/card.md +++ b/docs/4.0/components/card.md @@ -352,7 +352,7 @@ Similar to headers and footers, cards can include top and bottom "image caps"— Turn an image into a card background and overlay your card's text. Depending on the image, you may or may not need additional styles or utilities. {% example html %} -<div class="card text-white"> +<div class="card bg-dark text-white"> <img class="card-img" data-src="holder.js/100px270/#55595c:#373a3c/text:Card image" alt="Card image"> <div class="card-img-overlay"> <h4 class="card-title">Card title</h4> diff --git a/scss/_card.scss b/scss/_card.scss index c3bda78cdc..1ab85a4ec2 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -9,6 +9,7 @@ min-width: 0; word-wrap: break-word; background-color: $card-bg; + background-clip: border-box; border: $card-border-width solid $card-border-color; @include border-radius($card-border-radius); } |