Mixins may not be defined within control directives or other mixins.
style.css
@import "theme.scss";
html,body,md-sidenav-container, .site{
width: 100%;
height: 100%;
margin: 0;
}
.site{
display: flex;
flex-direction: column;
}
main{
flex: 1;
}
.fill-remaining-space {
flex:1 1 auto;
}
.full-width{
width: 100%
}
theme.scss
@import "~@angular/material/theming";