title: Avoid replication when importing a base partial scss
body: <p>I have the following structure of SCSS files:
  <code>suppliers.scss</code>: includes <code>_base.scss</code>, <code>_sortable-table.scss</code> and <code>_product.scss</code>
  <code>_sortable-table.scss</code> and <code>_product.scss</code>: includes <code>_base.scss</code></p>
  
  <p><code>_base.scss</code> contains many variables that defines the layout, like the modulation and intercolumn size. Also, it contains base layout classes that are extended by others.</p>
  
  <p>The problem is, as the partials and every style requires this base import, its contents then gets duplicated several times in the result css file. This causes a big overhead on the css.</p>
  
  <p>So the problem is how to prevent this duplication. Any guess? </p>
  
  <p>See the actual sources at <a href="https://github.com/coletivoEITA/noosfero-ecosol/tree/distribution-plugin/plugins/suppliers/public/stylesheets" rel="nofollow">https://github.com/coletivoEITA/noosfero-ecosol/tree/distribution-plugin/plugins/suppliers/public/stylesheets</a></p>