Merge branch 'master' into master

.npmrc

@@ -1 +1 @@
-loglevel=silent
+# loglevel=silent

createBlock.js

@@ -92,7 +92,7 @@ if(blockName) {
 
         // Если это Pug
         else if(extention == 'pug') {
-          fileContent = `mixin ${blockName}()\n  div text\n`;
+          fileContent = `mixin ${blockName}()\n  div ${blockName}\n`;
 
           let includeMixin = 'include blocks/' + blockName + '/' + blockName + '.pug';
 

gulpfile.js

@@ -101,8 +101,8 @@ gulp.task('html', function() {
 // Компиляция pug
 gulp.task('pug', function() {
   return gulp.src([
-    dirs.source + '/*.pug',
-    '!' + dirs.source + '/mixins.pug',
+      dirs.source + '/*.pug',
+      '!' + dirs.source + '/mixins.pug',
     ])
     .pipe(plumber())
     .pipe(pug())
@@ -254,6 +254,7 @@ gulp.task('serve', ['build'], function() {
   // Слежение за стилями
   gulp.watch([
     dirs.source + '/scss/style.scss',
+    dirs.source + '/scss/variables.scss',
     dirs.source + '/blocks/**/*.scss',
   ], ['style']);
   // Слежение за html

package.json

@@ -13,7 +13,7 @@
     "url": "https://github.com/epixx/start-kit"
   },
   "devDependencies": {
-    "autoprefixer": "^7.1.6",
+    "autoprefixer": "^8.0.0",
     "browser-sync": "^2.14.0",
     "css-mqpacker": "^6.0.1",
     "del": "^3.0.0",
@@ -24,7 +24,7 @@
     "gulp-concat": "^2.6.0",
     "gulp-gh-pages": "^0.5.4",
     "gulp-html-beautify": "^1.0.1",
-    "gulp-imagemin": "^3.0.3",
+    "gulp-imagemin": "^4.1.0",
     "gulp-newer": "^1.2.0",
     "gulp-notify": "^3.0.0",
     "gulp-plumber": "^1.1.0",
@@ -33,7 +33,7 @@
     "gulp-rename": "^1.2.2",
     "gulp-replace": "^1.0.0",
     "gulp-sass": "^4.0.1",
-    "gulp-sequence": "^0.4.6",
+    "gulp-sequence": "^1.0.0",
     "gulp-sourcemaps": "^2.6.1",
     "gulp-svgmin": "^1.2.2",
     "gulp-svgstore": "^6.0.0",

readme.md

@@ -12,6 +12,8 @@
 
 Остановка: <kbd>Ctrl + C</kbd>
 
+Добавление нового блока: `node createBlock.js имя-блока`. Будут созданы папка блока, `.scss` и `.pug` файлы, добавлены импорт стилей и импорт примеси блока.
+
 
 
 ## К прочтению / ознакомлению

src/blocks/main-nav/main-nav.pug

@@ -0,0 +1,14 @@
+mixin main-nav(selected)
+
+  -
+    var menu = {
+      'Home': '/home',
+      'Blog': '/blog',
+      'Contact': '/contact'
+    };
+
+  nav.main-nav
+    ul.main-nav__list
+      each val, key in menu
+        li(class= selected.toLowerCase() === key.toLowerCase() ? 'main-nav__item  main-nav__item--active' : 'main-nav__item')
+          a(href=val, title=key)= key

src/blocks/main-nav/main-nav.scss

@@ -0,0 +1,9 @@
+// В этом файле должны быть стили для БЭМ-блока main-nav, его элементов, 
+// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
+// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
+
+.main-nav {
+
+  $block-name:                &; // #{$block-name}__element
+
+}

src/index.pug

@@ -8,6 +8,10 @@ block meta
 //-   link(rel="stylesheet", href="some.css")
 //-   script(src='some.js')
 
+block nav
+  -var selected = 'blog';
+  +main-nav(selected)
+
 block content
   p Растровые спрайты:
     span.chrome(style="display: inline-block;")

src/mixins.pug

@@ -1,2 +1,3 @@
 //- Подключение примесей
 
+include blocks/main-nav/main-nav.pug

src/scss/style.scss

@@ -10,5 +10,4 @@
 
 // БЭМ-блоки. Один БЭМ-блок = 1 файл. ВСЕГДА.
 @import './src/blocks/page/page.scss';
-@import './src/blocks/TEST/TEST.scss';
-@import './src/blocks/TEST2/TEST2.scss';
+@import './src/blocks/main-nav/main-nav.scss';

src/templates/layout-home.pug

@@ -19,8 +19,12 @@ html(class="no-js  page", lang="ru")
   body
     .page__inner
       .page__content
+
         div Тут «шапка»
+          block nav
+
         block content
+
       .page__footer-wrapper
         div Тут «подвал»