【发布时间】:2020-01-10 01:45:29
【问题描述】:
第一次来,所以抱歉对这个地方的行为准则缺乏了解。
我已经阅读了一篇有描述的类似问题的帖子,但它没有帮助 :-/ 对不起,我是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
第一次使用 mixins,如果有帮助,我添加了以下代码:
=mq($size)
@media only screen and (min-width: $size)
@content
文件像这样编译成 app.sass:
@import 'variables'
@import '1-base/base-dir'
我猜问题不在于实际的第 43 行,而在于我的 mixin 的编写方式,或者它的 importet 方式。
希望有聪明的代码高手可以帮忙!
【问题讨论】:
-
我在尝试编译您的代码时没有收到任何错误。当我尝试将其编译为 SCSS 而不是 SASS 时,我才设法得到与您相同的错误。你确定你的编译器有正确的配置吗?
标签: visual-studio-code sass compilation selector