Card highlight style

1 files changed, 2 insertions, 5 deletions

diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index 26988cb..7cb198c 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -69,9 +69,7 @@
 
                 @include bem.modifier('highlight') {
                         border-color:  props.get(vars.$highlight--border-color);
-                        outline-width: calc(props.get(vars.$highlight--border-width) - props.get(vars.$border-width));
-                        outline-style: solid;
-                        outline-color: props.get(vars.$highlight--border-color);
+                        border-width:  props.get(vars.$highlight--border-width);
                         box-shadow:
                                 props.get(vars.$highlight--shadow-x)
                                 props.get(vars.$highlight--shadow-y)
@@ -81,8 +79,7 @@
 
                         @include bem.multi('&:link, &:visited, &:enabled', 'modifier' 'interactive', 'modifier' 'collapsible') {
                                 &:hover,
-                                &:active,
-                                &:focus-visible {
+                                &:active {
                                         border-color: props.get(vars.$highlight--border-color);
                                 }
                         }