@dmartss/breakpoints/dist/index.js

My personal styled-components mobile breakpoints

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n    @media (max-width: ', 'em) {\n      ', ';\n    }\n  '], ['\n    @media (max-width: ', 'em) {\n      ', ';\n    }\n  ']);

var _styledComponents = require('styled-components');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = {
  mobile: function mobile() {
    return (0, _styledComponents.css)(_templateObject, 1000 / 16, _styledComponents.css.apply(undefined, arguments));
  },

  phone: function phone() {
    return (0, _styledComponents.css)(_templateObject, 650 / 16, _styledComponents.css.apply(undefined, arguments));
  }
};