<commit_before># Media Queries with superpowers [![Build Status](https://travis-ci.org/sass-mq/sass-mq.svg?branch=master)](https://travis-ci.org/sass-mq/sass-mq)

![ ](https://avatars3.githubusercontent.com/u/9341289?v=3&s=300)

----

`mq()` is a [Sass](http://sass-lang.com/ "Sass - Syntactically Awesome
Stylesheets") mixin that helps you compose media queries in an elegant
way.
[See who uses Sass MQ](#who-uses-sass-mq)

- compiles keywords and `px`/`em` values to `em`-based queries ([a good thing](http://css-tricks.com/zooming-squishes))
- provides fallbacks for older browsers (see [Mobile-first Responsive Web Design and IE8](http://www.theguardian.com/info/developer-blog/2013/oct/14/mobile-first-responsive-ie8) on the Guardian's developer blog).

----


## How to Use It

Immediately play with it on [SassMeister](http://sassmeister.com/): `@import 'mq';`.

OR:
<commit_msg>Formatting<commit_after># Media Queries with superpowers [![Build Status](https://travis-ci.org/sass-mq/sass-mq.svg?branch=master)](https://travis-ci.org/sass-mq/sass-mq)

![ ](https://avatars3.githubusercontent.com/u/9341289?v=3&s=300)

----

`mq()` is a [Sass](http://sass-lang.com/ "Sass - Syntactically Awesome
Stylesheets") mixin that helps you compose media queries in an elegant
way.  
[See who uses Sass MQ](#who-uses-sass-mq)

- compiles keywords and `px`/`em` values to `em`-based queries ([a good thing](http://css-tricks.com/zooming-squishes))
- provides fallbacks for older browsers (see [Mobile-first Responsive Web Design and IE8](http://www.theguardian.com/info/developer-blog/2013/oct/14/mobile-first-responsive-ie8) on the Guardian's developer blog).

----


## How to Use It

Immediately play with it on [SassMeister](http://sassmeister.com/): `@import 'mq';`.

OR:

{'fraction_non_alphanumeric': 0.17052512704686618, 'fraction_numerical': 0.02258610954263128, 'mean_word_length': 4.452307692307692, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5273671', 'n_tokens_mistral': 683, 'n_tokens_neox': 632, 'n_words': 146}