Sass structure for angular components
<p>Our team is working on an angular-based large project and we are creating small independent components for different controls (navigation, input, textarea, table, button etc) so that they can be used independently in different projects. </p>

<p>We are not sure how to organize the stylesheets in this case (we are using sass that compiles to one css file for now). If all the components need to be independent and have their own separate sass file, how are we going to organize things like css inheritance, using styles from different vendor css-s (for example we use MDL). </p>

<p>If we write all the CSS that a particular component uses only in its own SASS file in its own directory, we are going to have many duplicate styles in different components. Is there a common solution for these kind of cases?</p>

<p>Thanks a lot for sharing your advice! </p>