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

Question

[Сергей Громов]

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

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. решением оказалось просто удалить весь код с файла и заново написать, и все бл...ь заработало..

Что за полтергейсы, кто-то сталкивался с таким уже? Может в Атоме проблема ?

Answer 1

[Сергей Громов]

Решение нашлось, внимательно смотрите код который копипастите, в документе должны быть отступы ТАБЫ или пробелы, не в коему случае нельзя совмещать пробелы с табами, если хоть где-то проглядели, будут такого типа ошибки

Comments

[Anton Filippov]

это касается не только стайлуса но и всего процесса разработки. Не нужно мешать мух с котлетами

[Никита Петров]

А ещё ваша ide может сама все поменять, привет JetBrains