title: Angular 2 extend a style from styles.scss
body: <p>In Angular 2, I have a CSS class in my <code>styles.scss</code> file:</p>
  <pre><code>.FirstClass {
  }
  </code></pre>
  <p>I'm trying to extend this class in a component's .SCSS file (eg.: <code>MyComponent.scss</code>) like:</p>
  <pre><code>.SecondClass {
    @extend .FirstClass;
  }
  </code></pre>
  <p>I'm getting an error that says <code>.FirstClass</code> is not found. Do I assume correctly that class and style in <code>styles.scss</code> can be globally referred? Please help me in this.</p>