From f5e2addd72ab0b4801fdb4745eae5cee01ae12fe Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 23 Nov 2024 12:35:42 +0100 Subject: Add card image overlays --- tpl/objects/card.pug | 11 ++++++++++- tpl/views/card.pug | 3 ++- 2 files changed, 12 insertions(+), 2 deletions(-) (limited to 'tpl') diff --git a/tpl/objects/card.pug b/tpl/objects/card.pug index 2ab9bef..e0f6a15 100644 --- a/tpl/objects/card.pug +++ b/tpl/objects/card.pug @@ -26,7 +26,16 @@ mixin card-image classes[attributes.class] = true; } - img(class=classes src=attributes.src style=attributes.style) + let imgClasses = { + 'o-card__image-img': true, + 'l-card-list__card-image': attributes.list + } + + div(class=classes) + img(class=imgClasses src=attributes.src style=attributes.style) + if block + .o-card__image-overlay + block mixin card-body .o-card__body(style=attributes.style) diff --git a/tpl/views/card.pug b/tpl/views/card.pug index 633cf01..61081a9 100644 --- a/tpl/views/card.pug +++ b/tpl/views/card.pug @@ -36,6 +36,7 @@ mixin view-card +card(quiet=true href='#' class='l-card-list__card') +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) + +badge= 'Drawings' +card-body +card-title= 'XS Heading' +card-content @@ -59,7 +60,7 @@ mixin view-card div(class=classes) each img, i in ['Drawing_Half.png', '0000 Cover@0.5x.webp', 'avatar.png', '01 Design Cody.png', 'avatar.png', 'Drawing_Half.png'] +card(quiet=quiet href='#' class='l-card-list__card') - +card-image(src=img class='l-card-list__card-image') + +card-image(src=img list=true) +card-body .l-media .l-media__block.l-media__block--main -- cgit v1.2.3-70-g09d2