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行：“＆amp;”之后的无效CSS：期望“{”，是“-logo {” “-logo”只能在选择器的开头使用。）C的第7行的Sass :: SyntaxError：“＆amp;”之后的无效CSS：期望“{”，是“-logo {” “-logo”只能在选择器的开头使用。

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

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

http://Scout-App.io

SCSS和SCOUT问题

2 个答案: