LearnBoost/stylus — pull request #776 by geddesign (2012-08-07 07:12:36+00:00)
Title: enable storing of media queries in variables

It's common to reuse the same media queries throughout a stylesheet. It makes sense to use variables to keep track of these media queries, so you only have to update them in one place. Currently stylus ignores any variables used after the @media block. This change fixes that, so the following now works:

```
small = "screen and (min-width:1px) and (max-width:400px)"
@media small
body
background blue
```

```
@media screen and (min-width:1px) and (max-width:400px) {
body {
background: #00f;
}
}
```

I've added a new test for this, and all other tests still pass.