Fork me on GitHub
#clojure-russia
<
2018-05-29
>
guliy12:05:59

Всем привет! Может подскажете решение по cljss. Суть проблемы: мы юзаем для нашего UI на реагенте реактовую либу material-ui. Соответственно, кое-что приходится кастомизировать посредством cljss/defstyles. Логика такая, что cljss для наших стилей создает уникальные css классы, которые собираются в один тег <style> и инжектятся head страницы. Ровно то же самое делает и material-ui, то есть для каждого компонента генерит <style> и пихает его в head. И получается так, сначала идет наш тег style, а потом mui и стили material-ui перекрывают наши. Короче говоря эффект обратный…

troglotit12:05:08

Чаще всего в ui-фрейворках миллионы классов/поклассов - поэтому в прошлом проекте мы переписывали через !important

guliy12:05:05

Ну это так себе решение… Может более прямое есть?

troglotit12:05:56

Это только кажется что !important - так себе. На самом деле !important так себе если свои стили ты этим перетираешь, потому что структуры нет никакой.

troglotit12:05:33

можно конечно повторить классы .my-class.my-class.my-class чтобы повысить специфичность - но это та самая безструктурность

troglotit12:05:44

А так надо пытаться оборачивать компоненты в свои див-ы, и туда прописывать cljss. Если не получается - спускаться до !important

guliy12:05:56

В том то и дело, что все обернуто… но бекгранды, какие-нить перетираются…

troglotit12:05:30

Правильней всего - использовать theming: обычно можно добыть сорцы в SCSS/Stylus, и они экспозят свои переменные, и собирать это через вебпак(например). Но у меня сейчас в проекте shadow-cljs, без вебпака (думаю что надо будет прикрутить), поэтому ручками переписываю стили фреймкорка в main.css. А, material-ui, оказывается можно в js theming прописывать. Если годится для задачи, то надо их апи использовать

guliy12:05:58

Да, я тоже смотрел на Themes… попробую чере них. Спасибо!

chokheli16:05:07

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 :)