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

Size: a a a

Svelte [svelt]

2020 September 29

МТ

Марк Танащук... in Svelte [svelt]

margin: var(—margin, 0);
margin-right: var(—margin-right, 0);
margin-left: var(—margin-left, 0);
margin-top: var(—margin-top, 0);
margin-bottom: var(—margin-bottom, 0);
margin-inline: var(--margin-inline, 0);
margin-inline-start: var(—margin-inline-start, 0);
margin-inline-end: var(—margin-inline-end, 0);
margin-block: var(--margin-block, 0);
margin-block-start: var(—margin-block-start, 0);
margin-block-end: var(—margin-block-end, 0);

плюс каждую еще заскоупить чтобы на других компонентах эти же переменные незаработали =)

https://svelte.dev/repl/d6037c6ce0494002b79ae59f4cc7bdca?version=3.28.0

Мне кажется или такой варик не так плох для такого кейса?

источник

21:39пожаловаться #1

МТ

Марк Танащук... in Svelte [svelt]

Типо всяко удобнее(кастомизируемее?) css переменных и в целом подходит под концепт инкапсулированности свелта =P

источник

21:40пожаловаться #2

МТ

Марк Танащук... in Svelte [svelt]

Константин

но я хз, что ты делаешь, потому что без слотов никакую серьёзную композицию ты не сделаешь

Пропсы =)

источник

21:45пожаловаться #3

Alexander Ponomarev in Svelte [svelt]

Марк Танащук

Я тут только фейспалм могу поставить.

источник

21:46пожаловаться #4

МТ

Марк Танащук... in Svelte [svelt]

Alexander Ponomarev

Я тут только фейспалм могу поставить.

Причина?

источник

21:47пожаловаться #5

Alexander Ponomarev in Svelte [svelt]

потому что реальный вариант будет иметь префикс у каждой цсс переменной иначе ты всему поддереву будешь маржины менять на всех уровнях вложенности

источник

21:47пожаловаться #6

Alexander Ponomarev in Svelte [svelt]

а это как бы дохрена бойлерплейт кода если что

источник

21:47пожаловаться #7

Alexander Ponomarev in Svelte [svelt]

который решается одной строчкой и 9 строчками в компиляторе

источник

21:48пожаловаться #8

МТ

Марк Танащук... in Svelte [svelt]

О каких цсс переменных речь?

источник

21:48пожаловаться #9

МТ

Марк Танащук... in Svelte [svelt]

Alexander Ponomarev

margin: var(—margin, 0);
margin-right: var(—margin-right, 0);
margin-left: var(—margin-left, 0);
margin-top: var(—margin-top, 0);
margin-bottom: var(—margin-bottom, 0);
margin-inline: var(--margin-inline, 0);
margin-inline-start: var(—margin-inline-start, 0);
margin-inline-end: var(—margin-inline-end, 0);
margin-block: var(--margin-block, 0);
margin-block-start: var(—margin-block-start, 0);
margin-block-end: var(—margin-block-end, 0);

плюс каждую еще заскоупить чтобы на других компонентах эти же переменные незаработали =)

источник

21:48пожаловаться #10

Alexander Ponomarev in Svelte [svelt]

зачем ты процитировал мое сообщение?

источник

21:49пожаловаться #11

МТ

Марк Танащук... in Svelte [svelt]

Alexander Ponomarev

зачем ты процитировал мое сообщение?

Потому что я постоянно слышу о "Вот как нам плохо, нам нужно прописывать отступы цсс переменными" и вспомнил корень всея проблемы