[React Style] how to create media query CSS?

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

With React Style

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

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