I've created microservice using Angular. I build it in single es2015 module using ngx-build-plus:build.
So, I have a qustion.
How can I import CSS file (@import '@angular/material/prebuilt-themes/deeppurple-amber.css'
) in a way to make it possible to share styles from that files between all dom elements.
F.e., I have Dialog component in my microservice which is taken from Angular materials. If I open Dialog, it adds <div class="cdk-overlay-container"><div>
as the first child of BODY element. So, it's higher of my microservice app.
So, I just want to make it possitble to take and apply styles from that imported file to .cdk-overlay-container. How can I do that?
I was trying to import this CSS file in SCSS of the main component of my microservice, I also was trying to make shadow dom for my app etc. Nothing helps.