Size: a a a

2021 February 17

DK

Dan Kozlov in Svelte [svelt]
Eugene Ilyin
Ну нет это мы ушли в сторону как поддержать vars, если нужны селекторы для тем, то emotion вполне подходит для обновления селекторов на клиенте
Ну css vars — отличный вариант для этого. Они для них и были созданы, строго-то говоря.
источник

EI

Eugene Ilyin in Svelte [svelt]
Кирилл Спасибович
Если бы еще форма записи в html была не ублюдская и он не тормозил сборку так жестко
Да не ублюдская она вовсе, как удобно m-4, inset-0 или truncate
источник

EI

Eugene Ilyin in Svelte [svelt]
Хоть он и не умеет в псевдоэлементы всегда есть @apply
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Eugene Ilyin
Да не ублюдская она вовсе, как удобно m-4, inset-0 или truncate
Я про ситуацию когда у тебя редактор на пол экрана, а список классов раздулся сильно

@apply тормоз конкретный
источник

EI

Eugene Ilyin in Svelte [svelt]
Dan Kozlov
Ну css vars — отличный вариант для этого. Они для них и были созданы, строго-то говоря.
Да я понимаю, поэтому поинтересовался есть ли без них вариант, так как вот сафари 2018 года на маке, например, не умеет помимо IE11
источник

КС

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

КС

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

EI

Eugene Ilyin in Svelte [svelt]
Кирилл Спасибович
Я про ситуацию когда у тебя редактор на пол экрана, а список классов раздулся сильно

@apply тормоз конкретный
Это все тормоза сборки а не прода, стили компактные только нужные и уникальные
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Eugene Ilyin
Это все тормоза сборки а не прода, стили компактные только нужные и уникальные
Тормоза релоада, тормоза сборки
Билдить 7 минут или ждать дев мода 4 минуты так себе
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Если @apply юзать конечно
источник

EI

Eugene Ilyin in Svelte [svelt]
Кирилл Спасибович
А если вайтспейсы в class вставлять то все пробелы будут в бандле
inset-0 всегда будет компактнее прописывания вручную css во всех компонентах
источник

EI

Eugene Ilyin in Svelte [svelt]
Кирилл Спасибович
Тормоза релоада, тормоза сборки
Билдить 7 минут или ждать дев мода 4 минуты так себе
Сижу на snowpack релоад мнгновенный при изменении class
источник

DK

Dan Kozlov in Svelte [svelt]
Кирилл Спасибович
Тогда либо такой себе мультилайн руками, или мультилайн от редактора
Должен уметь.
Не умеет Safari 9, это 2016 год. Это 0.02% мирового usage. Точно об этом надо думать? Ну, в любом случае, понифил добавляет поддержку для всего вплоть до Safari 6, это 2013 год и 0% мирового usage.

Кстати, вы ж в курсе, что для этого древнего дерьма надо свелт по-особому собирать? Он использует ES6, который в Safari 9 тоже не работает и, по сути, не работает в IE.
источник

EI

Eugene Ilyin in Svelte [svelt]
Вернемся к теме, менять селекторы на проде можно чемто другим не svelte
источник

EI

Eugene Ilyin in Svelte [svelt]
Dan Kozlov
Должен уметь.
Не умеет Safari 9, это 2016 год. Это 0.02% мирового usage. Точно об этом надо думать? Ну, в любом случае, понифил добавляет поддержку для всего вплоть до Safari 6, это 2013 год и 0% мирового usage.

Кстати, вы ж в курсе, что для этого древнего дерьма надо свелт по-особому собирать? Он использует ES6, который в Safari 9 тоже не работает и, по сути, не работает в IE.
Конечно в курсе и подгружаю отдельным бандлом полифилы если требуется перед загрузкой проекта
источник

EI

Eugene Ilyin in Svelte [svelt]
Мне настолько древнее дерьмо не тнебуется конечно, просто один из клиентов открыл свой ноут двухгодичной давности где Safari 11 и свелт не завелся без полифилов async await
источник

МТ

Марк Танащук... in Svelte [svelt]
Eugene Ilyin
Вернемся к теме, менять селекторы на проде можно чемто другим не svelte
В моем понимании тема сайта - это стейт.
Стейт в CSS у меня трех типов: body[dark-mode="enabled"], css переменные, и изредка были префиксы классов.

Несмотря на то, что я понятия не имею как выглядит проект - имхо сделать стейт с классами в html проще
источник

МТ

Марк Танащук... in Svelte [svelt]
Марк Танащук
В моем понимании тема сайта - это стейт.
Стейт в CSS у меня трех типов: body[dark-mode="enabled"], css переменные, и изредка были префиксы классов.

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

DK

Dan Kozlov in Svelte [svelt]
Eugene Ilyin
Мне настолько древнее дерьмо не тнебуется конечно, просто один из клиентов открыл свой ноут двухгодичной давности где Safari 11 и свелт не завелся без полифилов async await
async/await и переменные имеют разную поддержку.
Если важен этот клиент (такое бывает), то CSS-переменные для вас допустимы даже без понифила :)
источник

EI

Eugene Ilyin in Svelte [svelt]
https://svelte.dev/repl/7c8a6f2f0dff4f82a998bbff608c890a?version=3
Тогда что написать в handleClick. чтобы --primary-color стал red?
источник