S
S
Sergey Gromov2017-01-21 16:37:47
css
Sergey Gromov, 2017-01-21 16:37:47

Stylus, Atom and Gulp Compatible at all?

As they already got me with ... and poltergeists in the code, I have no more strength, I AM FUCKED!!
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

If I run this piece of code on codepen, everything works for me codepen.io/reskwer/pen/BpRowY?editors=1100 and converts it to
.block {
  width: 100px;
}
@media all and (min-width: 31.25em) {
  .block {
    color: #000;
    font-weight: normal;
  }
}

but it doesn't work in my project {block}. i.e. at the output I get this
.block {
  width: 100px;
}
@media all and (min-width: 31.25em) {
}

But the most interesting thing is that it works in another project. and there are VERY VERY many such cases...
There was even such a thing, I write the style of the block, oops, an error, plumber write that Stylus swears at the 9th line in the code, and I have them soo...and only 8. the solution turned out to be to simply delete the entire code from the file and write it again, and everything fucking worked ..
What kind of poltergeys, has anyone come across this before? Maybe it's a problem with Atom?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
S
Sergey Gromov, 2017-01-21
@reskwer

The solution was found, carefully look at the code that you copy-paste, the document should contain TAB indents or spaces, in no case should you combine spaces with tabs, if you overlooked it somewhere, there will be this type of error

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question