currentColor
(fill="currentColor"
или stroke="currentColor"
, смотря что нужно красить).<svg>
<use style="color: rebeccapurple" xlink:href="id_элемента_спрайта"></use>
</svg>
color
наследуется внутри иконки везде, где используется currentColor
. Можно развлекаться с CSS! (transition вам в помощь)sourcemaps
нужно перед изменениями файлов, чтобы объект sourcemaps
получал в себя информацию об изменениях, которую впоследствии запишет.gulp.task('styles', function () {
return gulp.src('frontend/**/*.css')
.pipe(gulpIf(isDevelopment, sourcemaps.init()))
.pipe(concatCss('all.css'))
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
.pipe(minifyCss('all.css'))
.pipe(rename('all.min.css'))
.pipe(gulpIf(isDevelopment, sourcemaps.write()))
.pipe(gulp.dest('public/css'));
});
sourcemap
. Советую писать soucemap
не в сам файл со стилями, как у вас, а в отдельный файл (чтобы all.min.css
был полегче).sourcemaps.write('./maps')
node_modules
и теперь все модули устанавливаются не в [package-name]/node_modules/...
, а напрямую в node_modules/
. Раньше всё то, что показано на видео, устанавливалось внутрь gulp'а. Теперь иначе. Всё хорошо, не бойся.assets/css/main.sass
, поэтому и реагирует только на изменение этого файла.gulp.task('watch', function(){
gulp.watch('assets/css/**/*.sass', ['styles']);
})
gulp.parallel()
не определена. проверь, какую версию gulp ты используешь, эта штука есть только в gulp@4, который пока на стадии alpha.custom.scss
, а за всеми файлами в папкеgulp.task('watch', function() {
gulp.watch('./styles/a/first/**/*.scss', ['first-scss-custom']);
gulp.watch('./styles/a/second/**/*scss', ['second-scss-custom']);
gulp.watch('./styles/a/third/**/*.scss', ['third-scss-custom']);
});