@import “evil-front/to-px”

// Shortcuts for CSS Media Queries

@mixin max-width($width)

@media all and (max-width: to-px($width))
  @content

@mixin min-width($width)

@media all and (min-width: to-px($width))
  @content

@mixin range-width($min-width, $max-width)

@media all and (min-width: to-px($min-width)) and (max-width: to-px($max-width))
  @content

@mixin max-height($height)

@media all and (max-height: to-px($height))
  @content

@mixin min-height($height)

@media all and (min-height: to-px($height))
  @content

@mixin range-height($min-height, $max-height)

@media all and (min-height: to-px($min-height)) and (max-height: to-px($max-height))
  @content