Empezando con menos

Question

Soy muy nuevo en el diseño web ... está bien, ahora que está fuera del camino, ¿dónde declaro variables en el marco Less/CSS?

Estoy usando NetBeans IDE 7.0.1 también estoy usando Bootstrap 2.0 (no estoy seguro de si esto es importante). Descargué la última versión de Less de Lesscss.org, pero solo descarga la versión minificada.

Aquí están mis enlaces y etiquetas de script en el encabezado:

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/realcardio.css" media="all">
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/Main.js"></script>
<script type="text/javascript" src="bootstrap/js/less-1.2.1.min.js"></script>

¿No puedo esperar para comenzar a asignar valores a las variables, pero no estoy seguro de en qué archivo hacer esto?

¡Gracias a todos!

Answer 1

¡Lo haces en tu archivo menos!

sample.less

@font_color: #666;
@font_size: 15px;

body {
    color: @font_color;
    font_size: @font_size;
}

Entonces incluyes esto .less expediente:

<link rel="stylesheet/less" type="text/css" href="sample.less">
<script src="less.js" type="text/javascript"></script>

Antes de incluir el less.js expediente.

FYI, encuentro que en realidad es un modelo mucho mejor conectar algo para que cada vez que guarde su .less Archivo en su editor, lo compila usando el nodo lessc compilador en un .css archivo y solo incluye eso .css Archivo en su página.

De esta manera, no tengo que ejecutar un converso antes de implementarnos en el trabajo.