title: Using global variables for Less in Angular
body: <p>I set up my project as Less in Angular to use the benefits of variables and such in my CSS. But the problem is that I have to define those variables in each component which doesn't make it as efficient. Is there a way to set the variables globaly?</p>
  
  <p>So I want to get rid of this:</p>
  
  <p>In my component less:</p>
  
  <pre><code>@pink-color: #FC9DB5; // I want to get this from a single
                        // file which I import on each component
  header {
    background-color: @pink-color;
    height: 100px;
  }
  </code></pre>