reskwer
@reskwer
front-end developer

Stylus, Atom и Gulp Совместимы вообще?

Как меня уже достали с...а полтергейсты в коде, сил больше нет, ЗАДОЛБАЛО!!

Gulp4 + gulp-stylus + atom
Вот маленький отрывок кода, миксин медиа-квери, преобразующий число в процент, ничего не обычного
media-query(minWidth)
  result = (minWidth / 16)em
  @media all and (min-width: result)
    {block}
    
    
.block
  width 100px
  +media-query(500px)
    color #000
    font-weight normal

Если я этот кусок кода запущу на codepen, у меня все работает codepen.io/reskwer/pen/BpRowY?editors=1100 и преобразует это в
.block {
  width: 100px;
}
@media all and (min-width: 31.25em) {
  .block {
    color: #000;
    font-weight: normal;
  }
}


а в моем проекте не работает {block}. т.е на выходе я получаю вот это
.block {
  width: 100px;
}
@media all and (min-width: 31.25em) {
}

Но самое интересное что в другом проекте работает. и таких случаев ОЧЕНЬ ОЧЕНЬ много...

Было даже такое, пишу стиль блока, опа, ошибка, пламбер пише что Стайлус ругается на 9 строку в коде, а у меня их су...а всего 8. решением оказалось просто удалить весь код с файла и заново написать, и все бл...ь заработало..

Что за полтергейсы, кто-то сталкивался с таким уже? Может в Атоме проблема ?
  • Вопрос задан
  • 340 просмотров
Решения вопроса 1
reskwer
@reskwer Автор вопроса
front-end developer
Решение нашлось, внимательно смотрите код который копипастите, в документе должны быть отступы ТАБЫ или пробелы, не в коему случае нельзя совмещать пробелы с табами, если хоть где-то проглядели, будут такого типа ошибки
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы