Начало работы с LESS - PullRequest
Новая
       21

Начало работы с LESS

4 голосов
/ 21 февраля 2012

Я очень новичок в веб-дизайне ... хорошо, теперь, когда это не так, где я могу объявить переменные в среде LESS / CSS?

Я использую IDE NetBeans 7.0.1 Я также использую Bootstrap 2.0 (не уверен, имеет ли это значение).Я загрузил последнюю версию LESS с сайта lesscss.org, но он загружает только уменьшенную версию.

Вот мои ссылки и теги сценариев в заголовке: 

<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>

Не могу дождатьсяначать присваивать значения переменным, но я просто не уверен, в каком файле это делать?

Спасибо всем!

1 Ответ

4 голосов
/ 21 февраля 2012

Вы делаете это в своем меньшем файле!

sample.less

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

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

Затем вы включаете этот .less файл: 

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

Прежде чем включитьфайл less.js.

К вашему сведению, я считаю, что на самом деле это гораздо лучшая модель для подключения чего-либо, так что каждый раз, когда вы сохраняете файл .less в своем редакторе, он компилирует его с использованием узла lesscкомпилятор в файл .css, и вы просто включаете этот файл .css на свою страницу.

Таким образом, мне не нужно запускать конвертирование, прежде чем мы развернем на работе.

...