Adding external stylesheets with scss from the client folder

I’m trying to import mdl from the client/styles/scss directory together with my customised components but the styles are just not loading correctly and I’m getting very strange results, like the grid is not working anymore and many of the components are just not working property I’ve attached a photo .

I’ve tried to add the external style mdl to the public directory and import it to my main.scss but this just is not working:

@import “sass/lib/font-awesome/scss/font-awesome”;
@import “sass/src/material-design-lite”;

@import “sass/components/utilities/_visibility.scss”;
//@import “sass/base/_type.scss”;

can someone give me a hint please?