Let's go global :)

How about:

```scss
body:after {
    content: "mobile";
    display: none;

    @include mq(tablet) {
        content: "tablet";
    }
    @include mq(desktop) {
        content: "desktop";
    }
    @include mq(wide) {
        content: "wide";
    }
}
```

Let me know what you think.