Update _card-list.scssHEADmaster

1 files changed, 11 insertions, 10 deletions

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index 62131f7..8f96ce0 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -22,16 +22,6 @@
                         gap:           0;
                         border-radius: props.get(card.$rounding);
 
-                        @include bem.modifier('interactive') {
-                                transition: transform .2s;
-
-                                &:hover,
-                                &:active,
-                                &:focus-within {
-                                        transform: translateY(props.get(card.$hover--offset-b));
-                                }
-                        }
-
                         @include bem.elem('card') {
                                 border-color:    props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
                                 background-clip: content-box;
@@ -126,6 +116,17 @@
                                         props.get(vars.$shadow-grow)
                                         props.get(card.$shadow-color);
                         }
+
+                        @include bem.modifier('interactive') {
+                                transition: transform .2s, box-shadow .2s;
+
+                                &:hover,
+                                &:active,
+                                &:focus-within {
+                                        box-shadow: none;
+                                        transform:  translateY(props.get(card.$hover--offset-b));
+                                }
+                        }
                 }
 
                 @include bem.modifier('quiet') {