Coffeekraken.io 0.0.1

s-media

Name Type Description Status Default
$screen { String } Any of the @media screen type property like "screen, handheld, print, etc..." optional null
$min-width { Number } The min width to target optional null
$max-width { Number } The max width to target optional null
$min-height { Number } The min height to target optional null
$max-height { Number } The max height to target optional null
$orientation { String } The orientation to target. Can be portrait or landscape optional null
$resolution { String } The resolution to target. Can be 2x, 3x, 4x, etc... optional null
$engine { String } The engine that powers the display. Can be gecko, webkit, trident, blink or presto optional null
$device { String } The device to target. Can be mobile, tablet, desktop, iphone or ipad optional null
$browser { String } The browser(s) to target. Can be chrome, safari, firefox, opera, ie, ie6-20 optional null
$system { String } The system(s) to target. Can be ios, osx, windows, linux, android, webos or blackberry optional null

Example

    // simple min width
@include s-media(
    $min-width : 200px
) {
    // custom css here...
}

// target a specific engine
@include s-media(
    $engine : gecko webkit
) {
    // custom css here
}

Author : Olivier Bossel olivier.bossel@gmail.com