@mixin media-laptop {
  @media (max-width: $mediaWidthLaptop) {
    @content;
  }
}
@mixin media-tablet {
  @media (max-width: $mediaWidthTablet) {
    @content;
  }
}
@mixin media-custom($width) {
  @media (max-width: $width) {
    @content;
  }
}
@mixin media-hover() {
  &:active {
    @content;
  }
  @media (hover: hover) and (pointer: fine) {
    &:hover {
      @content;
    }
  }
}
