В моем проекте есть очень простой файл 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-файлах, которые импортируются из бутстрапа, все определяется только один раз.