Errore CSS non valido Sass: "espressione attesa"

Question

Ho appena seguito lo Sass tutorial. Per qualche ragione sebbene il file Sass non stia generando correttamente il css. Il terminale dice che il css non è valido ma sono abbastanza sicuro che non lo sia. Ho provato a cambiarlo anche nel caso in cui ci fosse un problema ...

Cosa ho fatto di sbagliato?

Sass Versione: Sass 3.1.10

Messaggio di errore:

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";") 

contenuto del file .sass:

/* style.scss */ 
#navbar { 
    width: 80%; 
    height: 23px; 
} 

Answer 1

Sulla base del messaggio di errore (error sass/test.sass) vi posso dire' utilizzando l'estensione .sass per un file Scss. Cambia il nome del tuo file in style.scss.

Sass e Scss utilizzano due diverse e incompatibili sintassi.

Answer 2

Prova questa:

/* style.scss */ 
#navbar { 
    width: 80%; 
    height: 23px; 
} 

/* style.sass */ 
#navbar 
    width: 80% 
    height: 23px