Телеграмм чат группы sveltejs страница 6691

Eugene Ilyin

То есть только Vanila JS для манипуляции CSSOM, в svelte нет таких инструментов, верно?

А где-нибудь вообще есть?

13:01пожаловаться #1

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

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

13:02пожаловаться #2

Вам просто надо сделать это в App.svelte.

13:02пожаловаться #3

Arushwl in Svelte [svelt]

Eugene Ilyin

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

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

13:02пожаловаться #4

Eugene Ilyin in Svelte [svelt]

А где-нибудь вообще есть?

Что именно есть?
Есть тема в виде набора стилей, я хочу ее менять на стороне клиента без CSS Var и иметь возможно отрендерить ее на стороне сервера при первой отдаче контента.

13:02пожаловаться #5

Eugene Ilyin

Нет, вы просто спрашиваете, есть ли такой инструмент в свелте. Я в ответ спрашиваю, есть ли он вообще хоть где-то.

13:03пожаловаться #6

Чтоб в рантайме менять содержимое CSS-классов без CSS-переменных.

13:03пожаловаться #7

Eugene Ilyin in Svelte [svelt]

Да, любая CSS-IN-JS

13:03пожаловаться #8

Arushwl in Svelte [svelt]

Eugene Ilyin

у меня помнится была логика изменения :root от body id

13:03пожаловаться #9

Eugene Ilyin

Да, любая CSS-IN-JS

Вы можете использовать CSS-in-JS в свелте.

13:03пожаловаться #10

Это раз.

13:03пожаловаться #11

Eugene Ilyin in Svelte [svelt]

Arushwl

у меня помнится была логика изменения :root от body id

Как именно? Пример приведите, пожалуйста.

13:03пожаловаться #12

You don't need to, but you can

Eugene Ilyin

Как именно? Пример приведите, пожалуйста.

Не копал, но вот аж гайд на оф.сайте:
https://svelte.dev/blog/svelte-css-in-js

svelte.dev

Using CSS-in-JS with Svelte

13:04пожаловаться #13

Eugene Ilyin in Svelte [svelt]

Вы можете использовать CSS-in-JS в свелте.

Нет не могу, так как она не дружит в пререндерингом на стороне сервера

13:04пожаловаться #14

Arushwl in Svelte [svelt]

Eugene Ilyin

Как именно? Пример приведите, пожалуйста.

ща диск найду )

13:05пожаловаться #15

Eugene Ilyin in Svelte [svelt]

You don't need to, but you can

Не копал, но вот аж гайд на оф.сайте:
https://svelte.dev/blog/svelte-css-in-js

svelte.dev

Using CSS-in-JS with Svelte

Ну да, если выкинуть SSR/SSG, то можно взять старый добhый Emotion
It's important to note that most CSS-in-JS libraries have a runtime library, and many don't support statically extracting styles out into a separate .css file at build time (which is essential for the best performance). You should therefore only use CSS-in-JS if it's necessary for your application!

13:05пожаловаться #16

Eugene Ilyin in Svelte [svelt]

Arushwl

ща диск найду )

Диск? Floppy Disk?

13:06пожаловаться #17

Eugene Ilyin in Svelte [svelt]

Или Discord?