Sergei Nazarenko

div {
  $item-margin: 1vmin;
  width: calc(50vw - #{$item-margin} * 2);
  height: calc(50vw - #{$item-margin} * 2);
  background: red;
}

var gulp       = require('gulp'), // Подключаем Gulp
  sass                       = require('gulp-sass'), //Подключаем Sass пакет,
  browserSync         = require('browser-sync'), // Подключаем Browser Sync
  concat                  = require('gulp-concat'), // Подключаем gulp-concat (для конкатенации файлов)
  uglify                   = require('gulp-uglifyjs'), // Подключаем gulp-uglifyjs (для сжатия JS)
  cssnano               = require('gulp-cssnano'), // Подключаем пакет для минификации CSS
  rename                = require('gulp-rename'), // Подключаем библиотеку для переименования файлов
  del                       = require('del'), // Подключаем библиотеку для удаления файлов и папок
  imagemin            = require('gulp-imagemin'), // Подключаем библиотеку для работы с изображениями
  pngquant            = require('imagemin-pngquant'), // Подключаем библиотеку для работы с png
  cache                  = require('gulp-cache'), // Подключаем библиотеку кеширования
  autoprefixer        = require('gulp-autoprefixer'), 
  csscomb              = require('gulp-csscomb'), // Расческа для CSS
  uncss                  = require('gulp-uncss'), // Удаление лишнего CSS
  plumber             = require('gulp-plumber'), // Не позволяет плагину умереть молча
  grok                   = require('grok'), // Пробрасываем локальному серверу путь наружу для для заказчика
spritesmith         = require('gulp.spritesmith');// Спрайты

task.gulp('default', ['таски которые хотите выполнить перед тем как выполнить default через запятую ']),
for example:
task.gulp('default', ['watch', 'clear']);