LESS(.js): Méně CSS je někdy více
Nálepky:
Mezi uživateli Ruby je známý CSS preprocesor LESS, který zavádí do CSS některé vlastnosti, známé z programovacích jazyků, jako jsou „proměnné“, „výrazy“ nebo „volání podprogramů“ (termíny berte, prosím, v silných uvozovkách).
Implementaci LESS v JavaScriptu publikoval Dmitrij Fadějev pod názvem less.js.
LESS umožňuje napsat CSS pravidla např. takto:
@the-border: 1px; .rounded_corners (@radius: 5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } #header { color: @base-color * 3; border-left: @the-border; border-right: @the-border * 2; .rounded_corners; } #footer { .rounded_corners(10px); }
V originálním LESS se o jejich překlad do „starého CSS“ stará Ruby, s lesss.js stačí poslat toto CSS a nalinkovat JS knihovnu:
<link rel="stylesheet/less" href="/stylesheets/main.less" type="text/css" /> <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script>
Zdroj: Ajaxian
premenne v CSS mi vzdy chybali
Tak to je, vazeni, superprasarna !
jedna prasarna hore/dole … da sa tvorba stranok este nejako sprasit?