Почему сокращенная запись font: font-size/line-height, font-family не компилиируется gulp-sass?

Question

[JKaminsky]

в output файле свойство font отсутствует
scss:

font: 19px "open sans";
line-height: 30px;
max-width: 550px;

css:

line-height: 30px;
max-width: 550px;

таска:

var gulp = require("gulp");
var scss = require("gulp-sass");
var cleanCSS = require("gulp-clean-css");
const { series, parallel } = require("gulp");
gulp.task("scss", function () {
	return gulp
		.src("./css/scss/pages/*.scss")
		.pipe(scss())
		.pipe(cleanCSS({ level: 2 }))
		.pipe(gulp.dest("./css/"));
});
gulp.task("watch", function () {
	gulp.watch("./css/scss/**/*.scss", gulp.series("scss"));
});
gulp.task("default", gulp.series("watch"));

ошибок никаких не выдает!!!

Answer 1

[xdevelx]

sass здесь не при чем. Он должен скомпилировать как положено. А вот clean-css может и преобразовала правило или перенесла в другой селектор.
попробуйте без clean-css

gulp.task("scss", function () {
  return gulp
    .src("./css/scss/pages/*.scss")
    .pipe(scss())
    .pipe(gulp.dest("./css/"));
});

Comments

[JKaminsky]

да, вы правы

level 1 не съедает сокращенное св-во font, но не оптимизирует так как надо.

к сожалению, я не нашла какая именно опция делает это безобразие но и отказать от level 2 не могу, поэтому придется переписывать вручную все фонты...

[xdevelx]

А level 2 куда font заносит?