LessCSS for ToscaWidgets 2

This module adds the ability to link LessCSS based stylesheets.

More Information on LessCSS: Less CSS.

Using TW2's LessCSS resource with TurboGears2

Lets use LessCSS to define a simple box with rounded corners.

Create a file in the public folder TG2 project called 'simple.less'.

.rounded-corners (@radius: 5px) {
    border-radius: @radius;
    padding: @radius;
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
}
.shaded-rounded-corners {
    .rounded-corners;
    background-color: #333;
    color: #eee;
}

Now we need to tell ToscaWidgets2 to add it to all of your requested pages. In the top of your TG2 base-controller (projectname/lib/base.py) add:

from tg import url
from tw2.lesscss import LessCSSLink

class SimpleLess(LessCSSLink):
    link=url('simple.less')

Above the return in the __call__ function of BaseController add:

LessTest.inject()

This will inject the less file on every call to the controller.

Now you can use the lesscss class in your templates!

<div class="shaded-rounded-corners">Hello!</div>