Did not found styles-m.css

[hanhoe]

Hello,

I want change some settings and firefox show me the css settings in the file "styles-m.css"

But this file did not exists in my template folder and also did not find in webspace. Just when I search:

./var/view_preprocessed/pub/static/frontend/Comp/v2/de_DE/css/styles-m.css
./var/view_preprocessed/pub/static/frontend/Comp/v2/en_US/css/styles-m.css
./pub/static/frontend/Comp/v2/de_DE/css/styles-m.css
./pub/static/frontend/Comp/v2/en_US/css/styles-m.css

The shop is in dev mode running .. so all this files will be generate automatic, right?

So where did I finde "styles-m.css"?

Firefox show me 2256 rules in this stylesheet.

Thank you!

[Vimal Kumar · Accepted solution]

HI @hanhoe,

The styles-m.css and styles-l.css is auto-generated for the mobile and desktop after compiling all css into one.

You can make your changes in you theme css file then they will merge automatically into styles-m.css and styles-l.css while static-content deploy command. 

styles-m.css and styles-l.css merge based on media query in our theme css file.

I hope it will help you!

[Vimal Kumar]

@hanhoe 

Did it work for you?

[hanhoe]

Hi  @Vimal Kumar 

well, I add this css style in my custom-stye.css.

This is working. Not sure if you mean this in this way?

[Vimal Kumar · Accepted solution]

Yes... I mean was same.

Magento merge custom css into style-l.css and style-m.css automatically
according to screen resolution in css.