expless

LESS.js middleware dymanic for express.

Bueno este es unb modulo de nodejs, de rendirizacion de less.js. Su utilizacion es asi. Require consutir un new de esta forma. Se le tienen a;adir diferentes variables. aqui esta una tabla

VariableDescripsionTipoPre
scr*Donde usted va acontrurir sus *.lessDirNO
prefixEl prefijo en la direccion del servidorString/css
debugSe supone que es un Debubg (Esta en TODO)Boolanfalse
queryEl nombre del query apra los UserAgentStringua
encodingCodificacion de los archivosStringUTF-8
pathsCarpetas adicionales de renderizacionArrayNO

El scr, es el mas importate simpre debe estar. Un ejemplo es

var less = new require('expless')({
    scr : __dirname + '/css'    
}),
    app = express();
 
app.configure(function () {
    // Su confiuracion 
    app.use( less.render() );
    app.use(express.static(__dirname + '/public'));
});

Cuando se haga la renderizacion automaticamente, se subiran las siguentes variables, en sus less.

VariableDescripsion y Tipo
@ua-familyNombre del navegador - String
@ua-majorVersion Mayor - Numbero
@ua-minorVersion Menor - Numbero
@ua-patchParche - Numbero
@ua-osSistema operativo - String
@ua-webkitBoolsean
@ua-mozillaBoolsean
@ua-chromeBoolsean
@ua-safariBoolsean
@ua-mobile_safariBoolsean
@ua-operaBoolsean
@ua-ieBoolsean
@ua-firefoxBoolsean
@ua-versionVersion - String

Sin embargo usted podra subir mas variables a sus less desde servidor. Aqui ahy un ejemplo

var less = new require('expless')({
    scr : __dirname + '/public' 
});
var nombre = 'variables',
    app = express();
app.configure(function () {
    // Su confiuracion 
    app.use( function(resreqnext){
        req[ nombre ] = {
            var1 : true,
            var2 : false,
        }
        next();
    } );
    // Su confiuracion 
    app.use( less.render( nombre ) );
    app.use(express.static(__dirname + '/public'));
});

En el less usted tendra asi las variables

@var1 : true;
@var2 : false;

Es preferible que las variables, sean Numeros o Boolseans, para que usted pueda ejecutar el meotod 'when', en less. Un ejemplo con los anteriores es asi.

.negro (@a) when (@a = true) { background : black; }
.blanco (@a) when (@a = true) { background : white; }
.rojo (@a) when (@a = true) { color : red; }
 
body {
    .negro( @ua-chrome ); //Mostrara el Body en Negro cuando sea Chrome 
    .blanco( @ua-firefox ); //Mostrara el Body en Blanco cuando sea Firefox 
    .rojo( @var1 ); //Mostrara el color de la tipografia en rojo si es true 
}

Asi podra construir less, con mucho mas dinamismo y utlizar casi todas las funciones de less. Dado que este tipo de renderizaciones requieren que sean 'Online', o que no se guarden las Hojas de estilo dentro del servidor. Al igual se retraza la construcion de estas hojas de estilo aprox 120 milisegundos.