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

Question

Afina Surname @dev-afina

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

_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

Вопрос задан более трёх лет назад
310 просмотров

12 комментариев

Подписаться 1 Простой 12 комментариев

Пригласить эксперта

Ответы на вопрос 2

5 комментариев

Afina Surname @dev-afina Автор вопроса

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

Написано более трёх лет назад
Пашенька @like-a-boss

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

Написано более трёх лет назад
Afina Surname @dev-afina Автор вопроса

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

Написано более трёх лет назад
Пашенька @like-a-boss

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

Написано более трёх лет назад
Afina Surname @dev-afina Автор вопроса

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

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Gulp.js

+1 ещё

Простой
Не применяются стили scss. Что делать?
- 1 подписчик
- 21 апр.
- 94 просмотра
0

ответов
Sass

Простой
Почему медиа-запрос переписывает стили, которые не должен переписывать?
- 1 подписчик
- 18 апр.
- 74 просмотра
1

ответ
Gulp.js

+1 ещё

Средний
Не запускается gulp,пишет: styles errored after 144ms. Как лечить такое?
- 1 подписчик
- 17 апр.
- 93 просмотра
0

ответов
React

+1 ещё

Средний
При стилизации компонента React не видны scss переменные подключенные модулем к index.js, в чем может быть проблема?
- 2 подписчика
- 13 апр.
- 322 просмотра
1

ответ
Windows

+1 ещё

Простой
Можно ли добавить sublime text в новое контекстное меню win 11?
- 2 подписчика
- 06 апр.
- 282 просмотра
0

ответов
HTML

+2 ещё

Простой
Как задать правильное позиционирование?
- 1 подписчик
- 30 мар.
- 100 просмотров
0

ответов
Sass

+2 ещё

Простой
Как подключить этот font-face генератор?
- 1 подписчик
- 29 мар.
- 73 просмотра
1

ответ
Sublime Text

Простой
Как вернуть package control в Sublime Text 4?
- 1 подписчик
- 25 мар.
- 35 просмотров
0

ответов
Sass

Простой
Почему миксин работает через раз?
- 1 подписчик
- 25 мар.
- 59 просмотров
0

ответов
Sublime Text

Простой
Как открыть файл .ds в sublime text?
- 1 подписчик
- 20 мар.
- 52 просмотра
0

ответов
Показать ещё Загружается…

Middle/Senior frontend dev

Solves

от 180 000 до 240 000 ₽

Frontend разработчик (Vue.js)

Intelinvest

от 50 000 до 90 000 ₽

Laravel-программист в веб-студию

Прометей

от 40 000 ₽

Требуется доработка самописаного проекта по ТЗ

25 апр. 2024, в 14:58

3500 руб./за проект

Необходимо переписать готовый локальный сайт на пайтон под хостинг

25 апр. 2024, в 14:56

250 руб./за проект

Собрать докер из Nest.js и Puppeteer

25 апр. 2024, в 14:56

2000 руб./за проект

.sass нужно конвертировать в .css, тогда всё будет работать
Потому-что это не ide и автокомплита нормального у него нет
perehodit
_header.sass

_variables.sass

main.sass

main.css

Я все конвертировала. Вы не поняли вопрос.
Ну так переменные надо импортировать до хеадера, и вообще до всего
like-a-boss, Не помогло ни то ни другое
WapSter, Проблема должна же иметь какое-то решение
Afina Surname, не удивляет что в исходника и на выходе совершенно разный код?
Михаил, Ну я тоже это имела ввиду. И имена переменных должны были быть курсивного начертания
like-a-boss, Да знаю что отступо-зависимый. С отступами все нормально так и должно быть. И плюс Gulp тоже не выдает ошибку.
Afina Surname, почему у тебя на выходе в color находится класс? Просто выложи на гитхаб исходники мы глянем.
WapSter, Потому что редактор не правильно компилировал файлы с расширением sass. Я решила проблему обновив редактор.

Answer 1 · 2019-11-12 15:36:57

Yana Tomkovich @angela_merkel

Frontend developer, youtube bloger and a good girl

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

Ответ написан более трёх лет назад

5 комментариев

Answer 2 · 2019-11-12 16:21:53

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

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт