sergey

Не совсем понятно что вы имеете ввиду, но поиск можно сделать так: Edit - Find - Find in Path ну и там соответственно задаете параметры поиска: по проекту, директории, или свой поиск.

Все стили прописываю под media screen and (max-width:1200px){

это как простите??? стили в media queries прописываются под все расширения экранов (хотя бы основных).
Кроме этого: viewport задан?

Пример media queries (вы можете свои размеры прописывать):

@media only screen and (min-width: 320px) and (max-width: 479px) {....}
@media only screen and (min-width: 480px) and (max-width: 767px) {....}
@media only screen and (min-width: 768px) and (max-width: 991px) {....}
@media only screen and (min-width: 992px) and (max-width: 1199px) {....}
@media only screen and (min-width: 1200px) and (max-width: 1920px) {....}

Правило хорошего тона говорит: в отдельный файл

В файле bootstrap.css
вместо:

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

пишем:

@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}

Ну так задайте свойство картинкам вашим для начала

img{width:100%; max-width: реальный размер этого изображения; height: auto;}

, ну и при адаптивности на определенном размере экрана меняйте эти значения, при совсем мелком расширении перестраивайте блоки. Короче ничего сложного тут нет.

Заходим в google и ищем как сделать прилипающее меню или же задаете поиск на тостере, это +100500 вопрос подобного плана. Ищите и воздастся.

Ну или вот так, в консоли пишем gulp styles и все у вас со стилями отлично:

gulp.task('styles', function() {
    gulp.src(src.sass)
    .pipe(sass({
            "sourcemap=none": true,
            noCache: true,
            compass: true,
            style: sassStyle,
            lineNumbers: false
        }))
    .pipe(autoPrefixer())   
    .pipe(gulp.dest(outputDir + 'css'))
    .pipe(connect.reload())
});

Остается приобрести avocode.com и спокойно экспортировать svg

выложил скрин как это выглядит

File - Default Settings разве не работает?

Если вы используете main-bower-files то, подключаете только те файлы что вы указали в таске
пример:

gulp.task('styles:vendor', function() {
  gulp.src(mainBowerFiles({
          "overrides": {
              "normalize.css": {
                  "main": "./normalize.css"
              },

              "magnific-popup": {
                  "main": "./dist/magnific-popup.css"
              },

              "bootstrap": {
                  main: [
                      './dist/css/bootstrap.css',
                      './dist/fonts/*.*'
                  ]
              }
          }
  }))
  .pipe(cssFilter)
  .pipe(concat('vendor.css'))
  .pipe(gulpIf(env !== 'dev', minifyCSS()))
  .pipe(gulp.dest(outputDir + 'css'))
});

и нет кучи файлов:)

Совет на этот случай и на будущее: хотите получить полезный ответ - правильно ставьте вопросы, здесь не сборище телепатов и экстрасенсов.

Как вы пользуетесь сборкой, если не понимаете основ gulp?
Для того что бы не задавать подобных вопросов, рекомендую глубже изучить gulp, там все просто. Посмотрите к примеру видео этого же автора Туториал

Действительно, вы бы хотя б погуглили здесь на сайте, через день подобный вопрос.

В практике верстки давно уже существует понятие препроцессоров, возьмем к примеру gulp. В gulp используем плагин gulp-rigger, благодаря которому имеем: header.html и footer.html и тому подобные, которые подключаем на нужные страницы с помощью команды:
//= template/header.html

И не важно сколько у вас страниц, созданный блок инклюдите в том месте где нужно, это касается не только header и footer, это можно использовать с любым повторяющемся блоком.
Знакомьтесь с препроцессорами и удачи.

А если погуглить? Ведь в интернете достаточно информации по этой ошибке

Какая версия node стоит?

Можно к примеру так jsfiddle

Не понимаю смысл такой записи? Что она упрощает?

gulp.task('scss', function () {
  gulp.src('src/scss/*.scss')
    .pipe(plumber())
    .pipe(sass({
      outputStyle: 'expanded'
    }))
    .pipe(gulp.dest('build/css'));
});

// После того как сработал scss, хочу чтобы сработал styles, то есть добавил префикси, минифицировал
gulp.task('styles', function () {
  gulp.src('build/css/*.css')
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(postcss([
      autoprefixer({browsers: [
        'last 2 versions'
      ]}),
      mqpacker()
    ]))
    .pipe(gulp.dest('build/css'))
    .pipe(minify())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('build/css'));
});

Гораздо удобнее и логичнее же написать объединив pipe (пример sass, но stylus аналогичен):

gulp.task('styles', function() {
    gulp.src(src.sass)
    .pipe(sass({
            "sourcemap=none": true,
            noCache: true,
            compass: true,
            style: sassStyle,
            lineNumbers: sassComments
        }))
    .pipe(autoPrefixer())   
    .pipe(........................())
    .pipe(gulp.dest(outputDir + 'css'))
    .pipe(connect.reload())
});