From 3b90048ff3592e2a5630a97f611106aa06be1cb6 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 21 Jul 2025 21:25:30 +0200 Subject: Improved card and card list --- tpl/objects/card.pug | 8 +++++++- tpl/views/card.pug | 21 +++++++++++++++++++++ 2 files changed, 28 insertions(+), 1 deletion(-) (limited to 'tpl') diff --git a/tpl/objects/card.pug b/tpl/objects/card.pug index e0f6a15..acb86eb 100644 --- a/tpl/objects/card.pug +++ b/tpl/objects/card.pug @@ -38,7 +38,13 @@ mixin card-image block mixin card-body - .o-card__body(style=attributes.style) + - + let classes = { + 'o-card__body': true, + 'o-card__body--hidden': attributes.hidden, + } + + div(class=classes)(style=attributes.style) block mixin card-title diff --git a/tpl/views/card.pug b/tpl/views/card.pug index 61081a9..3fd0113 100644 --- a/tpl/views/card.pug +++ b/tpl/views/card.pug @@ -1,6 +1,27 @@ mixin view-card +view('card', 'Card')(wide=true) + .l-card-list.l-card-list--merge + +card(href='#' class='l-card-list__card') + +card-body + strong= 'Lorem ipsum dolor' + = 'sit amet' + +card(href='#' class='l-card-list__card') + +card-body + strong= 'Lorem ipsum dolor' + = 'sit amet' + +card(href='#' class='l-card-list__card') + +card-body + strong= 'Lorem ipsum dolor' + = 'sit amet' + + +divider('faint')(class='u-mb-700') + .l-card-list.l-card-list--masonry + +card(href='#' class='l-card-list__card') + +card-body(hidden=true) + +card-title= 'XS Heading' + +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) + +card(href='#' class='l-card-list__card') +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) +card-avatar(src='avatar.png') -- cgit v1.2.3-70-g09d2