title: NativeScript/Angular - How to import global styles?
body: <p>In a NativeScript app I'm trying to apply some global styles that will be shared across the app.</p>
  
  <p>This is my structure:</p>
  
  <pre><code>- styles
   - partials
    - _buttons.scss
    - _exports.scss
  </code></pre>
  
  <p><strong>_buttons.scss</strong>:</p>
  
  <pre><code>.flt-btn {
    border-radius: 35px;
  }
  </code></pre>
  
  <p><strong>_exports.scss</strong>:</p>
  
  <pre><code>@import '_buttons.scss';
  </code></pre>
  
  <p><strong>app.css</strong>:</p>
  
  <pre><code>@import './styles/partials/_exports.scss';
  </code></pre>
  
  <p>As you can see the the styles for <code>.flt-btn</code> should be applied, but they're not.</p>
  
  <p>I'm using the class in a feature module that's lazy loaded, <code>login</code> like this:</p>
  
  <pre><code>&lt;Button class="flt-btn" text="A button"&gt;&lt;/Button&gt;
  </code></pre>
  
  <p>If I put the btn styles directly in <code>app.css</code> without any imports it works, but since this is a <strong>css</strong> file I can't use <strong>scss</strong> in it. So I'm not sure if the imports will ever work by doing it like this.</p>
  
  <p>How can I make sure that the styles from the partials imports are applied application-wide?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I found <a href="https://docs.nativescript.org/ui/theme#sass-usage" rel="noreferrer">this</a>, which successfully imports my own styles into <code>app.android.css</code> and <code>app.ios.css</code> files. BUT.. After I've installed SASS and done this the app is just completely blank when I run it in the emulator, both in android and ios.</p>
  
  <p>I get no errors, nothing. Has anyone successfully been able to get sass working like this? Please let me know how and thou shalt be rewarded.</p>
  
  <p><strong>EDIT 2:</strong></p>
  
  <p>It looks like the app is running, because I can successfully log something in the <code>app.component.ts</code>'s constructor, so I'm guessing that something is causing all the elements on the page to disappear with the new styles settings.</p>