title: Why my CSS file is empty after the LESS file is compiled?
body: <p>I use LESS css and I am new to it. in my LESS file I have several variables for different colors: </p>
  
  <pre><code>@LightBlue: #0088CC;
  @DarkPink: #C71C77;
  @LightGreen: #76B51B;
  </code></pre>
  
  <p>I set <code>@LightBlue</code> as the default color:</p>
  
  <pre><code>@DefaultThemeColor: @LightBlue;
  </code></pre>
  
  <p>I created another LESS file, <code>dark-pink.less</code> to change the color of the theme. and in this file I just changed the variable color like this:</p>
  
  <pre><code>@LightGreen: #76B51B;
  
  @DefaultThemeColor: @LightGreen; 
  </code></pre>
  
  <p>but after it is compiled to CSS file, I noticed that the CSS file is empty. what am I doing wrong?</p>