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

가 그런 내장 함수가 없지만,이 문자열로 공간을 검색하고이를 절단에 의해 구현 될 수있다. 이런 식으로 뭔가 작업을해야합니다 : 사용할 수있는 기능의

@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 documentation로 볼 수 있습니다.