Настройка цветовых переменных SCSS не будет работать - PullRequest
Новая
       17

Настройка цветовых переменных SCSS не будет работать

1 голос
/ 02 апреля 2019

Я бы хотел определить свои собственные цветовые переменные в моем SCSS, но как?

Я проверил этот сайт и сделал все, что там описано ... но это не такработа.

Я уже установил препроцессор!

Кроме того, я попытался создать карту цветов и получить доступ к цвету с помощью map-get .. тоже не работает.

файл colors.scss 

$yellow_100: #FFC819;

файл style.scss с импортом colors.scss 

h1 {
    color: $yellow_100;
}

Я также пробовал это:

файл colors.scss 

$colors: (
    color: #FFBB00
);

файл style.scss 

h1 {
    color: map-get($colors, color);
}

Ни один из них не работает.

1 Ответ

0 голосов
/ 02 апреля 2019
  1. Установить sass с помощью npm -g install sass
  2. Создайте эти два исходных файла: 
// _colors.scss
$yellow_100: #FFC819;

// style.scss
@import './colors';

h1 {
    color: $yellow_100;
}
  1. Выполнить sass ./style.scss ./output.css для компиляции вашего кода
  2. Добавьте <link rel="stylesheet" type="text/css" href"[path to output.css]" /> к вашему HTML
...