Dynamically changing less variables

by

Marvin,
I wrote a function that does exactly what you’re looking for, last night.

I have created a fork on Github;
https://github.com/hbi99/less.js/commit/6508fe89a6210ae3cd8fffb8e998334644e7dcdc

Take a look at it. Since this is a recent addition, I’d like to hear your comments on the addition. This solution fits my needs perfectly and I think it will do the same for you.

Here is a basic sample;

Sample LESS:

@bgColor: black;
@textColor: yellow;
body {background: @bgColor; color: @textColor;}

From JS:

less.modifyVars({
  '@bgColor': 'blue',
  '@textColor': 'red'
});

More Related Contents:

  1. Load less.js rules dynamically
  2. jQuery append function is just appending the html but not the classes related to it
  3. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  4. Regex for Email Address along with name format [duplicate]
  5. onclick or inline script isn’t working in extension
  6. What’s the best way to detect a ‘touch screen’ device using JavaScript?
  7. AngularJS : Difference between the $observe and $watch methods
  8. Converting milliseconds to a date (jQuery/JavaScript)
  9. Problem in redirecting programmatically to a route in react router v6
  10. How to perform an integer division, and separately get the remainder, in JavaScript?
  11. Extending an Object in Javascript
  12. Smart way to truncate long strings
  13. check if jquery has been loaded, then load it if false
  14. Check if option is selected with jQuery, if not select a default
  15. ES6 exporting/importing in index file
  16. Paste an image from clipboard using JavaScript [duplicate]
  17. Open Safari / Google Chrome developer tools programmatically from JavaScript
  18. Split array into chunks of N length [duplicate]
  19. Firebase (2016) Shallow Query
  20. Loop in Imacros using Javascript
  21. How to call python script from NodeJs
  22. Select values of checkbox group with jQuery
  23. Template literals with nested backticks(`) in ES6
  24. Javascript setInterval not working
  25. Javascript: Let user select an HTML element like Firebug?
  26. Jquery click function is not working for dynamic elements
  27. Placeholder for contenteditable div
  28. What is the difference between onClick=”javascript: function(‘value’)'” and onClick=”function(‘value’);”? [duplicate]
  29. Looking for a better workaround to Chrome select on focus bug
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment