# Введение в язык SASS

Сегодня мы с вами начнем изучать препроцессор SASS. SASS - это альтернатива препроцессора LESS, который также позволяет программировать на CSS.

На самом деле SASS имеет два варианта синтаксиса, первый вариант также называется SASS, а второй - SCSS. Оба они поддерживают одинаковый набор функций и лишь немного различаются синтаксисом. Однако, поскольку SCSS является более новым и широко используемым, в данном учебнике мы будем изучать именно его.

Итак, синтаксис SCSS похож на синтаксис СSS, то есть мы увидим те же фигурные скобки и те же кавычки с запятой, что и в CSS. Рассмотрим пример синтаксиса SCSS, где сразу мы присваиваем переменным шрифт и цвет, после чего присваиваем эти переменные свойствам в селекторе `body`:

`$font: Helvetica, sans-serif; $color: #333; body { font: $font; color: $color; }`
→
↑