sass добавить дополнительное место после компиляции

Question

Это мой Sass-файл:

$iconValue: '6a9';
.icon-home::before{
    content: '\e#{$iconValue}'
}

После компиляции я получил этот CSS:

.icon-home::before {
  content: "\e 6a9";
}

Как избавиться от лишнего пространства?

Answer 1

Поздравляем, вы только что наткнулись на случай с краем Sass в отношении интерполяции;) Насколько мне известно, не существует единого способа компиляции, чтобы справиться с этим - но это исправление / хак будет работать в большинстве новых версий:

// function to wrap value in quotes (with a leading \) 
@function icon($char){
  @return unquote('"\\#{$char}"');
}


$iconValue: '6a9';
.icon-home::before{
  content: icon(e#{$iconValue});
}


//  you can also add the 'e' to the variable  
//  and make it a little more readable 
$iconValue: 'e6a9';
.icon-home::before{
  content: icon($iconValue);
}