expless

LESS.js middleware dymanic for express.

npm install expless
17 downloads in the last week
41 downloads in the last month

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

Variable Descripsion Tipo Pre
scr* Donde usted va acontrurir sus *.less Dir NO
prefix El prefijo en la direccion del servidor String /css
debug Se supone que es un Debubg (Esta en TODO) Boolan false
query El nombre del query apra los UserAgent String ua
encoding Codificacion de los archivos String UTF-8
paths Carpetas adicionales de renderizacion Array NO

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.

Variable Descripsion y Tipo
@ua-family Nombre del navegador - String
@ua-major Version Mayor - Numbero
@ua-minor Version Menor - Numbero
@ua-patch Parche - Numbero
@ua-os Sistema operativo - String
@ua-webkit Boolsean
@ua-mozilla Boolsean
@ua-chrome Boolsean
@ua-safari Boolsean
@ua-mobile_safari Boolsean
@ua-opera Boolsean
@ua-ie Boolsean
@ua-firefox Boolsean
@ua-version Version - 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(res, req, next){
        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.

npm loves you