AK
я же там не менял исходный компонент
либо я не очень понял, либо ты повесил стили на кнопку через глобальные стили?
Size: a a a
2019 October 03
PM
либо я не очень понял, либо ты повесил стили на кнопку через глобальные стили?
не совсем. они глобальные для под-дерева компонента
PM
то есть все что ниже .submit, который инкапсулирован
AK
ты ведь оригинальную кнопку стилизуешь через глобальные переопределения?
PM
с помощью комбинации сложных селекторов и !important можно довольно точечно менять стили сложенных компонентов. при этом можно менять рут-классы в динамике (в данном случае это только .submit, но мог бы быть не только он) и получать разные кнопки
PM
ты ведь оригинальную кнопку стилизуешь через глобальные переопределения?
не совсем. они глобальные для под-дерева компонента
PM
для под-дерева
AK
это в свелт так :global работает?
PM
с помощью комбинации сложных селекторов и !important можно довольно точечно менять стили сложенных компонентов. при этом можно менять рут-классы в динамике (в данном случае это только .submit, но мог бы быть не только он) и получать разные кнопки
только юзать для прода навернео не стоит) для экспериментов и временных решений норм вполне
PM
это в свелт так :global работает?
ничего)
PM
в этом его смысл, он не делает ничего, как писикак
AK
но тогда ты матчишься все-таки на глобальные селектор кнопки? а матчинг на контент внутри нее или иконки будет типа :global(button) > :global(span):nth-child(1) ?
PM
но тогда ты матчишься все-таки на глобальные селектор кнопки? а матчинг на контент внутри нее или иконки будет типа :global(button) > :global(span):nth-child(1) ?
глобальный но только в рамках поддерева!
AK
ну потому что там каскад
PM
смотри в итоге класс какой:
.submit.svelte-sssdggds button
PM
то есть только все кнопки под .submit
AK
разве так ты не нарушаешь инкапсуляцию реализации самой кнопки?
AK
а если кто-то не заметит и не сделает каскад? стили повлияют на все приложение
AK
более сложные случаи могут привести и к такому :)