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

2017-06-10 20:47:07 +02:00 · 2017-06-10 20:47:07 +02:00 · d8c4781377
parent bc6e958229
commit d8c4781377
1 changed files with 4 additions and 2 deletions
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@ -1473,9 +1473,11 @@
  &:hover,
  &:focus,
  &:active {
+    @media screen and (min-width: 1025px) {
      background: lighten($ui-base-color, 14%);
      transition: all 100ms linear;
    }
+  }

  span {
    margin-left: 5px;