Django & LESS

User Model and Twitter Bootstrap

View project onGitHub

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:

  1. Install NodeJS

  2. Install LESS

  3. Run collectstatic

  4. Compress!