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

ты в контексте issue, которое я выше скидывал, сейчас размышляешь?

17:27пожаловаться #1

Dan Kozlov in Svelte [svelt]

пожди, проблема конкретно в СПОСОБЕ как свелт скоупит стили. В том что в условных цсс модулях заменяется .class -> .class-112 а у свелта .class -> .class.svelt-1232

и получается что если у тебя уже где-то есть class то ты применишь все стили с него на свелт элемент и частично перебьешь теми которые написал в свлете

Да, я понимаю.

Наверное, скоупинг стилей можно улучшить. Наверное, какие-то эдж-кейсы из коробки решаются не без сложностей.

17:27пожаловаться #2

или я вообще не понимаю тебя

17:27пожаловаться #3

МТ

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

akaSybe

ты в контексте issue, которое я выше скидывал, сейчас размышляешь?

17:27пожаловаться #4

МТ

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

И в контексте этого сообщения

17:28пожаловаться #5

Марк Танащук

а при чем тут :global тогда?

17:29пожаловаться #6

МТ

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

akaSybe

а при чем тут :global тогда?

При том что при НЕиспользовании конкретно названий классов(они генерятся в хеши) глобала не существует

17:29пожаловаться #7

эм

17:29пожаловаться #8

МТ

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

:global и global.css не дадут эффекта потому что условный p24 из теилвинда превратится в хеш

17:30пожаловаться #9

если ты в svelte пишешь

<div class="container">
  Container
</div>

<style>
  .container {
    background-color: white;
  }
</style>

то svelte сгенерит такую разметку:

<div class="container svelte-xxx">...</div>

17:31пожаловаться #10

Pavel 🦇 Malyshev in Svelte [svelt]

делаешь на своих тегах <x-something> и никакой див тебе не помеха =)

и что мешает это делать в свелт?

17:32пожаловаться #11

класс .container остаётся без хэша, и внешние стили, где есть класс .container (привет, bootstrap) применятся к div

17:32пожаловаться #12

Pavel 🦇 Malyshev in Svelte [svelt]

только классы все равно протекут сверху об этом и речь

если шадоу дом закрыт то нет

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

МТ

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

akaSybe

класс .container остаётся без хэша, и внешние стили, где есть класс .container (привет, bootstrap) применятся к div

предлагается container превратить в хеш

17:34пожаловаться #14

Eugene Maltsev in Svelte [svelt]

container-xxxx

17:35пожаловаться #15

css-modules генерит .container-xxx

чувак в issue предлагает свой вариант,

но суть остаётся та же самая – постараться избежать коллизии за счёт совпадения имен классов

17:35пожаловаться #16

МТ

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

container-xxxx != container

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

МТ

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

p24-hash != p24