Есть 2 варианта (синтаксиса) - написания  SASS

 

  sass     и    scss  

 

Мы будем использовать    sass  

 

 - Это синтаксис отступов  

 

Он требует очень четкого соблюдения отступов.

 

 

Важно различать    пробелы    и    табуляцию!  

 

  Если возникают ошибки  при запуске gulp  или не явные ошибки (без указания строки) -  скорей всего ошибка в не правильных отступах.

 

Либо используем   ТОЛЬКО ТАБЫ  

 

Либо используем   ТОЛЬКО ПРОБЕЛЫ  

 

 

Кроме базовых правил написания:

{ } - фигурные скобки

[ ] - квадратные скобки

( ) - круглые скобки

; - точка с запятой в конце строк

 

Существует еще и написание некоторых функций

Так что будьте внимательны - при использовании - каких либо примеров из интернета -

 

  ПРОВЕРЯЙТЕ - КАКОЙ СИНТАКСИС ТАМ ИСПОЛЬЗОВАН !  

 

Если довольно объемный пример выполнен в  SCSS - стиле, а ваш проект написан в   SASS     -  вы можете  импортировать  его в основной файл -  не меняя синтаксиса  и  расширения файла.  

 

С помощью директивы   import 

Синтаксис импорта придется гуглить)

 

И также обратный импорт:

.sass    в    .scss