問題與SCSS和SCOUT

Question

我使用SCOUT我SCSS文件編譯成CSS。

我有以下代碼：

$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以下錯誤：

錯誤webstyle.scss（_header的7號線.scss：「&」後的無效CSS：預期的「{」，是「-logo {」 「-logo」只能在選擇器的開始處使用。）C：第7行的Sass :: SyntaxError：無效的CSS後「&」：預期‘{’，是‘車標{’ ‘車標’始得在選擇器的開始處使用。

我正在使用最新的SCOUT版本。

當我在「codepen」運行相同的SCSS它的工作好，編譯好（http://codepen.io/chaofix/pen/RNRzym）

可能是什麼原因呢？爲什麼我不能用SCOUT編譯？

Answer 1

當前版本的Scout使用Compass 0.12和Sass 3.2。您嘗試使用的功能需要Sass 3.3。

https://github.com/scout-app/scout-app/issues/185

Answer 2

童子軍應用程序的最新版本支持此功能。

• http://Scout-App.io