1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.mediaQuery = undefined;
|
7 |
|
8 | var _templateObject = _taggedTemplateLiteral(['\n @media (min-width: ', ') {\n ', '\n }\n '], ['\n @media (min-width: ', ') {\n ', '\n }\n ']);
|
9 |
|
10 | var _get = require('lodash/get');
|
11 |
|
12 | var _get2 = _interopRequireDefault(_get);
|
13 |
|
14 | var _styledComponents = require('styled-components');
|
15 |
|
16 | var _config = require('./config');
|
17 |
|
18 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19 |
|
20 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
21 |
|
22 |
|
23 | var mediaQuery = exports.mediaQuery = function mediaQuery(point) {
|
24 | return function (props) {
|
25 | return '@media screen and (min-width: ' + (0, _get2.default)(props.theme, 'breakpoints.' + point) + ')';
|
26 | };
|
27 | };
|
28 |
|
29 | exports.default = Object.keys(_config.breakpoints).reduce(function (accumulator, label) {
|
30 | accumulator[label] = function () {
|
31 | return (0, _styledComponents.css)(_templateObject, _config.breakpoints[label], _styledComponents.css.apply(undefined, arguments));
|
32 | };
|
33 | return accumulator;
|
34 | }, {}); |
\ | No newline at end of file |