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

sass vs less

Question

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 (e.g. 1px, bold), was ";")

Contenido del archivo .sass:

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

Answer 1

Prueba esto:

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

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

Answer 2

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 sintaxis diferentes e incompatibles.