Your browser doesn't support some of the latest CSS features used to build this site.

Read more about my usage of new CSS features.

My Sass media query mixin

Written in Front end on

A Gist of my Sass media query mixin. I keep forgetting to upload and share snippets of CSS/Sass with people who ask, so here it is!

Another little tip, as I keep on finding myself having to dig through code to get this snippet to share with others every now and then.

The mixin

Mixins like this are useful I think for yourself and larger teams of developers, to ensure that consistent media query breakpoints are used and no random magic “fixes” and overrides for very specific breakpoints are put in place.

Do away with specificity

Whilst I mention using specific breakpoints, using relative units for breakpoints is a subject I’ve written on before, so my rationale behind that idea is in my post Do away with specific media queries.


The Sass media query mixin I use.


Share this post

Twitter LinkedIn

Comment on this post