Insurer Brain

Template:CS/products/card/styles.css: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1:
.capsach-card__media aalign{display:block;width:100%;height:100%}▼
/* 2) Template:CS/products/card/styles.css */
.capsach-cardalign-left{widthtext-align:300pxleft;margin:0}
.capsach-align-leftcenter{margin-left:0;margin-right:auto;text-align:leftcenter;}
.capsach-align-centerright{margintext-leftalign:auto;margin-right:auto;text-align:left}
.capsach-align-right{margin-left:auto;margin-right:0;text-align:left}
 
.cs-product-card{display:inline-block;width:300px;vertical-align:top;}
/* Media: fixed 2:3 frame (300x450), image fills and crops */
.capsach-card__media{position:relative;width:100%;height:424px;overflow:hidden;border-radius:0px;background-color:#f5f6f7}
▲.capsach-card__media a{display:block;width:100%;height:100%}
.capsach-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
 
.cs-product-card__media{line-height:0;}
/* Placeholder when no img is provided */
.cs-product-card__media .mw-file-element{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid #a2a9b1;background:#fff;}
.capsach-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#f2f3f5,#e6e7e9)}
 
.cs-product-card__placeholder{display:block;width:300px;box-sizing:border-box;border:1px solid #a2a9b1;background:#f8f9fa;padding-top:66.6667%;}
/* CTA */
 
.capsachcs-product-card__cta{margin-top:.5rem10px;}
Retrieved from "https://www.insurerbrain.com/wiki/Template:CS/products/card/styles.css"