{"version":3,"sources":["webpack:///./app/react/collections/CollectionLink.js"],"names":["CollectionLink","styled","Link","attrs","reset","display","flexDirection","p","height","position","props","theme","radii","rounded","shadows"],"mappings":"sIAAA,mBAIMA,EAAiBC,kBAAOC,QAAMC,MAAM,CACxCC,OAAO,EACPC,QAAS,OACTC,cAAe,SACfC,EAAG,EACHC,OAAQ,OACRC,SAAU,aANQ,0CAAGR,CAAH,6LAeC,SAAAS,GAAK,OAAIA,EAAMC,MAAMC,MAAMC,WAC9B,SAAAH,GAAK,OAAIA,EAAMC,MAAMG,QAAQ,MAWhCd","file":"collections/categories~collections/category.3904aba15cc3d55d4f99.chunk.js","sourcesContent":["import styled from 'styled-components'\n\nimport { Link } from '@redriverpress/system'\n\nconst CollectionLink = styled(Link).attrs({\n  reset: true,\n  display: 'flex',\n  flexDirection: 'column',\n  p: 3,\n  height: '100%',\n  position: 'relative',\n})`\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-radius: ${props => props.theme.radii.rounded};\n    box-shadow: ${props => props.theme.shadows[2]};\n    opacity: 0;\n    transition: opacity 0.3s ease-out;\n  }\n\n  &:hover:after,\n  &:focus:after {\n    opacity: 1;\n  }\n`\n\nexport default CollectionLink\n"],"sourceRoot":""}