css - 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.scss の 7 行目: "&" の後の CSS が無効です: "{" が必要でしたが、"-logo {" "-logo" はセレクターの先頭でのみ使用できます。) Sass::SyntaxError C の 7 行目: " &" の後の CSS が無効です: "{" が必要で、"-logo {" でした "-logo" は、セレクターの先頭でのみ使用できます。

最新の SCOUT バージョンを使用しています。

「codepen」で同じ SCSS を実行している場合、正常に動作し、適切にコンパイルされています ( http://codepen.io/chaofix/pen/RNRzym )

その理由は何でしょうか？SCOUT でコンパイルできないのはなぜですか?