Задать вопрос
sanyokdb
@sanyokdb
--save-dev

Не получается собрат красивый код gulp-csscomb и gulp-csso, как исрпавть?

Здравствуйте.
Не могу собрат красивый код типа
.divider, .parallax, .bg-img {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; 
  background-repeat: repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;}


сейчас компилирует таким образом
.divider,
.parallax,
.bg-img {
  position: relative;

  display: block;
  overflow: hidden;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; 

  background-repeat: repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;}


как можно убрать Enter ? кстати подключен еще у меня плагин gulp-csso

вот код gulpfile
var gulp = require('gulp'); // подключаем Gulp
var plumber = require('gulp-plumber'); // модуль для отслеживания ошибок
var sass = require('gulp-sass'); // модуль для компиляции SASS (SCSS) в CSS
var autoprefixer = require('gulp-autoprefixer'); // модуль для автоматической установки автопрефиксов
var csso = require('gulp-csso'); // минификации CSS
var csscomb = require('gulp-csscomb');
var browserSync = require('browser-sync').create(); // сервер для работы и автоматического обновления страниц

gulp.task('browser-sync', ['sass'], function() {

	browserSync.init({
		// server: "./app",
		proxy: "mlseurope.loc",
		notify: false // Отключаем уведомления
	});

	gulp.watch("app/scss/**.scss", ['sass']);
	gulp.watch("app/**.html").on('change', browserSync.reload);
});

gulp.task('sass', function() {
	return gulp.src("app/scss/*.scss")
		.pipe(plumber())
		.pipe(sass().on('error', sass.logError))
		.pipe(autoprefixer({
			browsers: ['last 10 versions'],
			cascade: false
		}))
		// .pipe(csso())
		.pipe(csscomb())
		.pipe(gulp.dest("app/css"))
		.pipe(browserSync.stream());
});

// Задача "gulp". Запускается командой "gulp"
gulp.task('default', ['browser-sync']);
  • Вопрос задан
  • 246 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
Serj-One
@Serj-One
i'm sexy and i know it
csscomb.com/config
Выбирай нужный вид по примерам, забирай конфиг.
Ответ написан
sanyokdb
@sanyokdb Автор вопроса
--save-dev
пример как хотелось бы получить код
было
.section.left {
	float: left;
	font-family: Fira Sans;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 16px;
}
.section.right {
	float: right;
	padding-bottom: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	padding-top: 10px;
}


стало
.section.left,
.section.right {
	font-size:16px;
	margin-bottom:10px }

.section.left {
	float: left;
	font-family: Fira Sans;
	margin-right:15px}

.section.right {
	float:right;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:10px }


Заранее спасибо
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы