qsass v1.0.0

// output

@media only screen and (min-width : 320px) { // your codes }

// output

@media only screen and (min-width : 320px) and (orientation : portrait) { // your codes }

@include qPlus(retina) { // your codes }

// output

@media only screen and (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { // your codes }

@include qPlus((min-width : 320px), (orientation : portrait)) { // your codes }

// output

@media only screen and (min-width : 320px) { // your codes }

@include qPlus(320px, 480px) { // your codes }

// output

@media only screen and (min-width : 320px) and (max-width : 480px) { // your codes }

// output

@media oly screen and (min-width : 320px) and (max-width : 480px) { // your codes }

// output

@media only screen and (min-width : 20em) { // your codes }

// output

@media only screen and (min-width : 375px) and (max-width : 812px) { // your codes }

// It is for all device types $default-device : 'all';

$Queries : ( // default queries, // .............., // .............., // follow line is my custom query, my-query : '(min-width : 1280px) and (max-width : 1920px)' );

// now try it in anywhere

@include qPlus( my-query ) { // your codes }