title: less.css if variable is true guard
body: <p>I wonder if there is a better solution (or if my solution is even right), to create if statement like behavior with variables and guards.</p>
  
  <p>Goal:</p>
  
  <ul>
  <li>If variable is set to true, compile the code (works)</li>
  <li>If variable is set to anything else, ignore the code (default, works)</li>
  <li>Keep initial code position (dosnt work, is merged wherever <code>.responsive (@responsive);</code> is called)</li>
  </ul>
  
  <p>My Code:</p>
  
  <pre><code>@responsive: true;
  
  .responsive(true){
    a {
      color: red;
    }
  }
  
  .responsive(true) {
    b {
      color: blue;
    }
  }
  
  .responsive (@responsive);
  </code></pre>