Como posso substituir o arquivo vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less no meu tema personalizado?
Como posso substituir o arquivo vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less no meu tema personalizado?
Respostas:
Você pode tentar com
app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less
Leia mais: Como substituir o gallery.css
1) Você deve copiar _navigation.less
do seu tema principal para app\design\frontend\vendor\theme\web\css\source
(seu tema personalizado) e substituir seu CSS posterior .lib-main-navigation();
e .lib-main-navigation-desktop();
este estilo de navegação da lib.
OU
2) você pode substituir o valor da variável de navegação nos temas personalizados _theme.less
,
você pode encontrar o nome da variável em lib\web\css\source\lib\variables
_navigation.less
Além das respostas de Khoa TruongDinh e Dipesh Rangani, o caminho de substituição de Khoa TruongDinh está ok, mas para evitar que o magento substitua seus estilos personalizados, eles devem ser adicionados após a .lib-main-navigation (); e .lib-main-navigation-desktop (); como Dipesh Rangani mencionou, então, em _navigation do tema personalizado, menos arquivo você terá:
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
.lib-main-navigation();
Your custom code here
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
.lib-main-navigation-desktop();
Your custom code here
}
Isso foi extremamente útil, eu estava copiando o arquivo lib e editando dentro da classe .lib-main-navigation-desktop () que estava sendo substituída, agora, se eu carregar esse mixin primeiro e colocar meus estilos após a substituição