VisualIdeas

Впервые купили/установили мак ос???

1. Копируете приложение (файл.app) в папку Приложения/Application (Если ещё не сделали)
   
2. ОТкрывайте в проводнике папку Приложения/Application
   
3. Ищете тама эту прогу, правой кнопокой на ней Открыть
   
4. Появится окошко уже с кнопкой открыт
   
5. В дальнейшем открываете как обычно
   

У вас синтаксис scss!
www.internet-technologies.ru/articles/article_1950.html

а вообще оба должны работать с модулем sass
но с вашим синтаксисом расширение файла должно быть .scss

и я бы писал так:

$color: blue;

h1 {
  color: $color;
}

поставьте себе линтер (scss-lint) - оно вам ошибки подробно опишет и также стилистические ошибки подсветит

Попробуйте для начала простой код:

gulp.task('stylesLint', function () {
    gulp.src('/src/style/main.scss')
        .pipe(scsslint({
            'config': 'lint.yml'
        }));
});

При этом файл lint.yml должен лежать в той же папке, и для начала пусть он у вас будет пустой!

У вас файл конфига называется ".scss-lint.yml" или точка просто ошибка и должно быть "./scss-lint.yml"?