I have defined the margins for mat-expansion-panel in my styles.css file as follows:
mat-expansion-panel {
margin: 2vh;
}
Unfortunately, these margins will not be applied to my components unless they are also specified in the local CSS file.
Even trying to import the global styles.css from the component directive does not work:
@Component({
...
styleUrls: ['./list.component.css', '../../../styles.css']
})
This approach results in the following error:
./src/styles.css - Error: No template for dependency: CssDependency
Error: The loader ".../src/styles.css" didn't return a string