less компилятор удваивает все

В моем проекте есть очень простой файл style.less, и я использую bootstrapдля чистого, отзывчивого дизайна. Итак, начнем:

@import "bootstrap/bootstrap.less";

@import "../css/jquery.vegas.css";
@import "../css/jquery.fancybox-1.3.4.css";

body {
  padding-top: 60px;
  padding-bottom: 40px;
}

@import "bootstrap/responsive.less";

Теперь, когда я скомпилирую файл с помощью less, css-вывод выглядит странно:

.container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  *zoom: 1;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  *zoom: 1;
}

Он просто удваивает все! Я вижу это странное поведение даже непосредственно в браузере, когда работаю над своим экземпляром devolper.

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

8
задан jebbie 26 March 2012 в 02:15
поделиться