Herramientas de usuario
fw:others:less
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
fw:others:less [2011/12/01 17:27] alfred |
fw:others:less [2020/05/09 09:25] (actual) |
||
|---|---|---|---|
| Línea 32: | Línea 32: | ||
| ===== Código ===== | ===== Código ===== | ||
| + | |||
| Línea 95: | Línea 96: | ||
| color: @var; // #333 | color: @var; // #333 | ||
| } | } | ||
| + | </code> | ||
| + | === Inclusión de strings === | ||
| + | Podemos añadir una variable string dentro de otra... | ||
| + | <code> | ||
| + | @url: "http://www.genbetadev.com"; | ||
| + | background-image: url("@{url}/images/background.png"); | ||
| </code> | </code> | ||
| Línea 200: | Línea 207: | ||
| } | } | ||
| </code> | </code> | ||
| + | |||
| ==== Espacios de nombres ==== | ==== Espacios de nombres ==== | ||
| Línea 221: | Línea 229: | ||
| #main_header > .logo; | #main_header > .logo; | ||
| } | } | ||
| + | </code> | ||
| + | |||
| + | ==== Otras ==== | ||
| + | === Ignorar elementos === | ||
| + | Si por alguna razón queremos que el compilador de LESS deje algún elemento tal cual esté escrito (por ejemplo porque no compila bien esa línea) usaremos ''~valor''. | ||
| + | <code> | ||
| + | .transparente { | ||
| + | filter: ~"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png')"; | ||
| + | } | ||
| + | </code> | ||
| + | === JavaScript === | ||
| + | Podemos incluir código JavaScript: | ||
| + | <code> | ||
| + | @var: `"genbetadev".toUpperCase() + ' mola!'`; | ||
| + | </code> | ||
| + | Generaría... | ||
| + | <code css> | ||
| + | @var: "GENBETADEV mola!"; | ||
| + | </code> | ||
| + | === Importar === | ||
| + | Podemos importar fichero .less y ficheros .css: | ||
| + | <code> | ||
| + | @import "lib.less"; | ||
| + | @import "lib"; | ||
| + | @import "lib.css"; | ||
| </code> | </code> | ||
fw/others/less.1322760443.txt.gz · Última modificación: 2020/05/09 09:24 (editor externo)
Herramientas de la página
Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 4.0 International
