AS
Для небольших апликух очень даже хорошо:))
не вижу проблемы писать глобальные стили сразу в global.css
Size: a a a
2020 April 08
S
лапша)
S
а так вроде и компоненты и глобально
AS
и один хрен пытаться не создать конфликт имен
S
ну да. это надо продумать
К
а так вроде и компоненты и глобально
здравствуй, кросс-влияние
S
да никакого кроссвлияния. Все глобально)
A
Кстати есть еще один вариант. Не назвал бы его хаком. Просто писать все стили глобально.
<style global>
</style>
Кстати не смог настроить с SCSS style global...
<style type=“text/scss” global>
<style type=“text/scss” global>
AS
ну да. это надо продумать
свелт продумал уже =)
S
У меня пока опыт стилей свелте небольшой.
1 либа без стилей
2 небольшое PWA с пробрасыванием классов внутрь компонентов через className и производные этого решения
3 Крупное SPA с глобальными стилями
непонравилось ничего, кроме первой либы без стилей🤣
1 либа без стилей
2 небольшое PWA с пробрасыванием классов внутрь компонентов через className и производные этого решения
3 Крупное SPA с глобальными стилями
непонравилось ничего, кроме первой либы без стилей🤣
К
Еси создатель компонента очень хочет чтобы можно было пробрасывать классы в его компонент - он явно укажет место куда его можно применить:
<div>....</div>
<button class={$$props.class}>...</button>
<div>....</div>
а на оптимизационные алгоритмы свелта это никак не повлияет, кстати?
К
потому что в гайде говорилось, что так можно, но лучше не нужно )
AS
лапша)
и никто не мешшает global.css тоже разделить - typography.css, form.css, colors.css - а уже в компонентах оставить только нужные компоненту стили
AS
а на оптимизационные алгоритмы свелта это никак не повлияет, кстати?
чуть-чуть не считается
ДБ
а на оптимизационные алгоритмы свелта это никак не повлияет, кстати?
можно явно объявить:
let className;
export { className as class };
тогда свелт будет знать о таком пропсе
let className;
export { className as class };
тогда свелт будет знать о таком пропсе
К
оу, не знал, спасибо
ДБ
запилить что ли сторы, для манипулированием классами и инлайн стилями в стиле vue?
К
не знаю, как это, но звучит круто :)
T
оу, не знал, спасибо
я думал ты под хаком с className это и имеешь ввиду, выше упоминали тоже.
оно просто описано в документации на второй странице
оно просто описано в документации на второй странице
ДБ
не знаю, как это, но звучит круто :)
вью умеет стили сериализовать из объектов аля {color: '#fff', padding: boolVar ? '10px' : '20px', margin: boolVar && '15px}
и классы из {className1: boolVar1, className2: boolVar2} или ['className1', false, null, 'className2'] ну или комбинировать можно вложив объект в массив
и классы из {className1: boolVar1, className2: boolVar2} или ['className1', false, null, 'className2'] ну или комбинировать можно вложив объект в массив