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

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

Чем я ошибся?

Sass Version: 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;
}

Ответ 1

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

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

Ответ 2

Попробуйте следующее:

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

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