To use the live “watch” feature (which will auto-refresh the CSS whenever you save your LESS code), just drop this code into your template
<script type=’text/javascript’ charset=’utf-8′>
less.env = “development”;
less.watch();
</script>
LESS is basically a dynamic style sheet language (CSS pre-processors). Confused? Its a kind of framework. In simple terms LESS extends CSS and give it a capability of variables, mixins, operations and functions. Visit: http://lesscss.org/ for more information
Lets do a quick experiment on how to use LESS. In the experiment we will look at the following key items:
1. How to use or include LESS within our Projects?
2. Simple Examples on how you can use LESS during your projects?
Lets now move to our lab for this: Experimentation Center
