пример грубый, но щас просто не вспомню где я мог смело использовать контекстные селекторы

а вот такая сущность, в БЭМ вот такой полностью описанный блок называется сущностью, уже можно использовать как готовые стили аналогично бутстрапу

https://www.npmjs.com/package/gulp-autoprefixer

Где это нужно прописывать?

В галп файле?

да

да

В конец?

После всего кода?

У меня просто так не работает)

но тогда идет цепочка классов, в ней нет смысла, почему нельзя обойтись без вложенности?

gulp.src('src/app.css')

да

И что это за путь?)

После всего кода?

autoprefixer = require('gulp-autoprefixer') в начало

const gulp = require('gulp');

но тогда идет цепочка классов, в ней нет смысла, почему нельзя обойтись без вложенности?

так тут и нет вложенности

autoprefixer = require('gulp-autoprefixer') в начало

Это можно выбросить?

const gulp = require('gulp');

Вот после этого пропиши

Вот после этого пропиши

Ты же только что сказал, что нужно в начало :)

У меня автопрефиксер идёт как часть таска стилей gulp.task('sass', function () { return gulp.src('app/sass/**/*.sass') .pipe(sourcemaps.init()) .pipe(sass({ includePaths: bourbon.includePaths }).on("error", notify.onError())) .pipe(rename({suffix: '.min', prefix: ''})) .pipe(autoprefixer(['last 15 versions'])) .pipe(gcmq()) .pipe(cleanCSS()) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('app/css')) .pipe(browserSync.reload({stream: true})); });

Ты же только что сказал, что нужно в начало :)

Ну, до задания всех тасков

var gulp = require('gulp'), // Подключаем Gulp sass = require('gulp-sass'); // Подключаем Sass пакет gulp.task('sass', function() { // Создаем таск "sass" return gulp.src(['sass/**/*.sass', 'sass/**/*.scss']) // Берем источник .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError)) // Преобразуем Sass в CSS посредством gulp-sass .pipe(gulp.dest('css')) // Выгружаем результата в папку css }); gulp.task('watch', function() { gulp.watch(['sass/**/*.sass', 'sass/**/*.scss'], ['sass']); // Наблюдение за sass файлами в папке sass }); gulp.task('default', ['watch']);

У меня вот такой вот код)

Ну, до задания всех тасков

Что нужно сделать, чтобы работал автопрефиксер?)

Не, знак апперсанта не создает сложенности

Поменяй таск sass на вот такое gulp.task('sass', function() { return gulp.src(['sass/**/*.sass', 'sass/**/*.scss']) .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError)) .pipe(autoprefixer({ browsers: ['last 2 versions'], cascade: false })) .pipe(gulp.dest('css')) });

Тут мы получим .block .block_red .block_grey .block_white

тоесть в чисто css будет .block{}; .red{};?

а ок

Поменяй только цифру с 2 до 5 хотя бы. Я про версии

амперсанд просто копирует имя родителя

воно что

именно)

Поменяй таск sass на вот такое gulp.task('sass', function() { return gulp.src(['sass/**/*.sass', 'sass/**/*.scss']) .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError)) .pipe(autoprefixer({ browsers: ['last 2 versions'], cascade: false })) .pipe(gulp.dest('css')) });

я?)

Ээээ

Зачем ты убрал определение переменных?

и так тоже не работает(

var gulp = require('gulp'), // Подключаем Gulp sass = require('gulp-sass'), // Подключаем Sass пакет autoprefixer = require('gulp-autoprefixer');

И да, само собой, автопрефиксер нужно поставить прежде

npm install --save-dev gulp-autoprefixer

Поставился с такими ошибками

Что это может быть?

Зайди сначала в папку проекта и там открой терминал

точно

--save-dev значит, что ты ставишь не глобально, а как зависимость в самом проекте. Если npm не знает, что за проект (нет папки NODE_MODULES), то он будет выдавать ошибку

Папка есть такая?

Папка есть такая?

Какая именно? NODE_MODULES?

Она должна быть в папке проекта?

В проекте есть

Какая именно? NODE_MODULES?

Да. В папке. И пришли свой файл package.json

Игорь да скинь ты ему свой готовй галпфайл и пэкейдж джейсон пусть он npm i сделает и все)

А что его скидывать?) Он же пустой должен быть))

Игорь да скинь ты ему свой готовй галпфайл и пэкейдж джейсон пусть он npm i сделает и все)

Так зачем ему куча ненужного?)

Эээм

С пустым галпфайлом SASS работает идеально

Сделай в папке проекта npm init

Зачем там еще что-то должно быть?)

стоп

Кто-то не смотрел видосов по sass? )

Кажется после того, как я ввел su, меня выбросило из папки проекта

ERROR: S client not available

Как открыть папку проекта без finder

?)

Как открыть папку проекта без finder

cd path/to/folder

Так надо прекращать это! Этот чат не аналог гугла))

http://www.youtube.com/watch?v=vW51JUVT66w

cd path/to/folder

А как в маке найти путь папки чтобы просто его скопировать?)

вот, смотри это видео и разбирайся. Так как ты спотыкаешься на элементарных базовых знаниях

Да. Только хотел эту ссыль кинуть ?

кто может помочь?

Мне кажется мне будет проще вручную проставлять префиксы :D

404

Один раз настроишь и потом не будешь париться

вы мне?

Мне кажется мне будет проще вручную проставлять префиксы :D

Вот. Тебе это железно надо посмотреть!) http://www.youtube.com/watch?v=vW51JUVT66w

а тут пашет

http://prntscr.com/eb211i

Может что с путями?

Скорее всего. Либо файл .htaccess смотри

Не вариант сразу консоль открыть в папке проекта?

Как называется папка твоего проекта?

Может что с путями?

с какими?

Как называется папка твоего проекта?

Development

Css

Development

А что не так? Сделай щас ls -la

Что то там еще

Я с телефона. Не удобно