visual-studio-code - 如何修复我的 sass 编译错误 : expected selector

Question

第一次来这里，所以抱歉对这个地方的行为准则有任何不了解。

我已经阅读过关于类似描述问题的帖子，但它没有帮助:-/ 对不起，我是 n00b，温柔一点!

刚开始将我的 sass 构建到不同的文件中，同时开始使用 sass 而不是 scss。

我的问题，可能真的很简单也很愚蠢，是:

Compilation Error
Error: Invalid CSS after "...align: top; } }": expected 1 selector or at-rule, was "{"
        on line 43 of Users/Test/Documents/walters.dk 6.0/styles/1-base/_typography.sass
        from line 2 of Users/Test/Documents/walters.dk 6.0/styles/1-base/_base-dir.sass
        from line 2 of sass/Users/Test/Documents/walters.dk 6.0/styles/app.sass
>>         vertical-align: top; } } {

产生错误的文件如下所示: (第43行是最下面的，“vertical-align: top”)

// Text

h1 
    font-family: 'Raleway', sans-serif
    font-weight: 300
    display: inline-block
    color: $redish
    margin: 0 auto
    text-align: center
    font-size: 25px
    line-height: 1


h2 
    font-family: 'waltershand', Arial, sans-serif
    text-align: center
    font-size: 10rem
    margin-top: 3%
    


h3 
    font-family: 'waltershand', Arial, sans-serif
    text-align: center


h4 
    font-family: 'Raleway', sans-serif
    font-size: 0.85rem
    font-weight: 600
    display: inline-block


h5 
    font-size: 3rem
    font-family: 'waltershand', Arial, sans-serif
    margin: 4vh 5vw auto 5vw
    z-index: 2
    
    +mq(875px)
        font-size: 4.4vw
        display: inline-block
        vertical-align: top

第一次使用 mixin，所以如果有帮助，我添加了下面的代码:

=mq($size)
    @media only screen and (min-width: $size)
        @content

文件编译成 app.sass 是这样的:

@import 'variables'
@import '1-base/base-dir'

我猜问题不在实际的第 43 行，而是在我的 mixin 编写方式或其 importet 方式中。

在此希望有聪明的代码高手能帮上忙!

Answer 1

通过删除这个

+mq(875px)
        font-size: 4.4vw
        display: inline-block
        vertical-align: top

您的代码可以运行了。我不确定 mq 有什么作用？

您可以清楚地看到错误并尝试一下 here

错误:没有名为 mq 的 mixin

Backtrace: stdin:38 on line 38 of stdin @include mq(875px) { -------------^