Size: a a a

2020 April 08

AS

Alexey Schebelev in Svelte [svelt]
SlavaZ
Для небольших апликух очень даже хорошо:))
не вижу проблемы писать глобальные стили сразу в global.css
источник

S

SlavaZ in Svelte [svelt]
лапша)
источник

S

SlavaZ in Svelte [svelt]
а так вроде и компоненты и глобально
источник

AS

Alexey Schebelev in Svelte [svelt]
и один хрен пытаться не создать конфликт имен
источник

S

SlavaZ in Svelte [svelt]
ну да. это надо продумать
источник

К

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

S

SlavaZ in Svelte [svelt]
да никакого кроссвлияния. Все глобально)
источник

A

Arushwl in Svelte [svelt]
SlavaZ
Кстати есть еще один вариант. Не назвал бы его хаком. Просто писать все стили глобально.

<style global>

</style>
Кстати не смог настроить с SCSS style global...

<style type=“text/scss” global>
источник

AS

Alexey Schebelev in Svelte [svelt]
SlavaZ
ну да. это надо продумать
свелт продумал уже =)
источник

S

SlavaZ in Svelte [svelt]
У меня пока опыт стилей свелте небольшой.
1 либа без стилей
2 небольшое PWA с пробрасыванием классов внутрь компонентов через className и производные этого решения
3 Крупное SPA с глобальными стилями

непонравилось ничего, кроме первой либы без стилей🤣
источник

К

Константин in Svelte [svelt]
Alexey Schebelev
Еси создатель компонента очень хочет чтобы можно было пробрасывать классы в его компонент - он явно укажет место куда его можно применить:
<div>....</div>
<button class={$$props.class}>...</button>
<div>....</div>
а на оптимизационные алгоритмы свелта это никак не повлияет, кстати?
источник

К

Константин in Svelte [svelt]
потому что в гайде говорилось, что так можно, но лучше не нужно )
источник

AS

Alexey Schebelev in Svelte [svelt]
SlavaZ
лапша)
и никто не мешшает global.css тоже разделить - typography.css, form.css, colors.css - а уже в компонентах оставить только нужные компоненту стили
источник

AS

Alexey Schebelev in Svelte [svelt]
Константин
а на оптимизационные алгоритмы свелта это никак не повлияет, кстати?
чуть-чуть не считается
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Константин
а на оптимизационные алгоритмы свелта это никак не повлияет, кстати?
можно явно объявить:
let className;
export { className as class };
тогда свелт будет знать о таком пропсе
источник

К

Константин in Svelte [svelt]
оу, не знал, спасибо
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
запилить что ли сторы, для манипулированием классами и инлайн стилями в стиле vue?
источник

К

Константин in Svelte [svelt]
не знаю, как это, но звучит круто :)
источник

T

Th0r in Svelte [svelt]
Константин
оу, не знал, спасибо
я думал ты под хаком с className это и имеешь ввиду, выше упоминали тоже.
оно просто описано в документации на второй странице
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Константин
не знаю, как это, но звучит круто :)
вью умеет стили сериализовать из объектов аля {color: '#fff', padding: boolVar ? '10px' : '20px', margin: boolVar && '15px}
и классы из {className1: boolVar1, className2: boolVar2} или ['className1', false, null, 'className2'] ну или комбинировать можно вложив объект в массив
источник