Sha256: 5ca3da97d3f7f9932464398bf36ae73c748dad52fd94a8f34dd49e3b79c9a5d0

Contents?: true

Size: 1005 Bytes

Versions: 2

Compression:

Stored size: 1005 Bytes

Contents

// https://github.com/malarkey/320andup/
// and http://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints

$respond-above-xs:  480px !default
$respond-above-s:   600px !default
$respond-above-m:   768px !default
$respond-above-l:   992px !default
$respond-above-xl:  1382px !default
$respond-above-xxl: 1824px !default

=respond-above($screen-size)
  @if $screen-size == xs
    @media only screen and (min-width: $respond-above-xs)
      @content
  @else if $screen-size == s
    @media only screen and (min-width: $respond-above-s)
      @content
  @else if $screen-size == m
    @media only screen and (min-width: $respond-above-m)
      @content
  @else if $screen-size == l
    @media only screen and (min-width: $respond-above-l)
      @content
  @else if $screen-size == xl
    @media only screen and (min-width: $respond-above-xl)
      @content
  @else if $screen-size == xxl
    @media only screen and (min-width: $respond-above-xxl)
      @content
  

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
compass-respond-0.3.0 lib/stylesheets/_respond-above.sass
compass-respond-0.2.0 lib/stylesheets/_respond-above.sass