Fundo de CSS menor com caminho relativo
Estou enfrentando um problema ao usar LESS como folha de estilo para o meu site. Pessoalmente, eu prefiro usar o caminho relativo em CSS do que um caminho absoluto (apenas o meu hábito), mas agora quando eu uso menos com o recurso de importação, eu tenho um problema como o seguinte demonstra.
eu tenho ummain.less
arquivo na pasta raiz
@import "inc/inc.less";
e um arquivoinc.less
na pastainc
.homeBgr {
background: url('icons/Home.gif');
}
a imagemHome.gif
está na pasta/root/inc/icons
- main.less
- inc
- inc.less
- icons
- Home.gif
comlessc
saída é
.homeBgr {
background: url('icons/Home.gif');
}
No entanto, minha expectativa é
.homeBgr {
background: url('inc/icons/Home.gif');
}
Se eu usar less.js como compilador de cliente, recebo a saída como esperado, no entanto, se eu usarlessc
, Eu não.
Alguém já teve o mesmo problema e tem uma solução para isso? Ou realmente, qualquer sugestão sobre como fazer isso funcionar. Desde já, obrigado.