@mixin hover {
  @if $use-hover-mixin-with-media-query == true {
    @media (hover: hover) {
      @content;
    }
  } @else {
    @if str-length($without-touch-html-hover-class) > 0 {
      @at-root {
        html.#{$without-touch-html-hover-class} & {
          @content;
        }
      }
    } @else {
      @content;
    }
  }
}