title: How to use css preprocessors with angular 7
body: <p>I am new to the pre-processors world. How can I use them, in particular postcss and  lostgrid, with angular 7.</p>
  
  <p>I am trying to apply <a href="https://codepen.io/anon/pen/BeLWeb" rel="nofollow noreferrer">this code</a> in angular. And as you can see it uses <a href="https://postcss.org/" rel="nofollow noreferrer">postcss-cssnext</a> and <a href="http://lostgrid.org/" rel="nofollow noreferrer">lost-grid</a>.</p>
  
  <pre><code>@use postcss-cssnext;
  @use lost;
  
  @lost flexbox flex;
  @lost gutter 0;
  
  //more css code
  </code></pre>
  
  <p>How can I use these in my angular app?</p>
  
  <p><strong>* EDIT *</strong></p>
  
  <p>You can use the above code without pre-processors. I edited the code like so: <a href="https://codepen.io/anon/pen/BeLWeb" rel="nofollow noreferrer">https://codepen.io/anon/pen/BeLWeb</a></p>