0

我正在使用 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 编译？

4

2 回答 2

0

当前版本的 Scout 使用 Compass 0.12 和 Sass 3.2。您尝试使用的功能需要 Sass 3.3。

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

于 2014-12-22T12:54:39.947 回答
0

最新版本的 Scout-App 支持此功能。

于 2016-12-30T18:38:26.910 回答