title: Styles, using @import url() with the root of your application
body: <p>I'm looking to use 'root' or '~' within a style tag to keep all my styles together and in one location. </p>
  
  <p>Instead of having to rely on '../../' notation, can this be achieved?</p>
  
  <p>My current code..</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      @import url(../../../styles_dev.css);
      @import url(../../styles/AssessHome.css);
  
      li{font-size: 14px;}
  &lt;/style&gt;
  </code></pre>
  
  <p>Is there a way to convert this to something like this...</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      @import url(~/styles_dev.css);
      @import url(~/styles/AssessHome.css);
  
      li{font-size: 14px;}
  &lt;/style&gt;
  </code></pre>
  
  <p>Thanks for any help!</p>