@coopdigital/shared-component--editorialcard/dist/editorialCard.css.map

Co-op Shared Component: Editorial Card

{"version":3,"sources":["../src/editorialCard.pcss"],"names":[],"mappings":"AAIA,sBACE,YAAa,CACb,MAAO,CACP,kBAAgC,CAChC,iBACF,CAEA,mCACE,wBAAsC,CACtC,kBACF,CAEA,6BACE,aAAc,CACd,eAAgB,CAChB,WAAY,CACZ,qBAAoC,CACpC,iBAAsC,CACtC,uCAA4B,CAC5B,iCAAmC,CACnC,MAMF,CAJE,sEAEE,uCACF,CAIA,wBADF,6DAEI,qBAEJ,CADE,CAIA,wBADF,+DAEI,YAAa,CACb,kBAEJ,CADE,CAIA,wBADF,yDAEI,0BAEJ,CADE,CAGF,4BACE,aAAc,CACd,UAAW,CACX,oBAAqB,CACrB,aAAc,CACd,QACF,CAEA,6BACE,QAAS,CACT,SAAU,CACV,iBAAkB,CAClB,SAAU,CACV,wBACF,CAEA,+DACE,eAMF,CAJE,wBAHF,+DAII,yBAA0B,CAC1B,oBAEJ,CADE,CAGF,6BACE,aAOF,CALE,iCACE,aAAc,CACd,UAAW,CACX,QACF,CAKA,wBAFF,kIAGI,WAAY,CACZ,UAOJ,CANE,CAGA,gCARF,kIASI,WAEJ,CADE,CAIA,wBADF,mEAEI,gBAEJ,CADE,CAGF,+BACE,oBAAqB,CACrB,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,aAKF,CAHE,wBAPF,+BAQI,eAEJ,CADE,CAIA,wBADF,8FAEI,iBAAkB,CAClB,sBAEJ,CADE,CAIA,wBADF,wFAEI,oBAEJ,CADE,CAGF,gCACE,kBAAmB,CACnB,kBAAmB,CACnB,mBACF,CAEA,6BACE,eAAgB,CAChB,kBAAmB,CACnB,gBAAiB,CACjB,QAAS,CACT,SAAU,CACV,aACF,CAEA,0EAEE,yBACF,CAEA,4BACE,kBAAmB,CACnB,mBAAoB,CACpB,gBAAkB,CAClB,kBAYF,CAVE,8BACE,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CACnB,kBAKF,CAHE,yCACE,eACF","file":"editorialCard.css","sourcesContent":["/* Editorial Card */\n\n@import \"@coopdigital/foundations/dist/vars/vars.css\";\n\n.coop-c-editorialcard {\n  display: flex;\n  flex: 1;\n  margin-bottom: var(--spacing-32);\n  position: relative;\n}\n\n.coop-c-editorialcard--auto-height {\n  height: calc(100% - var(--spacing-32));\n  margin-bottom: var(--spacing-32);\n}\n\n.coop-c-editorialcard__inner {\n  display: block;\n  overflow: hidden;\n  height: 100%;\n  background-color: var(--color-white);\n  border-radius: var(--ui-border-radius);\n  box-shadow: var(--ui-shadow);\n  transition: box-shadow 0.2s ease-in;\n  flex: 1;\n\n  &:hover,\n  &:focus {\n    box-shadow: var(--ui-shadow--hover);\n  }\n}\n\n.coop-c-editorialcard--twocol .coop-c-editorialcard__content {\n  @media (--mq-large) {\n    padding-right: 5.25rem;\n  }\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__inner {\n  @media (--mq-medium) {\n    display: flex;\n    flex-direction: row;\n  }\n}\n\n.coop-c-editorialcard--flip .coop-c-editorialcard__inner {\n  @media (--mq-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\n.coop-c-editorialcard__link {\n  display: block;\n  width: 100%;\n  text-decoration: none;\n  color: inherit;\n  border: 0;\n}\n\n.coop-c-editorialcard__media {\n  margin: 0;\n  padding: 0;\n  position: relative;\n  z-index: 2;\n  background-color: var(--color-grey-light);\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__media {\n  overflow: hidden;\n\n  @media (--mq-medium) {\n    flex-basis: 31.6506309148%;\n    width: 31.6506309148%;\n  }\n}\n\n.coop-c-editorialcard__image {\n  display: block;\n\n  & img {\n    display: block;\n    width: 100%;\n    border: 0;\n  }\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__image,\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__image img {\n  @media (--mq-medium) {\n    height: 100%;\n    width: 100%;\n  }\n\n  /* IE 10/11 */\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__image img {\n  @media (--mq-medium) {\n    object-fit: cover;\n  }\n}\n\n.coop-c-editorialcard__content {\n  padding: 1.25rem 1rem;\n  position: relative;\n  z-index: 1;\n  flex: 1;\n  color: #534f4f;\n\n  @media (--mq-large) {\n    padding: 1.25rem 1.25rem;\n  }\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__media + .coop-c-editorialcard__content {\n  @media (--mq-large) {\n    padding-left: 2rem;\n    padding-right: 11.25rem;\n  }\n}\n\n.coop-c-editorialcard--flip .coop-c-editorialcard__media + .coop-c-editorialcard__content {\n  @media (--mq-large) {\n    padding-left: 1.25rem;\n  }\n}\n\n.coop-c-editorialcard__subtitle {\n  margin: 0 0 1.25rem;\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.coop-c-editorialcard__title {\n  font-weight: 600;\n  font-size: 1.375rem;\n  line-height: 2rem;\n  margin: 0;\n  padding: 0;\n  color: var(--color-text);\n}\n\na:hover .coop-c-editorialcard__title,\na:focus .coop-c-editorialcard__title {\n  text-decoration: underline;\n}\n\n.coop-c-editorialcard__body {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  margin: 0.5rem 0 0;\n  max-width: 43.75rem;\n\n  & p {\n    font-size: inherit;\n    line-height: inherit;\n    margin-bottom: 1rem;\n    margin-top: 1.25rem;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}