Sass Invalid CSS Error: «ожидаемое выражение»

Question

Я только что следовал учебнику Sass .По какой-то причине файл Sass неправильно генерирует CSS.Терминал говорит, что CSS неверен, но я уверен, что это не так.Я тоже пытался изменить его на случай, если возникла проблема ...

Что я сделал не так?

Sass Версия: Sass 3.1.10

Сообщение об ошибке:

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

.sass содержимое файла:

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

Answer 1

На основании вашего сообщения об ошибке (error sass/test.sass) я могу сказать, что вы используете расширение .sass для файла Scss. Измените имя файла на style.scss.

Sass и Scss используют два разных и несовместимых синтаксиса.

Answer 2

Попробуйте это:

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

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