Препроцессор Sass поддерживает два синтаксиса: sass и scss. Они предусматривают одну и ту же функциональность, но используют разный синтоксис.
В sass
опущены все фигурные скопки и точки с запятой, а структура кода задаётся отступами (такая структура кода напоминает языки программирования Python и Ruby)
body color: green
Синтаксис scss
использует фигурные скопки и точки с запятой и похож на обычный css:
body { color: green }
Файлы scss имеют расширение .css
А файлы sass имеют расширение .sass
Практика