Использование переменной CSS со стилизованными компонентами ⇐ CSS
-
Anonymous
Использование переменной CSS со стилизованными компонентами
Я знаю, что вы можете обернуть свое реагирующее приложение с помощью , установить переменную для темы и получить к ней доступ следующим образом:
const Текстовый стиль` цвет: ${((реквизит) => props.theme.red)}; ` Но ведь сам CSS имеет функцию переменных?
Вы можете просто сделать
:root { --красный: помидор; } .текст { цвет: var(--красный); } Можно ли их смешивать? или придерживаться стилевых компонентов или CSS?
Я знаю, что вы можете обернуть свое реагирующее приложение с помощью , установить переменную для темы и получить к ней доступ следующим образом:
const Текстовый стиль` цвет: ${((реквизит) => props.theme.red)}; ` Но ведь сам CSS имеет функцию переменных?
Вы можете просто сделать
:root { --красный: помидор; } .текст { цвет: var(--красный); } Можно ли их смешивать? или придерживаться стилевых компонентов или CSS?
Мобильная версия