LESS
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. It runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
Main Site: http://lesscss.org/
Play with it: http://less2css.org/
Javascript Client
Less can be interperated at the browser level by including a javascript file.
Installation
<script src="https://raw.github.com/less/less.js/master/dist/less-1.4.1.min.js"></script>
Server-side
Less can also be compiled on the server's side and cached for efficieny.
bash
npm install -g less
For Mac OS X users, you can install npm using brew
bash
brew install node
Heroku
Add the following directory to your root application path, in a folder called bin
.
https://github.com/bxm156/django-meetup/tree/master/bin
Upon once your Heroku app is compiled, these scripts will:
Install NodeJS
Install LESS
Run collectstatic
Compress!