Sha256: b94e161f9afd7f0aeceaa86490b0bd400dada0b30f3e04fdda13918c39df7b09

Contents?: true

Size: 814 Bytes

Versions: 33

Compression:

Stored size: 814 Bytes

Contents

// media query support
// -----------------------------------------------------

// I have found that for most designs, the primary breakpoints are with $tablet_portrait first then $mobile.

$mobile:                    "screen and (max-width: 40em)" !default;
$mobile_portrait:	          "screen and (max-width: 40em) and (orientation : portrait)" !default;
$mobile_landscape:	        "screen and (max-width: 40em) and (orientation : landscape)" !default; 

$tablet:                    "screen and (max-width: 64em)" !default;
$tablet_portrait:           "screen and (max-width: 64em) and (orientation: portrait)" !default;
$tablet_landscape:          "screen and (max-width: 64em) and (orientation: landscape)" !default;

$desktop:                   "screen and (max-width: 120em) and (min-width: 50em)" !default;

Version data entries

33 entries across 33 versions & 1 rubygems

Version Path
stipe-0.0.5.2 stylesheets/stipe/_media.scss
stipe-0.0.5.1 stylesheets/stipe/_media.scss
stipe-0.0.5.0 stylesheets/stipe/_media.scss
stipe-0.0.4.9 stylesheets/stipe/_media.scss
stipe-0.0.4.8 stylesheets/stipe/_media.scss
stipe-0.0.4.7 stylesheets/stipe/_media.scss
stipe-0.0.4.6 stylesheets/stipe/_media.scss
stipe-0.0.4.5 stylesheets/stipe/_media.scss
stipe-0.0.4.4 stylesheets/stipe/_media.scss
stipe-0.0.4.3 stylesheets/stipe/_media.scss
stipe-0.0.4.2 stylesheets/stipe/_media.scss
stipe-0.0.4.1 stylesheets/stipe/_media.scss
stipe-0.0.4.0 stylesheets/stipe/_media.scss
stipe-0.0.3.9 stylesheets/stipe/_media.scss
stipe-0.0.3.8 stylesheets/stipe/_media.scss
stipe-0.0.3.7 stylesheets/stipe/_media.scss
stipe-0.0.3.6 stylesheets/stipe/_media.scss
stipe-0.0.3.5 stylesheets/stipe/_media.scss
stipe-0.0.3.4 stylesheets/stipe/_media.scss
stipe-0.0.3.3 stylesheets/stipe/_media.scss