Magento 2 Как переопределить поставщика / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

9

Как я могу переопределить файл vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less в моей пользовательской теме?

magento2 theme overrides core less-css босс Шанкар
источник

Ответы:

6

1) Вы должны скопировать _navigation.lessиз родительской темы в app\design\frontend\vendor\theme\web\css\source(свою пользовательскую тему) и переопределить ваш CSS после .lib-main-navigation();и .lib-main-navigation-desktop();этот стиль навигации lib.

ИЛИ

2) вы можете переопределить значение переменной навигации в пользовательской теме _theme.less,

Вы можете найти имя переменной на lib\web\css\source\lib\variables

_navigation.less
Дипеш Рангани
источник
1

В дополнение к ответам Khoa TruongDinh и Dipesh Rangani, путь переопределения Khoa TruongDinh в порядке, но для предотвращения переопределения magento ваших пользовательских стилей, ваши собственные стили должны быть добавлены после .lib-main-navigation (); и .lib-main-navigation-desktop (); как упоминал Дипеш Рангани, тогда в _navigation вашей пользовательской темы у вас будет меньше файла:

.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
}
Сорин Барнутиу
источник
0

Это было чрезвычайно полезно, я копировал файл lib и редактировал в классе .lib-main-navigation-desktop (), который перезаписывался, теперь, если я сначала загружаю этот миксин и ставлю свои стили после того, как они перезаписывают

stephenrwc
источник