Есть 2 варианта (синтаксиса) - написания SASS
sass
и scss
Мы будем использовать sass
- Это синтаксис отступов
Он требует очень четкого соблюдения отступов.
Важно различать пробелы
и табуляцию!
Если возникают ошибки при запуске gulp или не явные ошибки (без указания строки) - скорей всего ошибка в не правильных отступах.
Либо используем ТОЛЬКО ТАБЫ
Либо используем ТОЛЬКО ПРОБЕЛЫ
Кроме базовых правил написания:
{ } - фигурные скобки
[ ] - квадратные скобки
( ) - круглые скобки
; - точка с запятой в конце строк
Существует еще и написание некоторых функций
Так что будьте внимательны - при использовании - каких либо примеров из интернета -
ПРОВЕРЯЙТЕ - КАКОЙ СИНТАКСИС ТАМ ИСПОЛЬЗОВАН !
Если довольно объемный пример выполнен в SCSS
- стиле, а ваш проект написан в SASS
- вы можете импортировать его в основной файл - не меняя синтаксиса и расширения файла.
С помощью директивы import
Синтаксис импорта придется гуглить)
И также обратный импорт:
.sass
в .scss