Использование переменных цвета в blueprintjs

Нужно ли использовать препроцессор css, например less или sass, чтобы иметь доступ к определенным переменным цвета в Blueprint.Colors? Я просмотрел источник, и они появляются только в файлах .scss и .less. Однако в документации предполагается, что переменные доступны при настройке по умолчанию.


person Biel Simon    schedule 28.03.2017    source источник


Ответы (1)


Blueprint.Colors — это объект JS, который можно использовать в вашем коде JS. Для него не требуется препроцессор CSS, поскольку это просто объект JS (исходный код). Примеры: Blueprint.Colors.BLACK, Blueprint.Colors.BLUE3.

Все переменные Sass начинаются с $ и могут использоваться только в файлах Sass, которые импортируют файл Blueprint variables.scss. Примеры: $black, $blue3. (Меньше переменных имеют те же имена, но используют префикс @: @black.)

(Также возможно, но нетривиально, использовать переменные JS в препроцессоре CSS. Мы делаем это внутри, генерируя переменные Sass из объекта JS.)

person Gilad Gray    schedule 28.03.2017