Подскажите, есть ли способ получить глобальные динамические стили без CSS

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Подскажите, есть ли способ получить глобальные динамические стили без CSS

Variables в Svelte?
Например мне нужен глобальный (в <head> заголовке HTML) .primary {color: #000;},
а при нажатии на кнопку сделать его .primary {color: red; } или каким-то другим вычисляемым
Ну и чтобы это с SSR/SSG ренерилось в строку.

#programming #russian #svelte

0

17.02.2021

5 ответов

12 просмотров

Eugene Ilyin Автор вопроса

Daniil Kozlov
Что в этом контексте значит "динамические"? Ваш ке...

Динамические означают, что тема может менять этот глобальный стиль на сто-то другое вычисляемое. Как мне поменять его на :global(.primary) { color: blue } , напрмер, при нажатии на кнопку ?

0

17.02.2021

Daniil Kozlov

Daniil Kozlov
Что в этом контексте значит "динамические"? Ваш ке...

История с поддеревом, если что, расширяется для всего приложения, кстати.

0

17.02.2021

Valexr

Eugene Ilyin
Динамические означают, что тема может менять этот ...

RegExp - парсить global.css ?

0

17.02.2021

Mark Tanashchuk 🇺🇦

Eugene Ilyin
Динамические означают, что тема может менять этот ...

Кхм {#if someProp} <style>any styles here</style> {/if}

0

17.02.2021

Daniil Kozlov · Accepted Answer

Daniil Kozlov

Что в этом контексте значит "динамические"? Ваш кейс решается созданием стиля .primary в компоненте, которому назначается новый цвет. Если хотите сделать его "глобальным" для поддерева — пишите что-то вроде .selector :global(.primary) { color: red }.

0

17.02.2021

169 похожих чатов

Подскажите, есть ли способ получить глобальные динамические стили без CSS

5 ответов

Похожие вопросы