Agreed, breakpoints should be defined in one place, preferably the CSS.

A while back, played with something along the lines of styling a particular element differently at different breakpoints, and the JS reading this style, e.g.

`<div class="h breakpoints"></div>`

`@import mq(0, mobile) {
    color: red
}
...`

`bonzo(doc.querySelector('breakpoints')).css('color') === 'red'; // mobile breakpoint`