Come definire più query multimediali in un file di stili?

Question

Come si definiscono più query multimediali in un unico file?

ho questo .styl-file:

@media (min-width: 980px) 
    body 
    padding-top 60px 

@media (min-width: 768px) 
    body 
    .container 
     width 768px 

Questo mi sta dando l'errore expected "indent", got "newline". Inserirli in file separati e avere un file include gli altri lavori. Ma quando li ho nello stesso file e un secondo file che sta importando questo fallisce.

Update: Il codice dei file può essere trovato qui:

• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/style.styl
• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/nblog.styl

Answer 1

Il tuo problema è che avete schede nella query principale, e gli spazi in il più basso. Cerca di essere coerente (questa è una buona pratica in generale, quando si tratta di tutti i tipi di programmazione). Non ho una preferenza in entrambi i casi, ma probabilmente dovresti esaminare le impostazioni dell'editor per vedere se è possibile applicare la coerenza a quel livello. Il mio editor mette 4 o 2 spazi quando premo la scheda, a seconda della lingua.

Il tuo esempio nella domanda funziona, in realtà (ci sono solo spazi in quello).