SASS文字列の空白を削除するには？

Question

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"); 
} 

Answer 1

そこには、このような組み込み関数はありませんが、それは文字列にスペースを探し、それらを切り出すことで実現できます。このような何か作業をする必要があります：あなたがSASS documentationに見ることができる利用可能な機能の

@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; 
} 

リスト。