CSS преобразован из SASS не работает

Question

Я пытаюсь использовать SASS в моем проекте. Я написал SCSS, а затем преобразовал его в CSS.

SCSS Я создал это,

$primaryColor: #D92231; 

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

p { 
    background-color: $primaryColor; 
} 

ui-btn { 
    background-color: $primary-color; 
} 

преобразовал SCSS в CSS с помощью команды,

sass-convert style.css style.scss 

Наконец я получил CSS генерируется. Сгенерированный CSS is,

$primaryColor: #D92231 

body 
    background: $primaryColor 

p 
    color: $primaryColor 

ui-btn 
    background-color: $primary-color 

Я связал это с моей страницей html, но не получил никакого эффекта. Где я иду не так ???

Answer 1

Сгенерированный CSS на самом деле не CSS, так как sass-convert фактически не конвертирует sass в css.

Он преобразует CSS в SASS или SCSS в зависимости от того, что вы хотите.

Чтобы преобразовать SCSS в SASS, вам нужно будет запустить приведенный ниже сценарий. Вам понадобится SASS.

sass input.scss output.css 

В качестве альтернативы вы можете запустить скрипт, чтобы Ruby просматривал файл SCSS и обновлялся при каждом сохранении.

Как так:

sass --watch input.scss:output.css 

Подробнее здесь: Documentation

Answer 2

Попробуйте Sass на sassmeister.com, и вы увидите, что основной переменной цвет не определен. Я считаю, что ваш код никогда не компилируется из-за этой ошибки. См.: Sassmeister output in Github Gist