gulp.task ('less', function(){
return gulp.src('app/less/**/*.less')
.pipe(less())
.pipe(autoprefixer({
browsers: [
'last 3 versions',
'> 10%'
],
cascade: false
}))
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream: true})
});
gulp.watch('app/less/**/*.less', ['less']);
gulp.task('gulp-autoprefixer', function(){
return gulp.src('app/css/*.css')
.pipe(autoprefixer({
browsers: [
'last 3 versions',
'> 10%'
],
cascade: false
}))
.pipe(gulp.dest('app/css/'))
});
gulp.watch('app/css/**/*.css', ['gulp-autoprefixer']);
article.post>.__header+.__content+.__footer|bem|jade
article.post
.post__header
.post__content
.post__footer
Preferences -> Package settings -> Emmet -> Settings - User
{
"syntaxProfiles": {
"html" : {
"filters" : "html, bem"
}
},
"preferences": {
"bem.elementSeparator":"__",
"bem.modifierSeparator":"--",
"bem.shortElementPrefix":"-"
}
}
[
{
"title": "Главная",
"url": "home.html"
},
{
"title": "Каталог",
"url": "catalog.html"
},
{
"title": "Акции",
"url": "actions.html"
}
]
mixin nav(data, current)
nav.nav&attributes(attributes)
if(data && data.length)
ul.nav__list
each item, index in data
li.nav__item.nav-item(class=(index === current ? "nav-item--current" : undefined))
a(href=item.url).nav-item__link
span.nav-item__title #{item.title}
+nav(getData('nav'), currentNav)
extends layouts/_default
block head
- pageTitle = 'Заголовок страницы';
block header
- currentNav = 1;
block content
doctype html
html(lang="ru-RU" class="no-js")
include ../parts/_head
body
block header
include ../parts/_header
.content#content
block content
block footer
include ../parts/_footer
var isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
//переменная true если перменная окружения не установлена или равна development
NODE_ENV=development gulp
var _if = require('gulp-if');
gulp.task('html', function () {
return gulp.src(path.src.html)
.pipe(gulp.dest(path.dist.html))
.pipe(_if(isDebug,_debug({title:'html'})))
// будем дебажить только если запустили как дебаг
.pipe(reload({stream: true}));
});
"preferences": {
"bem.elementSeparator": "__",
"bem.modifierSeparator": "_",
"bem.shortElementPrefix": "-",
},
"snippets": {
"html" : {
"filters" : "html, bem",
}
}
.page-header>.__top-menu