cfpb/cfgov-refresh — pull request #19 by himedlooff (2014-05-08 22:29:19+00:00)
Title: Updates media query usage.

This PR adds mixins that will allow us to write consistent media queries with pixel values that get converted into em values automatically.

Example:

```css
.u-respond-to-min(768px, {
.title {
font-size: 2em;
}
});

/* Compiles to: */

@media only all and (min-width: 48em) {
.title {
font-size: 2em;
}
}

/* Or: */

.title {
.u-respond-to-min(768px, {
font-size: 2em;
});
}

/* Which compiles to the same as the above CSS */
```

One annoying side-effect is that the syntax highlighting breaks in ST2 for rulesets nested within mixins. Here's an extreme, most aren't this bad:

![screen shot 2014-05-08 at 6 27 48 pm](https://cloud.githubusercontent.com/assets/1093373/2922335/0cc776b2-d700-11e3-95f6-f9ec35ecf071.png)

I opened up an [issue](https://github.com/danro/LESS-sublime/issues/63) with the LESS ST2 package.

In the meantime if you switch ST2 to the SASS syntax highlighter then it looks a little better (but not at all something you'd want to do permanently).