Cita:
Iniciado por cvander 
Cristian, nota que vos estás usando el compilador en javascript me parece, razón de que no necesites nada más. Tu CSS lleva código y variables pero se procesa con el .js respectivo.
Es cierto, aunque tal vez sería bueno pasarle la responsabilidad al servidor para entornos no-javascript. Me gustaría saber sus opiniones al respecto.
En caso de que sea mejor hacerlo con php:
Supongamos que tenemos esta estructura de directorios
Descargar lessphp
Creamos un archivo .less con los estilos.
less_con_PHP/css/less/estilos.less
Código CSS:
Ver original// vars
@color: #a8b317;
@colorSecundary:red;
@font:"courier new";
@fontSecundary:Georgia;
//code
body{font-size: 16px;}
a, h2 {
font-family: @font;
color: @color;
}
div {
color: @colorSecundary;
p {
font-family: @fontSecundary;
span{
font-weight:bold;
}
}
}
Notar ahora como
lessc::ccompile('css/less/estilos.less', 'css/estilos.css'); lo que hace es leer en "css/less/estilos.less" y crear (si no existe, sino modificar) el archivo "css/estilos.css"
less_con_PHP/index.php
Código PHP:
Ver original<?php
require 'lessphp/lessc.inc.php';
$less = new lessc();
try { lessc::ccompile('css/less/estilos.less', 'css/estilos.css'); }
catch
(exception
$ex) { exit('lessc fatal error:<br />'.$ex->getMessage()); }?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/estilos.css" />
</head>
<body>
<a href="#">test enlace</a>
<h2>test h2</h2>
<div>
<p>Hola <span>mundo</span></p>
</div>
</body>
</html>
Finalmente linkeamos la hoja de estilos (que se va a ir modificando sola "dinamicamente" digamos ya que siempre trabajaremos en "less_con_PHP/css/less/estilos.less")
<link rel="stylesheet" type="text/css" href="css/estilos.css" />
Un abrazo.