Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
this is a mixin for sass Mobile
CSS
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitignore
README.md
_mediaQueries.scss
demo.scss

README.md

mediaQueries

this is a mixin for sass Mobile use media query

see more from demo

how to run demo

sass demo.scss demo.css
iPad media query

min-device-width: 768px
max-device-width: 1024px

1. iPad1-iPad2-iPadmini
2. iPad3-iPad4 has Retina
iPhone media query

1. iPhone2G-4S

min-device-width: 320px
max-device-width: 480px

Not: iPhone4 and 4S has Retina

2. iPhone5

min-device-width: 320px
max-device-width: 568px
screen

1. {param} $resMin for min-width 
2. {param} $resMax for max-width

@media screen and (min-width: $resMin) and (max-width: $resMax) {
    @content;
}
max-screen

1.{param} $res for max-width 

@media screen and (max-width: $res) {
    @content;
}
min-screen

1.{param} $res for min-width 

@media screen and (min-width: $res) {
    @content;
}
orientation

1.{param} $orientation for orientation

@media screen and (orientation: $orientation) {
    @content;
}
Something went wrong with that request. Please try again.