@coopdigital/component-card--product
Version:
Co-op Components: Card - product
1 lines • 3.66 kB
Source Map (JSON)
{"version":3,"sources":["card--product.pcss"],"names":[],"mappings":"AAIA,sBACE,kBAAgC,CAChC,gBAAiB,CACjB,iBAAsC,CACtC,uCAA4B,CAC5B,iCACF,CAEA,4BACE,uCACF,CAMA,wHACE,eACF,CAEA,0CACE,eAAgB,CAChB,iBACF,CAEA,kDACE,cACF,CAEA,2DACE,qBACF,CAEA,yCACE,aAAc,CACd,oBAAqB,CACrB,aACF,CAEA,mEACE,yBACF,CAEA,mEACE,cACF,CAEA,6DACE,kBAA6B,CAC7B,oBAAqB,CACrB,YACF,CAEA,+DACE,eAAgB,CAChB,MACF,CAEA,6DACE,eAAgB,CAChB,UAAW,CACX,UAAW,CACX,gCAAmC,CACnC,iBACF,CAEA,qEACE,iBAAkB,CAClB,mBAA8C,CAC9C,SAAU,CACV,aAAc,CACd,UACF,CAEA,iEACE,aAAc,CACd,UACF,CAEA,gEACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,uBAA6D,CAC7D,QACF,CAEA,gEACE,mBACF,CAEA,8CACE,kBACF,CAEA,oBACE,eAAiB,CACjB,gBAAiB,CACjB,eACF,CAEA,0BACE,aACF,CAEA,wBACE,aAAc,CACd,aAAwB,CACxB,iBACF,CAEA,+BACE,aAAc,CACd,aAA2B,CAC3B,iBACF,CAEA,sCACE,aAAc,CACd,aAAc,CACd,iBAAmB,CACnB,eACF","file":"card--product.css","sourcesContent":["/* Card - product */\n\n@import \"@coopdigital/foundations/dist/vars/vars.css\";\n\n.coop-c-card--product {\n margin-bottom: var(--spacing-32);\n padding-bottom: 0;\n border-radius: var(--ui-border-radius);\n box-shadow: var(--ui-shadow);\n transition: box-shadow 200ms ease-in;\n}\n\n.coop-c-card--product:hover {\n box-shadow: var(--ui-shadow--hover);\n}\n\n.coop-c-card--product:hover .coop-c-card__content {\n box-shadow: none;\n}\n\n.coop-c-card--product:hover .coop-c-card__content .coop-c-card__title {\n box-shadow: none;\n}\n\n.coop-c-card--product .coop-c-card__title {\n font-weight: 500;\n margin-bottom: 4px;\n}\n\n.coop-c-card--product .coop-c-card__image-product {\n padding: 0 var(--spacing-32);\n}\n\n.coop-c-card--product .coop-c-card__link.coop-l-flex__item {\n flex-direction: column;\n}\n\n.coop-c-card--product .coop-c-card__link {\n display: block;\n text-decoration: none;\n color: var(--color-text);\n}\n\n.coop-c-card--product .coop-c-card__link:hover .coop-c-card__title {\n text-decoration: underline;\n}\n\n.coop-c-card--product .coop-c-card__link:hover .coop-c-card__image {\n transform: none;\n}\n\n.coop-c-card--product .coop-c-card__link .coop-c-card__title {\n font-size: var(--type-h456-s);\n text-decoration: none;\n display: flex;\n}\n\n.coop-c-card--product .coop-c-card__link .coop-c-card__content {\n box-shadow: none;\n flex: 1;\n}\n\n.coop-c-card--product .coop-c-card__link .coop-c-card__image {\n overflow: hidden;\n float: none;\n width: 100%;\n transition: transform 200ms ease-in;\n text-align: center;\n}\n\n.coop-c-card--product .coop-c-card__link .coop-c-card__image picture {\n position: relative;\n padding: var(--spacing-16) var(--spacing-16) 0;\n z-index: 1;\n display: block;\n width: 100%;\n}\n\n.coop-c-card--product .coop-c-card__link .coop-c-card__image img {\n display: block;\n width: 100%;\n}\n\n.coop-c-card--product .coop-c-card__image + .coop-c-card__content {\n position: relative;\n float: none;\n width: 100%;\n padding: var(--spacing-16) var(--spacing-16) var(--spacing-8);\n margin: 0;\n}\n\n.coop-c-card--product .coop-c-card__content-bottom .coop-c-icon {\n margin-bottom: var(--spacing-8);\n}\n\n.coop-c-card--product .coop-c-card__paragraph {\n font-size: var(--type-h456-s);\n}\n\n.coop-c-card__price {\n font-weight: bold;\n font-size: 1.5rem;\n margin-bottom: 0;\n}\n\n.coop-c-card__price--sale {\n color: var(--color-red-mid);\n}\n\n.coop-c-card__price-was {\n display: block;\n color: var(--color-text);\n font-size: 0.625rem;\n}\n\n.coop-c-card__price--deal-info {\n display: block;\n color: var(--color-red-mid);\n font-size: 0.625rem;\n}\n\n.coop-c-card__price--equivalency-info {\n display: block;\n color: #6e6e6e;\n font-size: 0.875rem;\n margin-bottom: 0;\n}\n"]}