Live Sass Compiler выдает ошибку в коде SASS

Question

Пока я изучаю миксины в SASS, я сталкиваюсь с ошибкой в ​​области вывода:

$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 {}

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

Этот код работает в компиляторе SASS Codepen.io.

Answer 1

Ваши фрагменты кода работают с VS Code.

В рабочей области проблем не обнаружено.

Answer 2

Вы, похоже, перепутали SASS и SCSS синтаксис. В вашем случае вы должны объявить mixins с = и включить их с +:

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

body
  +Sans-Serif

Вы можете проверить различия между двумя синтаксисами здесь .