Впервые здесь, поэтому извините за отсутствие понимания в кодексе поведения этого места.
Я уже читал пост с подобной описанной проблемой , но это не помогло : - / Извините, я n00b, будьте осторожны!
Просто начал структурировать мой sass в разные файлы, и в то же время начал использовать sass вместо s css.
Моя проблема , которая, вероятно, действительно проста и глупа, такова:
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 является нижней, «вертикальное выравнивание: верх»)
// 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
Первый раз, используя миксин, поэтому, если это поможет, я добавил следующий код:
=mq($size)
@media only screen and (min-width: $size)
@content
Файлы компилируются в app.sass следующим образом:
@import 'variables'
@import '1-base/base-dir'
Я предполагаю, что проблема не в самой строке 43, а в том, как написан мой миксин, или как он важен.
Вот надеемся, что какой-нибудь мастер мозгового кода поможет!