Ошибка при подключении миксина sass. Error: Undefined variable: «$header». Ошибка:неопределенная переменная — что значит?

Question

[Junior Development]

Gulp выдает ошибку при подключении миксина к одному из классов.


Миксин подключаю к классу .owl-item__title 181 стр.


Миксин подключаю к классу .owl-item__title на 55 стр.


Миксины подключены к основному файлу sass


Файл с миксинами


Не могу понять почему ошибку выдаёт?!

Comments

[Flying]

Сам-то mxin где? :) Судя по тексту ошибки - у вас не определена переменная $header, возможно вы определяете её где-то в файле подключенном после файла с вызовом mixin'а?

Да, и код в виде скриншотов - плохая практика.

[Junior Development]

Flying, задал первый вопрос на «Тостер» поэтому скриншот.
В дальнейшем учту, спасибо.

Вот сам код .

// --  Vars -- //

// Color
$color-fon__1: #F7F7F7 // Основной фон
$color-fon__2: #EDEDED // Основной фон 2
$color-footer: #333336 // Фон футера
$text-color: #000 // Основной текст шрифта
$_red: #ff0000

//Fonts
$size-text__deafault: 16px // размер текста
$header: 'FuturaPt-900', sans-serif // стиль заголовка 1 уровня
$text-p: 'FuturaPt-300', sans-serif // основной стиль шрифта
$text-h4: 'FuturaPt-100', sans-serif // самый тонкий стиль

// --  = Vars -- //

[Flying]

Артём Кнутов, Это содержимое _vars.scss ? Если да - то обратите внимание что подключение owlcarousel.scss находится перед этим файлом

[Junior Development]

Flying, верно.
В комментарии ниже ответил, что ошибка снова возникала до момента перезапуска Gulp.
Спасибо!

Answer 1

[sergski]

у вас переменная $header в _vars наверно? он ниже owlcarousel.sass

Comments

[Junior Development]

Верно, переменная $header в _vars.

Да, owlcarousel подключен первым.
Но даже если _vars подключаю первым, все равно выдает ошибку.

[sergski]

Артём Кнутов, ту же undefined var?

[Junior Development]

sergski, перезапустил gulp, всё работает.
Верно, ошибка была связана с последовательностью подключения.
Спасибо!