styled-media-query
Version:
Beautiful media queries for styled-component
3 lines (2 loc) • 2.77 kB
JavaScript
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("styled-components")):"function"==typeof define&&define.amd?define(["exports","styled-components"],n):n(e["styled-media-query"]={},e.styledComponents)}(this,function(e,i){"use strict";function n(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function t(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:16,t=2<arguments.length?arguments[2]:void 0,r={};for(var i in e){var o=e[i];String(o).includes("px")?r[i]=+parseInt(o)/n+t:r[i]=o}return r}function o(){var e=n(["\n @media (min-width: ",") {\n ","\n }\n "]);return o=function(){return e},e}function a(){var e=n(["\n @media (max-width: ",") {\n ","\n }\n "]);return a=function(){return e},e}function u(){var e=n(["\n @media (min-width: ",") and\n (max-width: ",") {\n ","\n }\n "]);return u=function(){return e},e}function c(){var e=n(["\n @media (min-width: ",") {\n ","\n }\n "]);return c=function(){return e},e}function d(){var e=n(["\n @media (max-width: ",") {\n ","\n }\n "]);return d=function(){return e},e}var s={huge:"1440px",large:"1170px",medium:"768px",small:"450px"};function f(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};return n[e]?n[e]:parseInt(e)?e:(console.error("styled-media-query: No valid breakpoint or size specified for media."),"0")}function r(){var r=0<arguments.length&&void 0!==arguments[0]?arguments[0]:s,e=Object.keys(r).reduce(function(e,n){var t=r[n];return e.to[n]=function(){return console.warn("styled-media-query: Use media.lessThan('".concat(n,"') instead of old media.to.").concat(n," (Probably we'll deprecate it)")),i.css(a(),t,i.css.apply(void 0,arguments))},e.from[n]=function(){return console.warn("styled-media-query: Use media.greaterThan('".concat(n,"') instead of old media.from.").concat(n," (Probably we'll deprecate it)")),i.css(o(),t,i.css.apply(void 0,arguments))},e},{to:{},from:{}});return Object.assign({lessThan:function(e){return function(){return i.css(d(),f(e,r),i.css.apply(void 0,arguments))}},greaterThan:function(e){return function(){return i.css(c(),f(e,r),i.css.apply(void 0,arguments))}},between:function(e,n){return function(){return i.css(u(),f(e,r),f(n,r),i.css.apply(void 0,arguments))}}},e)}var l=r();e.pxToEm=function(e){return t(e,1<arguments.length&&void 0!==arguments[1]?arguments[1]:16,"em")},e.pxToRem=function(e){return t(e,1<arguments.length&&void 0!==arguments[1]?arguments[1]:16,"rem")},e.defaultBreakpoints=s,e.generateMedia=r,e.default=l,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=styled-media-query.umd.js.map