Live Sass Compiler在SASS代码上抛出错误

Question

当我在SASS学习mixins时，我在输出区域遇到错误：

$bg-prm: #2caddd
$bg-sec: #f3f3f3
$bg-def: #454545
$bg-wht: #fff

@mixin Sans-Serif
    font-family: sans-serif

@mixin flex
    display: -webkit-flex
    display: flex

@mixin bgPrimary
    background-color: $bg-prm
    color: $bg-wht

body
    @include Sans-Serif
    .row
        @include flex

.bg-prem
    @include bgPrimary

错误：

Compilation Error
Error: Invalid CSS after "$bg-prm: #2caddd": expected 1 selector or at-rule, was "{}"
    on line 1 of sass/Users/hassan/Desktop/JS_test/style.sass
>> $bg-prm: #2caddd {}

    ---------------^ 

在Codepen.io SASS编译器中，此代码正常工作。

Answer 1

你似乎混淆了qazxsw poi和qazxsw poi语法。在您的情况下，您应该使用SASS声明SCSS并将它们包含在mixins中：

=

您可以检查两种语法+之间的差异。

Answer 2

您的代码片段适用于VS Code。

在工作区中未检测到任何问题。

=Sans-Serif()
  font-family: sans-serif

body
  +Sans-Serif

here