У меня есть простой файл 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";
Теперь, когда я скомпилировать файл с меньшими затратами, то 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;
}
Он просто удваивая все! Я вижу это странное поведение даже в браузере сразу, когда я работаю над своим дебютным экземпляром.
Это так странно и ужасно, есть ли у кого-нибудь идея, почему это происходит? В исходных файлах, которые импортируются из бутстрапа, все определяется только один раз.
Что такое «отзывчивый»? Некоторые компиляторы строят дублированные правила, а некоторые не ... – prodigitalson
Какая версия LESS вы используете; какой компилятор и версия? Это важная информация, чтобы даже начать размышлять о том, что может быть вашей проблемой ... – sg3s
К сожалению, версия меньше 1.2.0, и я запускаю ее с помощью хоста Windows-скриптов -> http://blog.dotsmart.net/2010/11/ 26/run-the-less-js-command-line-compiler-on-windows/ Содержимое «responsive.less» имеет некоторые другие импорты (variables.less, mixins.less) и множество медиа-запросов с типичный менее-код в нем, так что .. ничего особенного, и, насколько я вижу, нет дубликатов – jebbie