{"version":3,"file":"ImageCol-CFQsm6Gz.js","sources":["../../../src/components/layout/ImageCol.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport Col from './Col';\nimport { breakpoints } from '../../styled/utils';\n\ninterface ImageColProps {\n  $image: string,\n}\n\nconst ImageCol = styled(Col)<ImageColProps>`\n  background-color: var(--color-iron-300);\n  background-image: url(${props => props.$image});\n  background-size: cover;\n  border-radius: var(--border-radius);\n  margin-top: var(--space-lg);\n  overflow: hidden;\n  padding-bottom: 100%;\n  position: relative;\n\n  &::before {\n    @media ${breakpoints.md} {\n      border-bottom: var(--space-xs) solid transparent;  \n      border-right: var(--space-xs) solid var(--color-iron-400); \n      border-top: var(--space-xs) solid transparent;\n      content: '';\n      position: absolute;\n      right: -24px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  a {\n    position: absolute;\n    inset: 0;\n  }\n`;\n\nexport default ImageCol;\n"],"names":["ImageCol","styled","Col","withConfig","displayName","componentId","props","$image","breakpoints","md"],"mappings":"+XAQA,MAAMA,EAAWC,EAAOC,CAAG,EAACC,WAAA,CAAAC,YAAA,WAAAC,YAAA,aAAA,CAEFC,EAAAA,CAAAA,+DAAAA,gKAAAA,oQAAAA,EAASA,GAAAA,EAAMC,OAS5BC,EAAYC,EAAE"}