Sass Invalid CSS Error : "expression attendue"

Question

J'ai juste suivi le Tutoriel Sass . Pour une raison quelconque, le fichier Sass ne génère pas correctement les css. Le terminal indique que la css n'est pas valide, mais je suis presque sûr qu'elle ne l'est pas. J'ai essayé de le modifier aussi, juste au cas où il y aurait un problème...

Qu'est-ce que j'ai fait de mal ?

Version Sass : Sass 3.1.10

Message d'erreur :

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

Contenu du fichier .sass :

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

Answer 1

D'après votre message d'erreur ( error sass/test.sass ) Je peux dire que vous utilisez le .sass pour un fichier Scss. Changez le nom de votre fichier en style.scss .

Sass et Scss utilisent deux syntaxes différentes et incompatibles.

Answer 2

Essayez soit :

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

Ou :

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

Notez la différence d'extension de fichier et de syntaxe.

Answer 3

Vous pouvez résoudre ce code de deux façons : en changeant l'extension ou en changeant le code. Si vous souhaitez modifier votre code, vous pouvez le faire de la manière suivante

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

Et si vous voulez changer l'extension, vous pouvez faire

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

Le choix est le vôtre, celui qui vous convient le mieux, d'utiliser SASS ou SCSS.