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/
No hay comentarios:
Publicar un comentario