Su un sito avevo iniziato a lavorare con SCSS e tutto andava bene.
Poi è sorta la necessità di integrare dei plugin che mettono a disposizione solo LESS, quindi sto convertendo il mio SCSS in LESS.
Il problema è questo: il file style.less è quello principale, in questo includo i vari altri file .less
codice:
@brand-primary: #DB4437;
@brand-info: #33312E;
@brand-success: #79B791;
@brand-danger: #f2220c;
@brand-warning: #ddb556;
@footer-height: 120px;
// vario codice CSS
// poi a fondo file
@import "less/footer";
// altri import
Nel file footer.less ho
codice:
footer#page_footer {
height: @footer-height;
background-color: @brand-info;
border-top: 10px solid @brand-primary;
margin-top: -@footer-height;
}
ma il file non viene compilato perché le variabili non vengono riconosciute, vengono segnalate come "undefined".
Con SCSS i file imporati vedono le variabili presenti nel file che li importa, con LESS non è possibile?