diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index d47b1e41d6..00b4764134 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -69,7 +69,12 @@ &:focus { border-color: $border-color; - box-shadow: $focus-box-shadow; + @if $enable-shadows { + @include box-shadow($input-box-shadow, $focus-box-shadow); + } @else { + // Avoid using mixin so we can pass custom focus shadow properly + box-shadow: $focus-box-shadow; + } } } } @@ -100,7 +105,12 @@ &:focus { border-color: $border-color; - box-shadow: $focus-box-shadow; + @if $enable-shadows { + @include box-shadow($form-select-box-shadow, $focus-box-shadow); + } @else { + // Avoid using mixin so we can pass custom focus shadow properly + box-shadow: $focus-box-shadow; + } } } } diff --git a/site/content/docs/5.3/components/card.md b/site/content/docs/5.3/components/card.md index 6138c3d925..c504fef61f 100644 --- a/site/content/docs/5.3/components/card.md +++ b/site/content/docs/5.3/components/card.md @@ -63,7 +63,7 @@ Subtitles are used by adding a `.card-subtitle` to a `` tag. If the `.card-t ### Images -`.card-img-top` places an image to the top of the card. With `.card-text`, text can be added to the card. Text within `.card-text` can also be styled with the standard HTML tags. +`.card-img-top` and `.card-img-bottom` respectively set the top and bottom corners rounded to match the card's borders. With `.card-text`, text can be added to the card. Text within `.card-text` can also be styled with the standard HTML tags. {{< example >}}