Альтернатива глобальным переменным переменным в проекте?

Question

[falcone5]

Подскажите, я еще новичок в web-разработке. Есть проект на основе БЭМ, который собирается из компонентов. Каждый компонент независим. В проекте есть готовый набор цветов (их 8) и шрифтов (их 2). Прописывать ли их как переменные ,допустим, в файле variables.scss, но тогда компоенты, которые используют эти переменные, станут зависимыми от этого файла. И если выдернуть компонент в другой проект, то придется тащить и variables.scss, я так понимаю?
Есть ли какие идеи обойтись без "глобальных" переменных?

Comments

[iBird Rose]

что именно ты хочешь? ну сделай второй variables.scss в отдельном компоненте и будут у тебя переменные в отдельном компоненте свои

[falcone5]

iBird Rose, хочу, чтобы компоненты проекта не зависели от variables.scss, но в тоже время указание переменных в файл variables.scss упрощает разработку проекта и его легче поддерживать. Видимо, без него не обойтись

[iBird Rose]

falcone5, можешь использовать css переменные. их можно задать в области видимости отдельного css класса. погугли