@stokr/components-library/dist/components/StokrLoader/media.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.sizes = exports.default = void 0;
var _styledComponents = require("styled-components");
// https://github.com/Semantic-Org/Semantic-UI/blob/master/src/themes/default/globals/site.variables
const sizes = exports.sizes = {
  widescreen: 1920,
  default: 1440,
  large: 1200,
  desktop: 992,
  tablet: 768,
  mobile: 375,
  mobileS: 320
};
const media = Object.keys(sizes).reduce((accumulator, label) => {
  const emSize = sizes[label] / 16;
  accumulator[label] = function () {
    return (0, _styledComponents.css)(["@media (min-width:", "em){", ";}"], emSize, (0, _styledComponents.css)(...arguments));
  };
  return accumulator;
}, {});
var _default = exports.default = media;