I have a module that loads one css file. I want to overwrite a few things so I added a _module.less file in my child theme for this module.
I added & when (@media-common = true) { in _module.less so it will load in styles-m.css. This works great, the only thing is that the modules CSS file loads after my styles-m.css and overwrites this again.
styles-l.css loads after the modules css, so if I skip “media-common = true” it will at least look OK on desktop, but not mobile.
What am I missing/doing wrong here?
<link rel="stylesheet" type="text/css" media="all" href="https://magento2ccdev.x.com/static/version1662984243/frontend/Olegnax/a2_child/en_US/css/styles-m.css”/>
<link rel="stylesheet" type="text/css" media="all" href="https://magento2ccdev.x.com/static/version1662984243/frontend/Olegnax/a2_child/en_US/MageWorx_Downloads/attachment.css"/>
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px)" href="https://magento2ccdev.x.com/static/version1662984243/frontend/Olegnax/a2_child/en_US/css/styles-l.css"/>