Magento 2 Как переопределить поставщика/magento/magento2-база/библиотека/веб/css/источник/библиотека/навигация.меньше?
Как я могу переопределить файл поставщика/magento/magento2-base/lib/web/css/source/lib/_navigation.меньше в моей пользовательской теме?
4 answers
Вы можете попробовать с
app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less
Подробнее: Как переопределить gallery.css
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
В дополнение к ответам Хоа Труонгдина и Дипеша Рангани, переопределяющий путь Хоа Труонгдина в порядке, но для того, чтобы 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
}
Это было чрезвычайно полезно, я копировал файл lib и редактировал в классе .lib-main-navigation-desktop(), который перезаписывался, теперь, если я сначала загружу этот микс и добавлю свои стили после перезаписи