получить разные результаты при компиляции Sass с LiveReload для OSX

Question

Я не уверен, что происходит. Я новичок в Sass, поэтому я следил за этим советом для начинающих: https://scotch.io/tutorials/getting-started-with-sass

Для того, чтобы практиковать (и надеяться использовать его как инструмент для разработки), я установил LiveReload для компиляции файлов .scss. Но при тестировании области переменных я получил неожиданные результаты.

В style.scss У меня есть следующий код:

$primaryColor: #eeccff; 

body { 
    $primaryColor: #ccc; 
    background: $primaryColor; 
} 

p { 
    color: $primaryColor; 
} 

// When compiled, our paragraph selector's color is #eeccff 

Так р предполагается получить цвет: #eeccff. Но это то, что я получаю:

body { 
    background: #cccccc; } 

p { 
    color: #cccccc; } 

Я тестировал тот же код в sassmeister.com и он работал, как и ожидалось, так же, как учебник говорит:

body { 
    background: #ccc; 
} 

p { 
    color: #eeccff; 
} 

Опять же, я использую LiveReload для макинтош И это варианты компиляции:

У кого-нибудь есть идеи, почему это происходит?

Спасибо!

EDIT:

Я нашел этот вопрос, когда кто-то испытывал очень подобную проблему в другой ситуации: Web Essential for Visual Studio Sass compile wrong

По-видимому, имеет отношение к версии Сасс вы используете. Но как мне изменить это для LiveReload? Как вы это измените?

Answer 1

Ну, я только что перешел из компилятора Sass. Мне пришлось прекратить использовать LiveReload и скомпилировать с Koala, чтобы получить ожидаемые результаты. Не удалось изменить цвет LiveReload Sass.