Почему текстовый редактор Sublime Text не видит следующие переменные?

Question

[Afina Surname]

_header.sass

.header
	&-contacts
	 display: flex
	 justify-content: flex-end
	 &__phone
	  font-size: 22px
	 &__button
	  font-size: 14px
	  font-weight: 400
	  color: $text-color-light

Comments

[perehodit]

.sass нужно конвертировать в .css, тогда всё будет работать

[WapSter]

Потому-что это не ide и автокомплита нормального у него нет

[Afina Surname]

perehodit
_header.sass

_variables.sass

main.sass

main.css


Я все конвертировала. Вы не поняли вопрос.

[Afina Surname]

Сергей delphinpro, Okay

[Пашенька]

Ну так переменные надо импортировать до хеадера, и вообще до всего

[Afina Surname]

like-a-boss, Не помогло ни то ни другое

[Afina Surname]

WapSter, Проблема должна же иметь какое-то решение

[Михаил]

Afina Surname, не удивляет что в исходника и на выходе совершенно разный код?

[Afina Surname]

Михаил, Ну я тоже это имела ввиду. И имена переменных должны были быть курсивного начертания

[Afina Surname]

like-a-boss, Да знаю что отступо-зависимый. С отступами все нормально так и должно быть. И плюс Gulp тоже не выдает ошибку.

[WapSter]

Afina Surname, почему у тебя на выходе в color находится класс? Просто выложи на гитхаб исходники мы глянем.

[Afina Surname]

WapSter, Потому что редактор не правильно компилировал файлы с расширением sass. Я решила проблему обновив редактор.

Answer 1

[Yana Tomkovich]

а ты не забыл импортировать?

Comments

[Afina Surname]

Yana Tomkovich Я не забыла. В предыдущем комменте можете это увидеть.

[Михаил]

Afina, подключайте переменные до того как они используются

[Afina Surname]

Михаил, Я подключила их как надо

[Михаил]

Afina Surname, ну да, по-этому то все и работает

[Afina Surname]

Михаил Что именно вы имеете ввиду? Загляните в предыдущий коммент.

Answer 2

[Пашенька]

Алгоритм дебага чего угодно. Начинайте с простого:
1. создаём простейший файл с одним классом с одним свойством со статическим значением. Компилится правильно? Кул
2. добавляем в него вложенный класс со свойством со статическим значением. Компилится правильно? Кул
3. значение вложенного свойства выносим в переменную. Переменную определяем в самом верху файла. Компилится правильно? Кул
4. выносим переменную во внешний файл, делаем импорт файла с переменной. Компилится правильно? Кул

Вариантов два: либо на каком-то этапе зафейлится => разбираемся с проблемой на глобальном уровне, либо всё пройдёт успешно => проблема в написанном вами сассе

Comments

[Afina Surname]

like-a-boss Я обновила редактор и плюс 3-ий пункт 2-ое предложение вашего коммента помогло мне. Но знаете, синтаксис не поменялся в файле _variables.sass, вроде должен быть курсивным и цветным и это очень странно. И gulp работает без проблем.

[Пашенька]

Afina Surname, Курсив/не курсив это всё же от темы вашего редактора зависит. Но самблайм, это такое себе. Я не пользовался, НО я, вот, недавно перебрался на Visual studio code с Brackets, хотя я очень консервативен в таких вопросах и могу вам порекомендовать Visual studio code. Правда мне пришлось ещё и тему под него свою сделать, но тем не менее :)

[Afina Surname]

like-a-boss Да знаю от редактора зависит(ну и у меня установлены в редакторе нужные плагины для синтаксиса). Главное чтоб правильно компилировал. Visual Studio Code не удобный для меня )

[Пашенька]

Afina Surname, для меня тоже. Но ко всему привыкаешь. Главная разница в том, что сублайм не IDE, а IDE поумнее будут в плане помощи при кодинге.

[Afina Surname]

like-a-boss Да, вы правы