[React Style] how to create media query CSS?

@media (min-width: 48em) {
   .home-menu ul {
      float: right;
   }
}

RWD config

https://github.com/react-atomic/react-atomic-molecule/blob/master/src/config/styles/rwd.js

With React Style

import {min, reactStyle} from 'react-atomic-molecule';

const Styles = {
   menu: reactStyle(
      {float: 'right'},
      [min.md, '.home-menu ul']
   )
};