Contents

// ====================================================================================================================
// MEDIA QUERY
// ====================================================================================================================


@mixin media($media-query){

    @if $media-query == palm{

        @media only screen and (max-width:$palm-end) { @content; }

    }

    @if $media-query == lap{

        @media only screen and (min-width:$lap-start) and (max-width:$lap-end) { @content; }

    }

    @if $media-query == lap-and-up{

        @media only screen and (min-width:$lap-start) { @content; }

    }

    @if $media-query == portable{

        @media only screen and (max-width:$lap-end) { @content; }

    }

    @if $media-query == desk{

        @media only screen and (min-width:$desk-start) { @content; }

    }

    @if $media-query == desk-wide{

        @media only screen and (min-width: $desk-wide-start) { @content; }

    }

    @if $media-query == all{

        @content;

    }

}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
rapido-css-0.0.3	stylesheets/utilities/_media-queries.scss
rapido-css-0.0.2.1	stylesheets/utilities/_media-queries.scss