Неправильна помилка CSS у Sass: "очікуваний вираз"

Question 1

Я щойно дотримувався підручника 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;
}

Question 2

На основі вашого повідомлення про помилку ( error sass/test.sass) я можу сказати, що ви використовуєте .sassрозширення для файлу Scss. Змініть ім'я файлу на style.scss.

Sass і Scss використовують два різні і несумісні синтаксиси.

Question 3

Спробуйте також :

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

Або:

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

Зверніть увагу на різницю у розширенні файлу та синтаксисі.