Error de CSS no válido de Sass: "expresión esperada"

Question

Acabo de seguir el Sass tutorial. Por alguna razón, el archivo Sass no está generando correctamente el css. La terminal dice que el css no es válido, pero estoy bastante seguro de que no lo es. Intenté cambiarlo también por si hubiera algún problema ...

¿Qué he hecho mal?

Sass Versión: 3.1.10 Sass

mensaje de error:

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

contenido del archivo .sass:

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

Answer 1

Sobre la base de su mensaje de error (error sass/test.sass) que le puede decir' re usando la extensión .sass para un archivo Scss. Cambia el nombre de tu archivo a style.scss.

Sass y Scss usan dos sintaxis diferentes e incompatibles.

Answer 2

Prueba esto:

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

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