Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Media Queries mixins in SCSS – Which approach for Mobile-first CSS? Re: Media Queries mixins in SCSS – Which approach for Mobile-first CSS?

#127715
Kitty Giraudel
Participant

Really, it makes very few if no difference whether you merge the media query calls or not. See this article as a reference: http://sasscast.tumblr.com/post/38673939456/sass-and-media-queries.

> “… we hashed out whether there were performance implications of combining vs scattering Media Queries and came to the conclusion that the difference, while ugly, is minimal at worst, essentially non-existent at best.”

If you really want to merge them, you can use this gem which seems to do the job pretty well: https://github.com/aaronjensen/sass-media_query_combiner.

On a side note, as far as I know, Sass engineers are looking for a better compression process for media queries.