Contents

=retina
  @media (-webkit-min-device-pixel-ratio: 2)
    @content

=at-landscape
  @media screen and (orientation:landscape)
    @content

=at-retina($asset, $width, $height)
  @media (-webkit-min-device-pixel-ratio: 2)
    background-image: url($asset)
    background-size: $width, $height

=mobile-only($include_portrait_tablet: false)
  @if $include_portrait_tablet == true
    @media screen and (max-width: $mobile), (orientation: portrait)
      @content
  @else
    @media screen and (max-width: $mobile)
      @content

=tablet-only
  @media screen and (min-width: $tablet) and (max-width: $desktop)
    @content

=tablet-and-above
  @media screen and (min-width: $tablet)
    @content

=tablet-and-below
  @media screen and (max-width: $desktop)
    @content

=desktop-only
  @media screen and (min-width: $desktop)
    @content

=desktop-large
  @media screen and (min-width: $large-desktop)
    @content

// Custom Min Query
=media-min-width($size)
  @media screen and (min-width: $size)
    @content

=media_min_width($size)
  @media screen and (min-width: $size)
    @content

// Custom Max Query
=media-max-width($size)
  @media screen and (max-width: $size)
    @content

=media_max_width($size)
  @media screen and (max-width: $size)
    @content

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
nitro_sg-3.0.2	sass-mixins/base-mixins/_media-queries.sass
nitro_sg-3.0.1	sass-mixins/base-mixins/_media-queries.sass