и в css и в js
То есть, чтобы можно было делать в css
:root {
--brand: var(--colors-brand);
}
А в JS:
import Colors from "..."
console.log(Colors.brand)
Может какие то инструменты есть для этого или что-то похожее? Пока у меня вариант только самому писать скрипт на JS для генерации такого
https://vuejs.org/api/sfc-css-features.html#v-bind-in-css Есть вот это, но я не знаю, насколько это тут нельзя советовать
Ну это что-то выглядит как шляпа полная) Я просто хочу сделать один источник истины для цветовой палитры, вот в чем моя идея
Если есть время разбираться https://amzn.github.io/style-dictionary/
Спасибо, посмотрю обе ссылки, очень полезно, возможно, как раз то, что нужно)
И почему вам этот бинд в цсс не подходит-то для такой задачи? Импортите стили из жс-а и инъектите их в цсс
Обсуждают сегодня