Add hover events just for devices without touch capabilities

no-touch.scss

// .no-touch should be applied to the `html` or `body` elements with Modernizr or other script.

@mixin hover {
  .no-touch & {
    &:hover {
      @content;
    }
  }
}

.panel {
  background-color: red;
  
  @include hover {
    background-color: blue;
  }
}