SASS компиляция font-size

Когда я компилирую fontawesome.scss в файл css с sass 3.4.1

$fa-var-music: "\f001"; 
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }

он скомпилирован для

.fa-music:before {
  content: "";
}

Поскольку я в основном использую кодировку Win1252 в своем проекте, мне интересно, как сохранить "\ f001" в файле css. Почему SASS переписывается?

Ответы

Ответ 1

Выдержка из Sass 3.4.0 changelog: Сасс теперь следует за спецификацией уровня синтаксиса CSS для определения кодировки стилей. Кроме того, теперь он испускает только UTF-8 CSS, а не пытается сопоставить исходную кодировку.

Теперь нет способа использовать старый метод

Issue в репозитории SASS

Для меня откат к SASS 3.3.14 исправить это

Ответ 2

Если вы используете Gulp для компиляции CSS, вы можете установить этот плагин Gulp, и он автоматически решит проблему для вас. Никаких изменений кода Sass не требуется.

https://www.npmjs.com/package/gulp-sass-unicode

var sass = require('gulp-sass');
var sassUnicode = require('gulp-sass-unicode');

gulp.task('sass', function(){
  gulp.src('style.scss')
    .pipe(sass())
    .pipe(sassUnicode()) // << This line is what does the magic
    .pipe(gulp.dest( "css/" ));
});