zeshanshani

var gulp = require('gulp'),
    gutil = require('gulp-util'),
    uglify = require('gulp-uglify'),
    header = require('gulp-header'),
    filter = require('gulp-filter'),
    concat = require('gulp-concat'),
    browserSync = require('browser-sync'),
    sass = require('gulp-sass'),
    bodyParser = require('body-parser'),
    express = require('express'),

zeshanshani

@mixin background-image-retina($file, $type, $width, $height) {
  background-image: url($file + '.' + $type);

  @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
    & {
      background-image: url($file + '@2x.' + $type);
      -webkit-background-size: $width $height;
    }
  }
}

zeshanshani

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

zeshanshani

/*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/
/*At least requires the meta viewport tag with content  'width=device-width'*/
@media only screen and (max-width: 1080px) and (orientation : portrait) {
  /* PORTRAIT:
	Windows Surface Pro*/
}

@media only screen and (max-width: 800px) and (orientation : portrait) {
	/* PORTRAIT:
	Acer Iconia Tab A100