Foros del Web - Ver Mensaje Individual

cristian_cena · #8 (**permalink**) 28/08/2011, 17:40

Bueno, decir que quede sumamente extasiado cuando vi este topic. Nunca había usado less, en cambio había hecho algunas pruebas con cssCacher y siguiendo este tutorial de nettuts.

Busqué el bootstrap de twitter que mencionó cvander y aunque no he hecho practicas con el aún es bueno saber que se basa en less. Con este contexto no pude sino bajar less y poner manos a la obra para ver que sale.

index.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <link rel="stylesheet/less" type="text/css" href="styles.less" />
    <script src="less/dist/less-1.1.4.min.js" type="text/javascript"></script>
 
</head>
<body>
    <a href="#">test enlace</a>
    <h2>test h2</h2>
    <div>
        <p>Hola <span>mundo</span></p>
    </div>
</body>
</html>

styles.less

Código CSS:

Ver original// vars 
@color: #a8b317;
@colorSecundary:red;
@font:Arial;
@fontSecundary:Georgia;
 
//code 
body{font-size: 16px;}
 
a, h2 {
    font-family: @font;
    color: @color;
}
 
div {
    color: @colorSecundary;
    p {
        font-family: @fontSecundary;
        span{
            font-weight:bold;
        }
    }
}

Esto así como está funciona perfecto en mi servidor local bajo windows.

Lo que no me quedó claro, ojalá alguien pueda aclararmeló, es el tema de la compilación. Por ejemplo en este sitio veo que ofrecen un codigo para compilar con python, y en este el compilador para php (es el que usaría yo)
Pero sin embargo funciona igual sin incluir ningún compilador.
¿acaso es para que funcione aún con js desactivado? supongo.
¿Alguien tendría la amabilidad de armar un pequeño ejemplo para php XD?

Por lo demás su simple sintaxis y potencia me dan muchas ganas de usarlo. Acabo de encontrar este video-tutorial al respecto para quien le sirva y de paso pueda ampliar este tema.

Nos seguimos leyendo, saludos.

PD: alexk, sabes que se valora tu aporte, quedo atento para cuando hagas tiempo de compartirlo.