¿Cuál es entonces la mejor manera de extender menos contenido de archivos <module>/web/css/source/module/
, por ejemplo Magento_Checkout/web/css/source/module/_minicart.less
?
Suponiendo que a
A) ANULACIÓN
- relacionado con el tema menos , debe crear (o copiar) menos con el mismo nombre del tema principal y ponerlo en su tema de esta manera
theme-frontend-blank/web/css/source/_buttons.less
-><your-theme>/web/css/source/_buttons.less
- módulo específico menos debe crear (o copiar) un menos con el mismo nombre del tema principal y ponerlo en su tema de esta manera
theme-frontend-blank/Magento_Theme/web/css/source/_module.less
-><your-theme>Magento_Theme/web/css/source/_module.less
- UI lib menos debe crear (o copiar) un contenido menor con el mismo nombre en la carpeta de la biblioteca y ponerlo en su tema de esta manera
magento2-base/lib/web/css/source/lib/_buttons.less
-><your-theme>Magento_Theme/web/css/source/lib/_buttons.less
y para
B) EXTENDER
- menos relacionado con el tema , debe crear un archivo _extend.less en su tema agregando _extend en el nombre como este
<your-theme>/web/css/source/_navigation_extend.less
para extendertheme-frontend-blank/web/css/source/_navigation.less
Y registrar ese archivo con la directiva @import en _extend.less del contenido del tema en web / css / source ->@import "_navigation_extend.less"
- módulo específico menos debe crear un archivo _extend.less en la ruta del módulo de tema como este
<your-theme>Magento_CatalogSearch/web/css/source/_extend.less
que extiende el _module.less original de Magento_CatalogSearch - UI lib less debe crear un contenido menor con el mismo nombre en la carpeta de la biblioteca agregando _extend en el nombre como este
<your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.less
para extendermagento2-base/lib/web/css/source/lib/_buttons.less
Y registrar ese archivo con la directiva @import en _extend.less del contenido del tema en web / css / source - >@import "lib/_buttons_extend.less"
La teoría debe sugerirle que cree un _minicart_extend.less pero no funciona automáticamente. ¿Quizás debería importar ese archivo en _extend.less de ese módulo como se explica en B1 o B3?
¿Y por qué estos componentes que se extienden menos no se incluyen automáticamente en el análisis de css si esta es la forma correcta de extenderlos, pero deben importarse en _extend.less?
(Aquí viene también otra pregunta: ¿cuáles son las diferencias entre web/css/source/lib/_buttons.less
y web/css/source/_buttons.less
? 😕)
Estoy un poco confundido. Espero que alguien pueda ayudarme.
Perdón por este largo texto.
Fuentes: