http://lesscss.org
La libreria less.js consente di introdurre nei normali css un comportamento dinamico consentendo di utilizzare variabili, funzioni ecc.
styles.lss
@color: green;
@size: 60;
#header {
color: @color;
font-size : @size;
}
h2 {
color: @color;
font-size : @size;
}
HTML example
<head>
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="less-1.3.0.min.js" type="text/javascript"></script>
</head>
<body>
<h2>TEST LESS</h2>
<div id="header">test css less</div>
</body>
<script type="text/javascript" charset="utf-8">
less.env = "development";
less.watch();
</script>