Fix focus style for collapse cards

1 files changed, 6 insertions, 0 deletions

diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index b8ab85f..1dd394f 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -297,6 +297,12 @@
                                         content:     "▶";
                                 }
 
+                                &:focus-visible {
+                                        outline:        props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
+                                        outline-offset: calc(-1 * props.get(vars.$key-focus--border-width));
+                                        border-radius:  calc(props.get(vars.$rounding) - props.get(vars.$border-width));
+                                }
+
                                 @include bem.next-elem("body") {
                                         padding-block-start: 0;
                                 }