From 56d80ea53c24858b3888a350f43cd6c03917bcdc Mon Sep 17 00:00:00 2001 From: Dmitry Karpunin Date: Sat, 9 Dec 2023 11:34:21 +0300 Subject: [PATCH 1/2] Fix focus box-shadow for validation stated form-controls (#38719) Co-authored-by: Dmitry Karpunin --- scss/mixins/_forms.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) 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; + } } } } From 43524225e264f18fe735ac52b3872d7c7e3b2907 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Sun, 10 Dec 2023 08:23:45 +0100 Subject: [PATCH 2/2] Docs: enhance `.card-img-*` description (#39458) --- site/content/docs/5.3/components/card.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 >}}