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 = 'expless' scr : __dirname + '/css' app = ; app;
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 = 'expless' scr : __dirname + '/public' ;var nombre = 'variables' app = ;app;
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.