Ho un file vile semplice style.less nel mio progetto e sto usando bootstrap per un design pulito e reattivo. Quindi qui si va:meno compilatore raddoppia tutto
@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";
Ora, quando compilo il file con meno, il CSS-output è strano:
.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;
}
Sta solo raddoppiando tutto! Posso vedere questo strano comportamento anche nel browser direttamente quando sto lavorando sulla mia istanza di devolper.
Questo è così strano e terribile, qualcuno ha un'idea del perché questo sta accadendo? Nei file meno originali che vengono importati da bootstrap, tutto è definito solo una volta.
Cosa c'è in "responsive.less"? Alcuni compilatori eliminano le regole duplicate e alcuni non ... – prodigitalson
Quale versione di LESS stai usando; quale compilatore e versione? Questa è un'informazione essenziale per iniziare a pensare a quale potrebbe essere il tuo problema ... – sg3s
Scusa, la versione di meno è 1.2.0 e l'avvio con l'host di script di Windows -> http://blog.dotsmart.net/2010/11/ 26/running-the-less-js-command-line-compiler-on-windows/ Il contenuto di "responsive.less" ha alcune altre importazioni (variables.less, mixins.less) e molte media-query con tipico less-code in esso, quindi .. niente di speciale, e, per quanto posso vedere, non ci sono duplicati – jebbie