변수가 위에 정의 된 경우에도 SASS에서 정의되지 않은 변수

Question

MacSubs를 통해 SASS가 설치되어 있고 현재 styles.sass 파일의 변경 사항을 수신하고이 변경 사항을 styles.css 파일에 사전 컴파일합니다.. 변수 $ pageGreen을 사용하여 내 사이트의 많은 배경을 사용하고있는 색을 대체 할 때까지 전체 코드가 미리 컴파일 된 오류가있었습니다.

/* VARIABLES */ 

     $pageGreen: #194719 

을 - - 내 SASS 파일의 상단에 $ pageGreen을 정의하고 난 변수를 사용하여 색상을 사용하는 모든 인스턴스를 교체했다. 다음은이 변수 (39 ~ 45 행)의 사용 예입니다.

.strip 
     height: 180px 
     box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5) 
     background-color: $pageGreen 
     color: white 
     position: relative 
     min-width: 995px 

저장시 오류가 발생했습니다.

>>> Change detected to: styles.sass 
      error styles.sass (Line 42: Undefined variable: "$pageGreen”.) 

내가 뭘 잘못하고 있니? 필요한 경우 전체 코드를 게시하게되어 기쁩니다.

Answer 1

귀하의 sass 파일에 indented syntax이 사용 된 것 같습니다. 또한 변수 선언이 상당히 들여 쓰기 된 것처럼 보입니다.

이 들여 쓰기가 변수의 범위를 지정하는 것으로 의심됩니다. 즉, 변수의 범위가 범위를 벗어나 사용할 수 없다는 것을 의미합니다.

는 해제 들여 쓰기를 시도 변수 선언을 :

/* VARIABLES */ 
$pageGreen: #194719 /* <-- not indented at all */ 


.strip 
    height: 180px 
    box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5) 
    background-color: $pageGreen 
    color: white 
    position: relative 
    min-width: 995px