canarymason/breakpoint — pull request #13 by Snugug (2012-08-13 14:34:52+00:00)
Title: Prefixed Query Output Optimization

A little bit of prefixed query output optimization for your coding pleasure.

A simple comparison will show the difference:

### Sass

```scss
$high-dpi: 'min-device-pixel-ratio' 1.5;

#foo {
background: url('image/icon.png');

@include breakpoint($high-dpi) {
background: url('image/icon_2.png');
}
}
```

### Old Output

```css
#foo {
background: url('image/icon.png');
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
#foo {
background: url('image/icon_2.png');
}
}

@media (min--moz-device-pixel-ratio: 1.5) {
#foo {
background: url('image/icon_2.png');
}
}
```

### New Output

```css
#foo {
background: url('image/icon.png');
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) {
#foo {
background: url('image/icon_2.png');
}
}
```

This may be in conflict with the changes made in the No Query branch, so that may need to be updated.