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

Acabo de seguir el tutorial de Sass . 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 había un problema …

¿Qué he hecho mal?

Versión de Sass: Sass 3.1.10

Mensaje de error:

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

Contenido del archivo .sass:

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

Según su mensaje de error ( error sass/test.sass ) puedo decir que está usando la extensión .sass para un archivo Scss. Cambie su nombre de archivo a style.scss .

Sass y Scss usan dos syntax diferentes e incompatibles.

Prueba esto:

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