Template:CS/products/card/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
/* Media: fixed 2:3 frame (300x450), image fills and crops */ |
/* Media: fixed 2:3 frame (300x450), image fills and crops */ |
||
.capsach-card__media{position:relative;width:100%;height: |
.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__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} |
.capsach-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover} |
||
Revision as of 17:09, 26 October 2025
/* 2) Template:CS/products/card/styles.css */
.capsach-card{width:300px;margin:0}
.capsach-align-left{margin-left:0;margin-right:auto;text-align:left}
.capsach-align-center{margin-left:auto;margin-right:auto;text-align:left}
.capsach-align-right{margin-left:auto;margin-right:0;text-align:left}
/* 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}
/* Placeholder when no img is provided */
.capsach-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#f2f3f5,#e6e7e9)}
/* CTA */
.capsach-card__cta{margin-top:.5rem}