title: less css variable defined by function multiple executions
body: <p>I have a css variable being defined by a randomizer function, I need this variable to generate a random background color from the list, every time I enter the page:</p>
  
  <pre><code>@all-background-colors: "#7B8AA8,#00ADD5,#E93C43,#FC8383";
  @background-color: color(~`@{all-background-colors}.split(',')[Math.floor(Math.random()*@{all-background-colors}.split(',').length)]`);
  </code></pre>
  
  <p>However it seems that the function gets executed every time I use this variable in my css - resulting in many different colors being used across the web page.</p>
  
  <p>is there any way to escape this and transform the variable to a string one after it's defined by the function?</p>