Hi,
I need a little help if possible.
I have the following situation: We have "old" angularjs application built using Kendo UI Jquery (and some angularjs) components. We also have the custom theme for the app - based on kendo ui default theme and dark theme built through theme builder.
Recently we decided to slowly migrate to the latest Angular version (and logically) to use Kendo UI Angular. Since we are taking strangling tree approach, we are firstly migrating small individual windows.
To solve this I am basically building "standalone" angular components which I port to the old app. This is not the ideal process, but only possible in the moment.
What I need a help is following: My new standalone component have its styling and import kendo ui theme from Kendo UI Angular. So when I import my component's js file, I have to import its css file as well. Problem is that after I do this import, both of my apps are broken - styles mix up together and override eachother.
Is there any suggestion or a way that I can prevent this - how to intentionally separate things in these two css files to stop overriding eachother?
Thank you
Regards,
Vedad