В очередной раз столкнулся с этой проблемой. Решил разобраться.
В общем решилось все просто, покрайней мере у меня.
Всем известно, что stylus позволяет писать разными стилями в одном документе.
/* Так */
.wrapper
position relative
/* Вот так */
.wrapper {
position: relative;
}
/* А так же комбирированием этих стилей */
/* Например вот такую кашу он скомпилит без проблем */
.wrapper {
position relative;
}
Тоесть будь то codepen или gulp или другая тулза (prepros напирмер ), он при трансляции кода не плюнет ошибкой.
Но! Если написать вот так
.wrapper
position: relative;
то Emmet в sublime перестает работать выше этой строчки. Ниже в документе проблем нет.
Наглядно:
/* Emmet не отработает */
.wrapper
position: relative;
/* Все работает */
Отсюда следует основных 2 вывода:
1) Приводите код к единому формату ( в идеале )
2) Оборачивайте блок кода не соответствующий принятому синтаксису в фигурные скобочки
вот так
/* Все работает без проблем */
.wrapper {
position relative;
}
Теперь по крайней мере в sublime text 3 Emmet должен отрабатывать как положено.
В технические тонкости углубляться было некогда.
Возможно что это работает только у меня.
Надеюсь кому-то мои наблюдения помогут решить проблему!
Спасибо!