Size: a a a

2021 March 06

IP

Igor Pushkarskiy in Svelte [svelt]
Dan Kozlov
Что не так с подсветкой? На скриншоте вроде бы все ок.
Ой блин ;) самое интересное отрезал, там внутри медиа квери есть свойства color:red; так вот оно ругается на двоеточие между ними. И собственно линтер тоже падает там же ;) ну и по накатаной ругается на все вложенные блоки
источник

A

Arushwl in Svelte [svelt]
Артём Никитин
Анимация flip провоцирует на быстрое создание бесконечной карусели (велосипед, но это чисто спортивный интерес), однако всё портит то, что элементы перестраиваются в одном случае проходя позади других, а в другом перед другими. Из-за этого приходится городить костыль с таймаутом (большое время для наглядности) и флагом чтобы делать элемент невидимым при пролёте перед другими элементами и не давать срабатывать вправо пока идёт анимация. Если закоментировать if(!isEndToRight) return и быстро нажимать вправо, то видно проблему.
Вопрос: Есть ли возможность во flip организовывать перестроение элементов всегда позади всех? Или нужно свою анимацию делать?
https://svelte.dev/repl/789e94b785714236a714866dbf1351e1?version=3.35.0
Ресурсозатратное это дело - глянь рендер в консоли. Но заманчивое, соглашусь 🤓 а перестроение можно поиграться с z-index и visibility и плашку бэком под неё прятать задних при переезде... ну я помнится так делал...
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Igor Pushkarskiy
Ой блин ;) самое интересное отрезал, там внутри медиа квери есть свойства color:red; так вот оно ругается на двоеточие между ними. И собственно линтер тоже падает там же ;) ну и по накатаной ругается на все вложенные блоки
если там не стандартный css синтаксис, то тут к сожалению только отключать проверку css
ишак был на эту тему, но никуда ничего не сдвинулось
источник

IP

Igor Pushkarskiy in Svelte [svelt]
Кирилл Спасибович
если там не стандартный css синтаксис, то тут к сожалению только отключать проверку css
ишак был на эту тему, но никуда ничего не сдвинулось
Не там как раз post css nested синтаксис
источник

КС

Кирилл Спасибович... in Svelte [svelt]
ну стандартный парсер свелта не считает его валидным
источник

IP

Igor Pushkarskiy in Svelte [svelt]
Кирилл Спасибович
ну стандартный парсер свелта не считает его валидным
Ох печаль разруха, придется просто css юзать
источник

КС

Кирилл Спасибович... in Svelte [svelt]
так что отключай в плагине вскода svelte.plugin.css.enable и 'svelte3/ignore-styles': () => true, в eslint
источник

КС

Кирилл Спасибович... in Svelte [svelt]
либо да, используй просто css
источник

КС

Кирилл Спасибович... in Svelte [svelt]
либо то что не рушит обычный синтаксис css, к примеру вместо $simple-vars, используй css property, которые инлайнятся postcss'ом если нужно чтобы они были фиксированы
источник

КС

Кирилл Спасибович... in Svelte [svelt]
интересно @mixin из postcss это обычный синтаксис или нет
источник

КС

Кирилл Спасибович... in Svelte [svelt]
поидее все @rule это норм
источник

КС

Кирилл Спасибович... in Svelte [svelt]
странно что нельзя натравливать на css какой-нибудь stylelint, чтобы он сами исходники линтил, а не затранспайленый итоговый css
источник

IP

Igor Pushkarskiy in Svelte [svelt]
Ога
источник

IP

Igor Pushkarskiy in Svelte [svelt]
Поиграюсь, если кому интересно можно тоже https://gitlab.com/igor.pushkarskiy/svelte-ssr-bootstrap может я что то не так сделал ;)
источник

АН

Артём Никитин... in Svelte [svelt]
Arushwl
Ресурсозатратное это дело - глянь рендер в консоли. Но заманчивое, соглашусь 🤓 а перестроение можно поиграться с z-index и visibility и плашку бэком под неё прятать задних при переезде... ну я помнится так делал...
С z-index чё-то не пошло. А плашка, если это которая с индексом и айди, то она специально чтобы видно было. Вопрос то не про карусель, а как повлиять на flip?
источник

A

Arushwl in Svelte [svelt]
Артём Никитин
С z-index чё-то не пошло. А плашка, если это которая с индексом и айди, то она специально чтобы видно было. Вопрос то не про карусель, а как повлиять на flip?
эт не flip а слоеность браузера в порядке рендера дерева...
источник

A

Arushwl in Svelte [svelt]
может есть варик попробовать лайфсайкл анимациии - on:introstart... не знаю, flip умеет в нее
источник

A

Arushwl in Svelte [svelt]
Логика простая:
-  начало анимации - z-index элемента в дереве
- анимация - она же
- конец анимации - новый z-index элемента в дереве )))
источник

A

Arushwl in Svelte [svelt]
<el> - z-index: 3
<el> - z-index: 2
<el> - z-index: 1
<el> - z-index: 0

ток он называется tab-index вроде
источник

A

Arushwl in Svelte [svelt]
если первый пролетит сверху
последний снизу
источник