I have we component lets say called orderFlow. Inside there is obviously orderFlow.html template file, orderFlow.js and also I have added orderFlow.css file. Additionally I have created few html templates inside that folder that I render depending on the state of the app lets say. My problem is that when I define some styling rules inside that css file i created, only the default template (with the same name) renders the styles. all the other templates don't apply the styling when they are rendered. If I have created separate css files for each template matching the names of the file it would be ok.
However I have some generic styles that I want to actually to all of the templates and duplicating all these styles for each template seems bad to me. Is there any wy that I could use single css file and target all the templates within my component folder?