scss 문자보간

 

클래스 이름을 변수에 담아서 사용할 수 있다.

 

#{이름}

 

이럴 경우 에러가 생길수 있는데 이 경우

 

 

 

이 경우 아래처럼 적으면 잘 작동하지만

width:$n10 + $n20 + px;

  width:#{$n10+$n20} + px;

아래처럼 적으면 숫자를 문자로 인식하여 작동하지 않는다. width:100200px 로 나옴.

width:#{$n10} + #{$n20} + px;