title: CSS variables in SAPUI5 applications using sap web ide
body: <p>I want to set up some basic color codes in my css file.</p>
  
  <p>My css looks as below:</p>
  
  <pre><code> @colorGood: #32CD32;
      @colorOk: #FFA500;
      @colorBad: #FF4500;
  
      .testClass{
           width: 80%;
           background: @colorGood;
      }
  </code></pre>
  
  <p>My XML has a button control as below:</p>
  
  <pre><code>&lt;Button id="testBtn" class="testClass" /&gt;
  </code></pre>
  
  <p>I create the above view and css in the web-ide. When I run it, it does not show take the color mentioned in the variable.</p>
  
  <ol>
  <li>Is it possible to have variables in CSS [since the SAPUI5 library already contains less pre-processor]. </li>
  <li>Is this the correct way to implement this in webide?</li>
  <li>Also any example to acheive this through the eclipse/HANA Studio IDE would be really helpful</li>
  </ol>