fix: Apply :hover, :focus and :active only when multiple columns

8 years ago · 9366672d53
parent 501a3cf944
commit 9366672d53
1 changed files with 4 additions and 2 deletions
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@ -1473,8 +1473,10 @@
  &:hover,
  &:focus,
  &:active {
-    background: lighten($ui-base-color, 14%);
+    @media screen and (min-width: 1025px) {
-    transition: all 100ms linear;
+      background: lighten($ui-base-color, 14%);
      transition: all 100ms linear;
    }
  }
  span {