Всем привет! Может подскажете решение по cljss. Суть проблемы: мы юзаем для нашего UI на реагенте реактовую либу material-ui. Соответственно, кое-что приходится кастомизировать посредством cljss/defstyles. Логика такая, что cljss для наших стилей создает уникальные css классы, которые собираются в один тег <style> и инжектятся head страницы. Ровно то же самое делает и material-ui, то есть для каждого компонента генерит <style> и пихает его в head. И получается так, сначала идет наш тег style, а потом mui и стили material-ui перекрывают наши. Короче говоря эффект обратный…
Чаще всего в ui-фрейворках миллионы классов/поклассов - поэтому в прошлом проекте мы переписывали через !important
Ну это так себе решение… Может более прямое есть?
Это только кажется что !important - так себе. На самом деле !important так себе если свои стили ты этим перетираешь, потому что структуры нет никакой.
можно конечно повторить классы .my-class.my-class.my-class
чтобы повысить специфичность - но это та самая безструктурность
А так надо пытаться оборачивать компоненты в свои див-ы, и туда прописывать cljss. Если не получается - спускаться до !important
В том то и дело, что все обернуто… но бекгранды, какие-нить перетираются…
Правильней всего - использовать theming: обычно можно добыть сорцы в SCSS/Stylus, и они экспозят свои переменные, и собирать это через вебпак(например). Но у меня сейчас в проекте shadow-cljs, без вебпака (думаю что надо будет прикрутить), поэтому ручками переписываю стили фреймкорка в main.css. А, material-ui, оказывается можно в js theming прописывать. Если годится для задачи, то надо их апи использовать
Да, я тоже смотрел на Themes… попробую чере них. Спасибо!
Hey guys, apologies for not writing in Russian, I'm not fluent. I wonder how much do developers in Moscow charge for the following task: migrating a web-page from Wordpress to Wix. The web-page features: art gallery, dynamic conent (updated a few times a week) and blog. Cheers :)