mirasvit / module-blog

Magento 2 Blog Extension
https://mirasvit.com/magento-2-extensions/blog.html
Open Software License 3.0
68 stars 48 forks source link

Double CSS output #101

Closed ennostuurman closed 6 years ago

ennostuurman commented 6 years ago

Hi,

re: version Mirasvit_Blog 1.0.5

Issue:

CSS output is doubled on desktop because you have not added M2 breakpoints in the less partials. This means that M2 will add the same style declaration to the mobile styles-m and desktop styles-l.css See screenprint

selection_139

Tthe following files are missing breakpoints:

Breakpoints where used in "module/_topmenu.less";

Fix:

Each LESS file should at least include the following responsive breakpoints

Applying to both mobile and desktop:

& when (@media-common = true)

or for mobile / desktop specific styles

.media-width(@extremum, @break) when (@extremum = etc....