Почему не видит миксин?

Question

[Константин]

В компиляторе возникает ошибка:

no mixin named light
_top_navbar.sass

У меня подключено так в style.sass:

//Базовые настройки сетки
@import 'grid'
@import 'top_navbar'
@import 'fonts'

Миксин создан в _fonts.sass:

@mixin light {
    font-family: 'Proxima Nova Light', sans-serif;
}

Используется в _top_navbar.sass (+light):

.top-navbar
    background: #f7f7f9
    border-bottom: 1px solid #fff
    &-wrap
        display: flex
        align-items: center
        min-height: 42px
        font-size: 14px 
        +light

Comments

[Андрей]

Заведите файл mixins.scss и подключайте его до блоков где он будет использоваться.

Answer 1

[xdevelx]

Все таки вначале импортируйте файл с миксинами, а потом те, в которых он используется
style.sass:

//Базовые настройки сетки
@import 'grid'
@import 'fonts'
@import 'top_navbar'

А еще лучше миксины создавайте в файле mixins.sass и его вначале импортируйте.

Comments

[Константин]

а я не знал, что очередность играет роль, спасибо!

Answer 2

[Михаил Р.]

Вы подключаете миксин, который еще не объявлен в общем потоке.

Подключите так:

@import 'grid'
@import 'fonts'
@import 'top_navbar'

Comments

[Константин]

а я не знал, что очередность играет роль, спасибо!