bbm-component-library-test/dist/Common/styles/tools/index.js

React based component library for all BBM web applications

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.media = exports.rem = undefined;

var _templateObject = _taggedTemplateLiteral(["\n    @media (min-width: ", ") {\n      ", ";\n    }\n  "], ["\n    @media (min-width: ", ") {\n      ", ";\n    }\n  "]);

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

var _constants = require("../../utils/constants");

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var rem = exports.rem = function rem(value) {
  return value / 16 + "rem";
};

var media = exports.media = {
  lg: function lg(content) {
    return (0, _styledComponents.css)(_templateObject, rem(_constants.SCREEN_LG), content);
  },
  md: function md(content) {
    return (0, _styledComponents.css)(_templateObject, rem(_constants.SCREEN_MD), content);
  },
  sm: function sm(content) {
    return (0, _styledComponents.css)(_templateObject, rem(_constants.SCREEN_SM), content);
  },
  xs: function xs(content) {
    return (0, _styledComponents.css)(_templateObject, rem(_constants.SCREEN_XS), content);
  },
  xxs: function xxs(content) {
    return (0, _styledComponents.css)(_templateObject, rem(_constants.SCREEN_XXS), content);
  }
};