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

Question

[Sanyok R]

Здравствуйте.
Не могу собрат красивый код типа

.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']);

Answer 1

[Serj-One]

csscomb.com/config
Выбирай нужный вид по примерам, забирай конфиг.

Comments

[Sanyok R]

но плагин gulp-csso его минифицирует.

[Serj-One]

Sanyok R, Тогда на кой чёрт тебе убирать переносы строки?

Answer 2

[Sanyok R]

пример как хотелось бы получить код
было

.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 }

Заранее спасибо