{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Grid/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\nexport const GridItem = styled.li.withConfig({ componentId: 'sc-q5d4fx-0' })`\n    flex: 1 0 auto;\n    width: 100%;\n    max-width: 100%;\n`;\n\nexport interface IGrid {\n  $columns?: number;\n  $columnsSm?: number;\n  $columnsMd?: number;\n  $spacing?: number;\n}\n\nexport const Grid = styled.ul.withConfig({ componentId: 'sc-q5d4fx-1' })<IGrid>`\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    ${({ $spacing }) =>\n      $spacing &&\n      css`\n            margin: -${size($spacing / 2)};\n\n            ${GridItem} {\n                padding: ${size($spacing / 2)};\n            }\n        `}\n\n    ${({ $columns }) =>\n      $columns &&\n      css`\n            ${GridItem} {\n                width: ${100 / $columns}%;\n                max-width: ${100 / $columns}%;\n            }\n        `}\n\n  ${({ $columnsSm }) =>\n    $columnsSm &&\n    css`\n            ${(props) => props.theme.breakpoint.Sm} {\n                ${GridItem} {\n                    width: ${100 / $columnsSm}%;\n                    max-width: ${100 / $columnsSm}%;\n                }\n            }\n        `}\n\n  ${({ $columnsMd }) =>\n    $columnsMd &&\n    css`\n            ${(props) => props.theme.breakpoint.Md} {\n                ${GridItem} {\n                    width: ${100 / $columnsMd}%;\n                    max-width: ${100 / $columnsMd}%;\n                }\n            }\n        `}\n`;\n"],
  "mappings": "6DAIO,IAAMA,EAAWC,EAAO,GAAG,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,EAa9DC,EAAOD,EAAO,GAAG,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQjE,CAAC,CAAE,SAAAE,CAAS,IACZA,GACAC;AAAA,uBACiBC,EAAKF,EAAW,CAAC,CAAC;AAAA;AAAA,cAE3BH,CAAQ;AAAA,2BACKK,EAAKF,EAAW,CAAC,CAAC;AAAA;AAAA,SAEpC;AAAA;AAAA,MAEH,CAAC,CAAE,SAAAG,CAAS,IACZA,GACAF;AAAA,cACQJ,CAAQ;AAAA,yBACG,IAAMM,CAAQ;AAAA,6BACV,IAAMA,CAAQ;AAAA;AAAA,SAElC;AAAA;AAAA,IAEL,CAAC,CAAE,WAAAC,CAAW,IACdA,GACAH;AAAA,cACWI,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,kBAChCR,CAAQ;AAAA,6BACG,IAAMO,CAAU;AAAA,iCACZ,IAAMA,CAAU;AAAA;AAAA;AAAA,SAGxC;AAAA;AAAA,IAEL,CAAC,CAAE,WAAAE,CAAW,IACdA,GACAL;AAAA,cACWI,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,kBAChCR,CAAQ;AAAA,6BACG,IAAMS,CAAU;AAAA,iCACZ,IAAMA,CAAU;AAAA;AAAA;AAAA,SAGxC;",
  "names": ["GridItem", "dt", "Grid", "$spacing", "lt", "size", "$columns", "$columnsSm", "props", "$columnsMd"]
}