Я кодирую несколько цветовых схем (в Sass), где один супер-пупер-родительский класс управляет всеми дочерними элементами. И я продолжаю находить себя на таких экранах:
... думая про себя: «Теперь, в какой цветовой схеме я сейчас?».
В настоящее время я исправляю это, разбивая код на несколько файлов, что вроде как решает проблему, но не идеальным способом. Это означает много переключения файлов. А также, если у меня есть .open
- / .closed
-класс или .missing
- / .present
-класс, то я должен найти это и «спуститься по дереву», чтобы убедиться, что я делаю изменение в правильном месте. Довольно утомительно!
Я надеялся, что смогу найти плагин, который мог бы (всегда, независимо от того, где находится курсор) отображать уровни вложенности в фиксированной строке состояния в верхней части экрана (вроде того, что я могу поместите мой курсор на кронштейне, чтобы увидеть соответствие одному).
Пример того, что я пытаюсь найти, это то, что если я помещу курсор внутрь ul.menu-main__current-menu-item__missing li a {
, тогда он отобразит строку состояния вверху:
#header >> &.green-colorscheme >> ul.menu-main__current-menu-item__missing li a
Могу ли я как-то этого добиться? Если нет, то как мне не потеряться в моем коде?
Ни один из них не решает проблему так хорошо, как мое предложение.