| 1 | {"version":3,"sources":["../../src/GridContainer/GridContainer.js"],"names":["shouldForwardProp","prop","includes","p","fluid","css","theme"],"mappings":";;;;;;;;;;;AACA;;AACA;;eAEe,0CAAO,KAAP;AAAgBA,EAAAA,iBAAiB,EAAE,2BAAAC,IAAI;AAAA,WAAI,CAAC,CAAC,OAAD,EAAUC,QAAV,CAAmBD,IAAnB,CAAL;AAAA,GAAvC;AAAA;AAAA,E,uMAYX,UAAAE,CAAC;AAAA,SACD,CAACA,CAAC,CAACC,KAAH,qBACAC,SADA,yCAGiB,0BAASF,CAAC,CAACG,KAAX,EAAkB,cAAlB,CAHjB,6CAMiB,0BAASH,CAAC,CAACG,KAAX,EAAkB,eAAlB,CANjB,6CASiB,0BAASH,CAAC,CAACG,KAAX,EAAkB,qBAAlB,CATjB,8CAYiB,0BAASH,CAAC,CAACG,KAAX,EAAkB,qBAAlB,CAZjB,wlDADC;AAAA,C","sourcesContent":["import styled from '@emotion/styled';\nimport { css } from '@emotion/core';\nimport getTheme from '@lskjs/theme/getTheme';\n\nexport default styled('div', { shouldForwardProp: prop => !['fluid'].includes(prop) })`\n box-sizing: border-box;\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n @media (max-width: 575px) and (min-width: 360px) {\n padding-right: 15px;\n padding-left: 15px;\n }\n @media print {\n min-width: 992px !important;\n }\n ${p =>\n !p.fluid &&\n css`\n @media (min-width: 576px) {\n max-width: ${getTheme(p.theme, 'layout.phone')}px;\n }\n @media (min-width: 768px) {\n max-width: ${getTheme(p.theme, 'layout.tablet')}px;\n }\n @media (min-width: 992px) {\n max-width: ${getTheme(p.theme, 'layout.smallDesktop')}px;\n }\n @media (min-width: 1200px) {\n max-width: ${getTheme(p.theme, 'layout.largeDesktop')}px;\n }\n `}\n`;\n"],"file":"GridContainer.js"} |