Magento 2 Jak przesłonić dostawcę / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

Jak mogę zastąpić plik vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less w moim niestandardowym motywie?

Możesz spróbować

app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less

Czytaj więcej: Jak zastąpić gallery.css

1) Musisz skopiować _navigation.lessmotyw nadrzędny do app\design\frontend\vendor\theme\web\css\source(motyw niestandardowy) i zastąpić css po .lib-main-navigation();oraz .lib-main-navigation-desktop();ten styl nawigacji lib.

LUB

2) możesz zastąpić wartość zmiennej nawigacyjnej w niestandardowym motywie _theme.less,

możesz znaleźć nazwę zmiennej na lib\web\css\source\lib\variables

_navigation.less

Oprócz odpowiedzi Khoa TruongDinh i Dipesh Rangani, nadrzędna ścieżka Khoa TruongDinh jest w porządku, ale aby zapobiec zastąpieniu przez magento stylów niestandardowych, style niestandardowe należy dodać po .lib-main-navigation (); oraz .lib-main-navigation-desktop (); jak wspomniał Dipesh Rangani, wtedy w niestandardowym temacie nawigacji znajduje się mniej pliku:

.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
}

To było bardzo pomocne, kopiowałem plik lib i edytowałem w klasie .lib-main-navigation-desktop (), która była nadpisywana, teraz jeśli najpierw załaduję ten mixin i wstawię moje style po ich nadpisaniu