title: Shared styles across components in an Angular 2 app
body: <p>I've got some CSS rules in my Angular 2 app that would be common across various components. Obviously I don't want to copy&amp;paste them into each component's styles. I currently have 2 ideas:</p>
  
  <ol>
  <li>Place common CSS rules in a static CSS file and include it using a link in my index.html's <code>head</code> section.</li>
  <li>Place my common CSS rules in one or more files and include them in <code>@Component</code> decorator for each component, e.g. 
  <code>styleUrls: [ './myComponentStyle.css', '../common/common.css']</code></li>
  </ol>
  
  <p>First approach look not-so-angular-ish to me, but at the same it's sure to work and simple to implement.</p>
  
  <p>Second one requires some work to be done with each component, but allows more control about what styles are being used by one. It also lets me to organize my common styles into smaller stylesheets and use only ones that are needed.</p>
  
  <p>Do you favor any of those solutions or is there a third, better one? :)</p>