// Responsiveness
@mixin from($device) {
  @media screen and (min-width: $device) {
    @content
  }
}

@mixin until($device) {
  @media screen and (max-width: $device - 1px) {
    @content
  }
}

@mixin mobile {
  @media screen and (max-width: $phone) {
    @content
  }
}

@mixin tablet {
  @media screen and (min-width: $tablet) and (max-width: $screen-tablet-landscape) , print {
    @content
  }
}

@mixin touch {
  @media screen and (max-width: $desktop - 1px) {
    @content
  }
}

@mixin desktop {
  @media screen and (max-width: $desktop) {
    @content
  }
}

@mixin widescreen {
  @if $widescreen-enabled {
    @media screen and (max-width: $widescreen) {
      @content
    }
  }
}

@mixin fullhd {
  @if $fullhd-enabled {
    @media screen and (max-width: $fullhd) {
      @content
    }
  }
}