인 IntelliJ는 CSS3의 석회질 내부 말대꾸 변수를 지원하지 않습니다 (기능

Question

나는.

$headerHeight: 90px; 

.basePageContent { 
    height: calc(100% - $headerHeight); 
    width: 100%; 
    position: absolute; 
    top: $headerHeight; 
    bottom: 0; 
    display: block; 
} 

를 완벽하게 작동하는 .scss 파일에 다음 말대꾸 코드를하지만 IntelliJ에 그것을 유효하지 않은 코드를 보여줍니다.이 무효가 될 수 내 IDE에서 설정하거나 인 IntelliJ의 잘못된

내가 오전 빌드 다음

하게 IntelliJ IDEA 2017.3 (얼티밋 에디션) IU-173.3727.127 년 11 월 27 일 을 구축 # 빌드 2017 JRE? 1.8.0_152 출시-1024 B6의 x86_64의의 JVM : JetBrains의 s.r.o 맥 OS X 10.13.1

Answer 1

IDE에 의해 오픈 JDK 64 비트 서버 VM 잘 작동합니다. interpolation에 대해 읽어보십시오.

$headerHeight: 90px; 

.basePageContent { 
    height: calc(100% - #{$headerHeight}); 
    width: 100%; 
    position: absolute; 
    top: $headerHeight; 
    bottom: 0; 
    display: block; 
}