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 上收到以下错误:

error webstyle.scss (Line 7 of _header.scss: Invalid CSS after " &": expected "{", was "-logo {" "-logo" may only be used at the beginning of a selector.) Sass::SyntaxError on line 7 of C: Invalid CSS after " &": expected "{", was "-logo {" "-logo" may only be used at the beginning of a selector.

我使用的是最新的 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