Getting rid of blue text shadow on hover state for mobile devices

2022-01-14 10:43:29 -05:00 · 2022-01-14 10:43:29 -05:00 · 2e47b329c8
commit 2e47b329c8
parent bff0a06233
1 changed files with 3 additions and 1 deletions
--- a/src/styles/common-list-styles.scss
+++ b/src/styles/common-list-styles.scss
@ -27,7 +27,9 @@
      border: 1px solid $gray-500;
      width: 100%;
      &:hover {
-        box-shadow: 0 0 0 4px $blue-100;
+        @include media-breakpoint-up(sm) {
+          box-shadow: 0 0 0 4px $blue-100;
+        }
        cursor: pointer;
      }
      + p {