SCSS 및 SCOUT 관련 문제 - 우수한 라이브러리

SCOUT를 사용하여 SCSS 파일을 CSS로 컴파일하고 있습니다.SCSS 및 SCOUT 관련 문제

나는 다음과 같은 코드가 있습니다

$header-background: #ddd; 
$header-font-size: 12px; 

.header { 
    background-color: $header-background; 
    font-size: $header-font-size; 

    &__logo { 
     border: solid 1px #000; 

     &--link { 
     } 

     &--image { 
     } 
    } 

    &__banner { 

     &--link { 
     } 

     &--image { 
     } 
    } 
    .navigation { 

     &__mobile { 

      &--button { 
      } 

      &--link { 
      } 
     } 

     &__menu { 

      &--list { 
      } 

      &--item { 
      } 

      &--selected { 
      } 
     } 
    } 
}

을하지만 내가 SCOUT에 다음과 같은 오류가있어 파일을 저장하고 있습니다 : _header의

오류 webstyle.scss (7 호선 .scss : "&"다음의 잘못된 CSS : 예상 된 "{", "-logo {" "-logo"는 선택 자의 시작 부분에서만 사용할 수 있습니다.) C : 7 행의 Sass : SyntaxError : 잘못된 CSS "&"뒤에 : expected "{", "-logo {" "-logo"만 가능 선택기 시작 부분에서 사용됩니다.

저는 최신 SCOUT 버전을 사용하고 있습니다. 나는 "codepen"에서 같은 SCSS를 실행 해요 때

은 (http://codepen.io/chaofix/pen/RNRzym)

가 무슨 이유가 될 수 잘 작동 좋은 컴파일 된거야? SCOUT으로 컴파일 할 수없는 이유는 무엇입니까?

출처

2014-12-22 Chaofix