<link rel="stylesheet/less" href="/default.less" /> <script src="/js/less.js"></script>
ls = require("less"); ... less = function(request) { css = ""; src = ".emp {font-weight:bold; color:brown;}"; s.render(src, function(err, result) { console.log(result); css = result unless err; }); return sv.jade('less.jade', {style1:css}); }
@color1: #804040; h1 { color: @color1; }
.rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } #header { .rounded-corners; } #footer { .rounded-corners(10px); }
#header { h1 { font-size: 26px; font-weight: bold; } p { font-size: 12px; a { text-decoration: none; &:hover { border-width: 1px } } } }
@the-border: 1px; @base-color: #111; @red: #842210; #header { color: @base-color * 3; border-left: @the-border; border-right: @the-border * 2; }
#footer { color: @base-color + #003300; border-color: desaturate(@red, 10%); }