Páginas

viernes, 1 de noviembre de 2013

Hoy, "Less" usado desde el cliente.



Desde el lado cliente es la forma más rápida para empezara a trabajar con LESS.

Su implementación es tan sencilla como trabajar con hojas de estilos. 


Descarga el CSS y relacionalo con tu código.

<link rel="stylesheet/less" type="text/css" href="styles.less" />

Descarga el JS y relacionalo con tu código

<script src="less.js" type="text/javascript"></script>

"Incluye la hoja de estilos antes que la función"
También puedes configurar las opciones en un objeto global Less.

Ejemplo: 
Código.
<script type="text/javascript">
    less = {
        env: "development", // or "production"
        async: false,       // load imports async
        fileAsync: false,   // load imports async when in a page under
                            // a file protocol
        poll: 1000,         // when in watch mode, time in ms between polls
        functions: {},      // user functions, keyed by name
        dumpLineNumbers: "comments", // or "mediaQuery" or "all"
        relativeUrls: false,// whether to adjust url's to be relative
                            // if false, url's are already relative to the
                            // entry less file
        rootpath: ":/a.com/"// a path to add on to the start of every url
                            //resource
    };
</script>
<script src="less.js" type="text/javascript"></script>

Archivos de descarga en :
http://lesscss.org/

http://jdalebrook.es/

No hay comentarios:

Publicar un comentario