Template:CS/products/card/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Alignment utilities (mirrors CS button) */ |
|||
.capsach-align{display:block;} |
.capsach-align{display:block;} |
||
.capsach-align-left{text-align:left;} |
.capsach-align-left{text-align:left;} |
||
| Line 5: | Line 4: | ||
.capsach-align-right{text-align:right;} |
.capsach-align-right{text-align:right;} |
||
/* Card wrapper */ |
|||
.cs-product-card{display:inline-block;width:300px;vertical-align:top;} |
.cs-product-card{display:inline-block;width:300px;vertical-align:top;} |
||
/* Media */ |
|||
.cs-product-card__media{line-height:0;} |
.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__media .mw-file-element{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid #a2a9b1;background:#fff;} |
||
/* Placeholder when no image is provided */ |
|||
.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__placeholder{display:block;width:300px;box-sizing:border-box;border:1px solid #a2a9b1;background:#f8f9fa;padding-top:66.6667%;} |
||
/* Title (semantic heading without h1) */ |
|||
.cs-product-card__title{margin-top:8px;font-weight:600;line-height:1.35;color:inherit;} |
|||
/* CTA spacing */ |
|||
.cs-product-card__cta{margin-top:10px;} |
.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;}