title: Meteor: How to clear imported css style in ES2015 modules
body: <p>I am working on meteor project which has multiple layouts with different styles.</p>
  
  <pre><code>layoutSchool.scss
  layoutCollege.scss
  </code></pre>
  
  <p>scss imported along with template render.</p>
  
  <pre><code>Template.layoutSchool.onCreated(function() {
    import '../styles/layoutSchool.scss';
  });
  
  Template.layoutCollege.onCreated(function() {
    import '../styles/layoutCollege.scss';
  });
  </code></pre>
  
  <p>import statement creates <code>&lt;style&gt;</code> attributes under <code>&lt;head&gt;</code> tag. 
  When I go to college template from school. school style still exists in college template.</p>
  
  <p>How to clear existing imported style. Am I doing right approach?</p>