@coopdigital/component-card
Version:
1 lines • 4.24 kB
Source Map (JSON)
{"version":3,"sources":["card.pcss"],"names":[],"mappings":"AAIA,sBACE,YAAa,CACb,MAAO,CACP,kBACF,CAEA,6BACE,aAAc,CACd,WAAY,CACZ,qBAAoC,CACpC,yCAA+C,CAC/C,iCAAmC,CACnC,MACF,CAGE,wBADF,+DAEI,YAAa,CACb,kBAEJ,CADE,CAGF,sEAEE,yCACF,CAEA,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,aACF,CAEA,iCACE,aAAc,CACd,UAAW,CACX,QACF,CAGE,wBADF,+DAEI,WAAY,CACZ,UAOJ,CANE,CAGA,gCAPF,+DAQI,WAEJ,CADE,CAIA,wBADF,mEAEI,WAAY,CACZ,UAAW,CACX,gBAOJ,CANE,CAGA,gCARF,mEASI,WAEJ,CADE,CAGF,+BACE,YAAa,CACb,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,aAKF,CAHE,wBAPF,+BAQI,eAEJ,CADE,CAIA,wBADF,8FAEI,mBAMJ,CALE,CAEA,wBALF,8FAMI,iBAEJ,CADE,CAGF,gCACE,eAAgB,CAChB,iBAAmB,CACnB,kBAKF,CAHE,2BALF,gCAMI,cAEJ,CADE,CAGF,6BACE,eAAgB,CAChB,iBAAkB,CAClB,mBAAoB,CACpB,QAAS,CACT,SAAU,CACV,aAMF,CAJE,2BARF,6BASI,kBAAmB,CACnB,gBAEJ,CADE,CAGF,sHAEE,yBACF,CAEA,4BACE,cAAe,CACf,kBAAmB,CACnB,gBAAkB,CAClB,kBAMF,CAJE,2BANF,4BAOI,kBAAmB,CACnB,mBAEJ,CADE,CAGF,8BACE,iBAAkB,CAClB,mBAAoB,CACpB,kBAKF,CAHE,yCACE,eACF","file":"card.css","sourcesContent":["/* Cards */\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}\n\n.coop-c-editorialcard__inner {\n display: block;\n height: 100%;\n background-color: var(--color-white);\n box-shadow: 0 0.3125rem 0 0 rgba(0, 0, 0, 0.05);\n transition: box-shadow 0.2s ease-in;\n flex: 1;\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__inner:hover,\n.coop-c-editorialcard__inner:focus {\n box-shadow: 0 0.3125rem 0 0 rgba(0, 0, 0, 0.15);\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\n.coop-c-editorialcard__image img {\n display: block;\n width: 100%;\n border: 0;\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__image {\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 height: 100%;\n width: 100%;\n object-fit: cover;\n }\n\n /* IE 10/11 */\n @media all and (-ms-high-contrast: none) {\n height: auto;\n }\n}\n\n.coop-c-editorialcard__content {\n padding: 1rem;\n position: relative;\n z-index: 1;\n flex: 1;\n color: #534f4f;\n\n @media (--mq-large) {\n padding: 1.25rem;\n }\n}\n\n.coop-c-editorialcard--horizontal .coop-c-editorialcard__media + .coop-c-editorialcard__content {\n @media (--mq-medium) {\n padding-left: 1.5rem;\n }\n\n @media (--mq-large) {\n padding-left: 2rem;\n }\n}\n\n.coop-c-editorialcard__subtitle {\n margin: 0 0 1rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n\n @media (--mq-xlarge) {\n font-size: 1rem;\n }\n}\n\n.coop-c-editorialcard__title {\n font-weight: 500;\n font-size: 1.25rem;\n line-height: 1.75rem;\n margin: 0;\n padding: 0;\n color: var(--color-text);\n\n @media (--mq-xlarge) {\n font-size: 1.375rem;\n line-height: 2rem;\n }\n}\n\n.coop-c-editorialcard a:hover .coop-c-editorialcard__title,\n.coop-c-editorialcard a:focus .coop-c-editorialcard__title {\n text-decoration: underline;\n}\n\n.coop-c-editorialcard__body {\n font-size: 1rem;\n line-height: 1.5rem;\n margin: 0.5rem 0 0;\n max-width: 43.75rem;\n\n @media (--mq-xlarge) {\n font-size: 1.125rem;\n line-height: 1.75rem;\n }\n}\n\n.coop-c-editorialcard__body p {\n font-size: inherit;\n line-height: inherit;\n margin-bottom: 1rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n"]}