Add responsive media-mixins shortcut

usage example:
```less
.media-xs({
  div {
    border:1px solid red;
  }
})
```
result:
```css
@media (max-width: 767px) {
  div {
    border:1px solid red;
  }
}
```