SASS 변수가 VS 2013 Web Essentials의 CSS 파일에 작성됩니다.

Question

Web Essentials Update 2와 함께 Web Update 2 용 Visual Studio 2013 Express를 사용하여 SASS (SCSS Synthax) 파일을 작성합니다. 컴파일 된 CSS 파일에는 값 대신 변수 이름이 포함됩니다. 다음 코드

$height: 200px; 
#contentDiv { 
    height: calc(100% - $height); 
} 

내가 뭘 잘못이 CSS 그래서

#contentDiv { 
    height: calc(100% - $height); } 

을 생산? 간단한 웹 프로젝트를 만들고 Web Essentials를 설치하고 SASS 파일을 추가 한 다음 SASS를 처음 사용하는 코드를 작성하기 시작했습니다.

Answer 1

이상이다. 당신이 CSS의 계산 기능을 사용하려면

당신은이 작업을 수행 할 수 있습니다

로 컴파일

$something: 100px; 

#contentDiv { 
    height: calc(100% - #{$something}); 
} 

:

#contentDiv { 
    height: calc(100% - 100px); 
} 

Answer 2

나는 http://sassmeister.com을 사용하여 편집을 확인합니다.

는 Aparently 오류는 호환 유형되지 않기 때문에 당신은 사스의 calculate 기능을 사용하여 백분율에서 픽셀을 뺄 수없는 기능 CALC

$something: 100px; 

#contentDiv { 
    heigth: calc(100% - $something); //doesn't work 
    heigth: calculate(100% - $something); //work with errors 
    height: $something;//work 
}