Jump to content

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

From Insurer Brain
Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
⚫
.capsach-align{display:block;}
/* 2) Template:CS/products/card/styles.css */
.capsach-card{width:300px;margin:0}
.capsach-align-left{text-align:left;}
.capsach-align-left{margin-left:0;margin-right:auto;text-align:left}
.capsach-align-center{text-align:center;}
.capsach-align-center{margin-left:auto;margin-right:auto;text-align:left}
.capsach-align-right{text-align:right;}
.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:450px;overflow:hidden;border-radius:.75rem;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 */

.capsach-card__cta{margin-top:.5rem}
.cs-product-card__cta{margin-top:10px;}

Latest revision as of 21:09, 26 October 2025

.capsach-align{display:block;}
.capsach-align-left{text-align:left;}
.capsach-align-center{text-align:center;}
.capsach-align-right{text-align:right;}

.cs-product-card{display:inline-block;width:300px;vertical-align:top;}

.cs-product-card__media{line-height:0;}
.cs-product-card__media .mw-file-element{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid #a2a9b1;background:#fff;}

.cs-product-card__placeholder{display:block;width:300px;box-sizing:border-box;border:1px solid #a2a9b1;background:#f8f9fa;padding-top:66.6667%;}

.cs-product-card__cta{margin-top:10px;}
Retrieved from "https://www.insurerbrain.com/w/index.php?title=Template:CS/products/card/styles.css&oldid=1893"