From 57e28f7fe929f275a0c516d0a702ec8a8739a810 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 27 Jun 2024 11:26:15 +0200 Subject: Add card --- tpl/views/card.pug | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) (limited to 'tpl/views/card.pug') diff --git a/tpl/views/card.pug b/tpl/views/card.pug index 0b88b0e..6858867 100644 --- a/tpl/views/card.pug +++ b/tpl/views/card.pug @@ -1,9 +1,23 @@ mixin view-card +view('card', 'Card') - .c-box + .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '1em' }) +card(href='#') - +slot('body') - h1= 'XS Heading' - p= loremIpsum - +slot('footer') + +card-image(src='Drawing_Half.png') + +card-avatar(src='avatar.png') + +card-body + +card-title= 'XS Heading' + +card-content= loremIpsum + +card-footer + = 'Footer' + + +card(href='#') + +card-body + .l-media + +avatar(class='l-media__block' src='avatar.png') + .l-media__block.l-media__block--main + strong.u-d-block= 'Volpeon' + small.u-d-block= '@volpeon@is-a.wyvern.rip' + +card-content= loremIpsum + +card-image(src='Drawing_Half.png') + +card-body = 'Footer' -- cgit v1.2.3-54-g00ecf