@baransu/react-styled-flexboxgrid/dist/styled-flexboxgrid.min.js

Grid system based on styled-components and flexbox for React

!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("prop-types"),require("@emotion/styled"),require("@emotion/core"),require("lodash.isinteger")):"function"==typeof define&&define.amd?define(["exports","prop-types","@emotion/styled","@emotion/core","lodash.isinteger"],r):r((n=n||self)["react-styled-flexboxgrid"]={},n.PropTypes,n.styled,n.core,n._.isInteger)}(this,function(n,e,r,t,u){"use strict";function c(i){for(var n=1;n<arguments.length;n++){var u=null!=arguments[n]?arguments[n]:{},r=Object.keys(u);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(u).filter(function(n){return Object.getOwnPropertyDescriptor(u,n).enumerable}))),r.forEach(function(n){var r,e,t;r=i,t=u[e=n],e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t})}return i}function i(n,r){return r||(r=n.slice(0)),n.raw=r,n}e=e&&e.hasOwnProperty("default")?e.default:e,r=r&&r.hasOwnProperty("default")?r.default:r,u=u&&u.hasOwnProperty("default")?u.default:u;var f="flexboxgrid",a={gridSize:12,gutterWidth:1,outerMargin:2,mediaQuery:"only screen",container:{sm:46,md:61,lg:76},breakpoints:{xs:0,sm:48,md:64,lg:75}},s=[],o=["xs","sm","md","lg"];function d(n){var r,e=(r=n,JSON.stringify(r.theme&&r.theme[f]||{}));if(s[0]===e)return s[1];var t,i,u,o=(i=(t=n).theme&&t.theme[f]||{},(u=c({},a,i,{container:c({},a.container,i.container),breakpoints:c({},a.breakpoints,i.breakpoints)})).media=Object.keys(u.breakpoints).reduce(function(n,r){var e=u.breakpoints[r];return n[r]=[u.mediaQuery,0!==r&&"(min-width: "+e+"em)"].filter(Boolean).join(" and "),n},{}),u);return s[0]=e,s[1]=o}function l(){var n=i(["\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: ","\n  padding-left: ","\n  ","\n"]);return l=function(){return n},n}function m(){var n=i(["\n    ","rem;\n  "]);return m=function(){return n},n}function p(){var n=i(["\n        ","\n      "]);return p=function(){return n},n}function v(){var n=i([""]);return v=function(){return n},n}var b=function(n){return t.css(m(),d(n).outerMargin)},y=r.div(l(),b,b,function(r){return r.fluid?t.css(v()):t.css(p(),o.map(function(n){return d(r).container[n]?"\n              @media "+d(r).media[n]+" {\n                width: "+d(r).container[n]+"rem;\n              }\n            ":""}).join("\n"))});function g(){var n=i(["\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: ","\n  margin-left: ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"]);return g=function(){return n},n}function x(){var n=i(["\n    ","rem;\n  "]);return x=function(){return n},n}function h(){var n=i([""]);return h=function(){return n},n}function O(){var n=i(["\n        @media "," {\n          order: 1;\n        }\n      "]);return O=function(){return n},n}function w(){var n=i([""]);return w=function(){return n},n}function j(){var n=i(["\n        @media "," {\n          order: -1;\n        }\n      "]);return j=function(){return n},n}function k(){var n=i([""]);return k=function(){return n},n}function P(){var n=i(["\n        @media "," {\n          justify-content: space-between;\n        }\n      "]);return P=function(){return n},n}function S(){var n=i([""]);return S=function(){return n},n}function z(){var n=i(["\n        @media "," {\n          justify-content: space-around;\n        }\n      "]);return z=function(){return n},n}function N(){var n=i([""]);return N=function(){return n},n}function T(){var n=i(["\n        @media "," {\n          align-items: flex-end;\n        }\n      "]);return T=function(){return n},n}function q(){var n=i([""]);return q=function(){return n},n}function _(){var n=i(["\n        @media "," {\n          align-items: center;\n        }\n      "]);return _=function(){return n},n}function C(){var n=i([""]);return C=function(){return n},n}function M(){var n=i(["\n        @media "," {\n          align-items: flex-start;\n        }\n      "]);return M=function(){return n},n}function W(){var n=i([""]);return W=function(){return n},n}function B(){var n=i(["\n        @media "," {\n          justify-content: flex-end;\n        }\n      "]);return B=function(){return n},n}function E(){var n=i([""]);return E=function(){return n},n}function G(){var n=i(["\n        @media "," {\n          justify-content: center;\n        }\n      "]);return G=function(){return n},n}function Q(){var n=i([""]);return Q=function(){return n},n}function R(){var n=i(["\n        @media "," {\n          justify-content: flex-start;\n        }\n      "]);return R=function(){return n},n}function A(){var n=i(["\n    flex-direction: row-reverse;\n  "]);return A=function(){return n},n}y.displayName="Grid",y.propTypes={fluid:e.bool,children:e.node};var D=e.oneOf(o),F=function(n){return t.css(x(),d(n).gutterWidth/2*-1)},I=r.div(g(),F,F,function(n){return n.reverse&&t.css(A())},function(n){return n.start?t.css(R(),d(n).media[n.start]):t.css(Q())},function(n){return n.center?t.css(G(),d(n).media[n.center]):t.css(E())},function(n){return n.end?t.css(B(),d(n).media[n.end]):t.css(W())},function(n){return n.top?t.css(M(),d(n).media[n.top]):t.css(C())},function(n){return n.middle?t.css(_(),d(n).media[n.middle]):t.css(q())},function(n){return n.bottom?t.css(T(),d(n).media[n.bottom]):t.css(N())},function(n){return n.around?t.css(z(),d(n).media[n.around]):t.css(S())},function(n){return n.between?t.css(P(),d(n).media[n.between]):t.css(k())},function(n){return n.first?t.css(j(),d(n).media[n.first]):t.css(w())},function(n){return n.last?t.css(O(),d(n).media[n.last]):t.css(h())});function J(){var n=i(["\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: ","\n  padding-left: ","\n  ","\n  ","\n  ","\n"]);return J=function(){return n},n}function $(){var n=i(["\n    ","rem;\n  "]);return $=function(){return n},n}function H(){var n=i(["\n    ","\n  "]);return H=function(){return n},n}function K(){var n=i([""]);return K=function(){return n},n}function L(){var n=i(["\n        flex-direction: column-reverse;\n      "]);return L=function(){return n},n}function U(){var n=i(["\n    ","\n  "]);return U=function(){return n},n}I.displayName="Row",I.propTypes={reverse:e.bool,start:D,center:D,end:D,top:D,middle:D,bottom:D,around:D,between:D,first:D,last:D,children:e.node};var V=e.oneOfType([e.number,e.bool]),X=o.map(function(n){return n+"Offset"}),Y=o.reduce(function(n,r){return n[r]=V,n[r+"Offset"]=e.number,n},{}),Z=function(n,r){return"\n    @media "+d(n).media[r]+" {\n      "+(t=r,i="\n      "+100/d(e=n).gridSize*e[t]+"%\n    ","\n    "+(u(e[t])?"\n            flex-basis: "+i+";\n            max-width: "+i+";\n            display: block;\n          ":e[t]?"\n            flex-grow: 1;\n            flex-basis: 0;\n            max-width: 100%;\n            display: block;\n          ":"\n            display: none;\n          ")+"\n  ")+"\n    }\n  ";var e,t,i},nn=function(n){return t.css($(),d(n).gutterWidth/2)},rn=r.div(J(),nn,nn,function(r){return t.css(U(),Object.keys(r).filter(function(n){return~o.indexOf(n)}).sort(function(n,r){return o.indexOf(n)-o.indexOf(r)}).map(function(n){return Z(r,n)}).join("\n"))},function(n){return n.reverse?t.css(L()):t.css(K())},function(r){return t.css(H(),Object.keys(r).filter(function(n){return~X.indexOf(n)}).map(function(n){return"\n          @media "+d(r).media[n.replace(/Offset$/,"")]+" {\n            margin-left: "+100/d(r).gridSize*r[n]+"%;\n          }\n        "}).join("\n"))});rn.displayName="Col",rn.propTypes=c({},Y,{reverse:e.bool,children:e.node}),n.Grid=y,n.Row=I,n.Col=rn,n.BASE_CONF=a,Object.defineProperty(n,"__esModule",{value:!0})});