Magento 2 ¿Cómo anular vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

9

¿Cómo puedo anular el archivo vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less en mi tema personalizado?

magento2 theme overrides core less-css jefe shankar
fuente

Respuestas:

9

Puedes probar con

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

Leer más: Cómo anular gallery.css

Khoa TruongDinh
fuente
6

1) Debe copiar _navigation.lessdesde su tema principal a app\design\frontend\vendor\theme\web\css\source(su tema personalizado) y anular su CSS después .lib-main-navigation();y .lib-main-navigation-desktop();este estilo de navegación lib.

O

2) puede anular el valor de la variable de navegación en los temas personalizados _theme.less,

puedes encontrar el nombre de la variable en lib\web\css\source\lib\variables

_navigation.less
Dipesh Rangani
fuente
1

Además de las respuestas de Khoa TruongDinh y Dipesh Rangani, la ruta de anulación de Khoa TruongDinh está bien, pero para evitar que magento anule sus estilos personalizados, sus estilos personalizados deben agregarse después de .lib-main-navigation (); y .lib-main-navigation-desktop (); como Dipesh Rangani mencionó, entonces en su _navegación de tema personalizado; menos archivo tendrá:

.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
}
Sorin Barnutiu
fuente
0

Esto fue extremadamente útil, estaba copiando el archivo lib y editando dentro de la clase .lib-main-navigation-desktop () que se sobrescribía, ahora si cargo este mixin primero y pongo mis estilos después de que se sobrescriban

stephenrwc
fuente