styled-components-breakpoint
Version:
Utility functions for creating breakpoints in `styled-components` 💅.
3 lines (2 loc) • 2.01 kB
JavaScript
var e=require("styled-components"),n={mobile:0,tablet:737,desktop:1195},t=function(e){return e/16},r=Object.freeze(["\n @media screen and (min-width: ","em) {\n ","\n }\n "]),o=Object.freeze(["\n @media screen and (min-width: ","em) and (max-width: ","em) {\n ","\n }\n "]),i=function(e,n){return n in e?e[n]:(console.error('styled-components-breakpoint: Breakpoint "'+n+'" was not found.'),0)},a=function(n){return function(a,c){return function(s){for(var u=[],f=arguments.length-1;f-- >0;)u[f]=arguments[f+1];if(a&&c){var p=i(n,a),d=i(n,c);return e.css(o,t(p),t(d-1),e.css.apply(void 0,[s].concat(u)))}var y=i(n,a);return 0===y?e.css.apply(void 0,[s].concat(u)):e.css(r,t(y),e.css.apply(void 0,[s].concat(u)))}}},c=function(e,t){return function(r){for(var o=[],i=arguments.length-1;i-- >0;)o[i]=arguments[i+1];return function(i){return a((c=i.theme)&&c.breakpoints?c.breakpoints:n)(e,t)(r,o);var c}}},s=function(e,n){var t=Object.keys(e),r=-1;Object.keys(n).some(function(e){var o=t.indexOf(e);return-1!==o&&o<=r?(console.warn("styled-components-breakpoint: Values for "+JSON.stringify(n)+" are not keyed in order ("+t.map(function(e){return'"'+e+'"'}).join(", ")+") and may result in specificity issues."),!0):(r=o,!1)})};function u(n,t,r,o){var i=a(n);if("object"!=typeof t){var c=r(t);return"string"==typeof c||Array.isArray(c)?c:e.css(c)}return"production"!==process.env.NODE_ENV&&s(n,t),Object.keys(t).map(function(e){var n=i(e),a=t[e];if(void 0===a)return"";var c=r(a,o);return"string"==typeof c||Array.isArray(c)?n([],c):n(c)})}var f=function(e){return function(n,t,r){return"object"!=typeof e||"object"!=typeof r?function(o){var i="object"!=typeof e?e(o.theme):e,a=void 0!==r&&"object"!=typeof r?r(o.theme):r;return u(i,n,t,a)}:u(e,n,t,r)}},p=f(function(e){return e.breakpoints||n});exports.default=c,exports.defaults=n,exports.createBreakpoint=a,exports.breakpoint=c,exports.createMap=f,exports.map=p;
//# sourceMappingURL=index.js.map