A
Хотя...
Size: a a a
2020 November 22
А
Глобал применится ко всему, до чего достанет
Вот да
А
Можно конечно сделать так...
A
Есть у меня обертка view для многого в приложении и из неё я передаю стилевые пропсы для позиционирования.
А
Но выглядит так себе
DK
Короче, почитайте внимательно, как изолируются стили в Svelte.
В представлении Svelte ваш класс
https://svelte.dev/repl/b8f1e45c83ce47209d7c6e1777e878ac?version=3.29.7
В представлении Svelte ваш класс
.form в этом компоненте ни к чему не применяется, потому что нет дом-элементов, которые его стилизуют. Вы его передаёте пропсом в компонент, а передача классов в Svelte не работает.https://svelte.dev/repl/b8f1e45c83ce47209d7c6e1777e878ac?version=3.29.7
A
Ну тут по кейсу конечно. Разово можно и через css...
DK
Так мне нравится, когда люди городят адовое количество кода, лишь бы не писать дважды одну строчку класса на двух филдах, который добавит
margin-bottom :)AP
по простому можно было на всех детей повесить одинаковый класс и стилизовать его через
.child:not(:last-child) { margin-bottom: 2px }, но не в свелтеКС
Почему так мало используется
.container > :global(* + *) { margin-top: 2px } ?КС
можно это как-то обойти?
https://t.me/sveltejs/91634
Такой вариант тебе как ?
Тоже хотел избавиться от запросов при переходе между компонентами
Эта инициализация в отдельном стор файле
Такой вариант тебе как ?
Тоже хотел избавиться от запросов при переходе между компонентами
Эта инициализация в отдельном стор файле
КС
Я вообще когда пытался понять как же получить дзен свелтоудобства без передачи класса - делал в самом компоненте типа Field проп margin
А на рут ноде class:margin
И сам стиль:
Ну и извне
Прикольная тема, что можно имя пропа написать и передастся true
А потом пришел чел и решил сломать эти селекторы и оставить всё как есть более чем на месяц
https://github.com/sveltejs/svelte/issues/5499
Вот так и ищи альтернативные классу подходы 😒
А на рут ноде class:margin
И сам стиль:
:global(*) + .margin {margin-top: 2px}Ну и извне
<Field margin /> где нужен отступ сверхуПрикольная тема, что можно имя пропа написать и передастся true
А потом пришел чел и решил сломать эти селекторы и оставить всё как есть более чем на месяц
https://github.com/sveltejs/svelte/issues/5499
Вот так и ищи альтернативные классу подходы 😒
DK
по простому можно было на всех детей повесить одинаковый класс и стилизовать его через
.child:not(:last-child) { margin-bottom: 2px }, но не в свелтеЗдрасьте приехали :)
https://svelte.dev/repl/b8f1e45c83ce47209d7c6e1777e878ac?version=3.29.7
https://svelte.dev/repl/b8f1e45c83ce47209d7c6e1777e878ac?version=3.29.7
КС
А я не понимаю почему не использовать * + * 😐
DK
Здрасьте приехали :)
https://svelte.dev/repl/b8f1e45c83ce47209d7c6e1777e878ac?version=3.29.7
https://svelte.dev/repl/b8f1e45c83ce47209d7c6e1777e878ac?version=3.29.7
Я вообще, честно сказать, никогда не понимал, чем людям не нравится изоляция стилей в свелте через
:global и подселектор. На мой вкус это абсолютно то же, что в реакте с передачей классов через пропсы по возможностям.DK
Кирилл Спасибович
А я не понимаю почему не использовать * + * 😐
Можно и так. Александр хотел хотел просто, чтоб был дочерний селектор, вот я так и сделал. Астериски — это немного другое.
КС
Я вообще, честно сказать, никогда не понимал, чем людям не нравится изоляция стилей в свелте через
:global и подселектор. На мой вкус это абсолютно то же, что в реакте с передачей классов через пропсы по возможностям.У меня возникло неудобство, когда переопределял стили для внутренностей модалки, которая аппендчилдится в body
Хотел самой модалке и внутрянке стили переопределить для одного частного случая, но враппер некуда пихать
Хотел самой модалке и внутрянке стили переопределить для одного частного случая, но враппер некуда пихать
КС
Можно и так. Александр хотел хотел просто, чтоб был дочерний селектор, вот я так и сделал. Астериски — это немного другое.
Но простыня из инпутов с маржинами это же идеальный кандидат для такого вилдкард селектора
И маржин топ и + делают его чище
И маржин топ и + делают его чище
IG
КС
интересный экстеншен :)