如何删除SASS字符串中的空格？

是否有一个字符串函数可以删除SASS中字符串中的空格？

对于一个实例,我想使用变量(带空格的字符串)来指定资源图像文件(不带空格的名称).

就像是:

$str-var: "The White Lion";

@mixin bg-img($name) {
  background-image: url("#{$name}.jpg");
}

.image-cover {
  @include bg-img(str-remove-whitespace($str-var));
}

预期结果:

.image-cover {
  background-image: url("TheWhiteLion.jpg");
}

Flying.. 8

没有这样的内置函数,但可以通过在字符串中搜索空格并将其剪切掉来实现.这样的事情应该有效:

@function str-remove-whitespace($str) {
  @while (str-index($str, ' ') != null) {
    $index: str-index($str, ' ');
    $str: "#{str-slice($str, 0, $index - 1)}#{str-slice($str, $index + 1)}";
  }
  @return $str;
}

您可以在SASS文档中看到的可用功能列表.

没有这样的内置函数,但可以通过在字符串中搜索空格并将其剪切掉来实现.这样的事情应该有效:

@function str-remove-whitespace($str) {
  @while (str-index($str, ' ') != null) {
    $index: str-index($str, ' ');
    $str: "#{str-slice($str, 0, $index - 1)}#{str-slice($str, $index + 1)}";
  }
  @return $str;
}

您可以在SASS文档中看到的可用功能列表.