diff options
author | Volpeon <git@volpeon.ink> | 2024-06-27 11:26:15 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-27 11:26:15 +0200 |
commit | 57e28f7fe929f275a0c516d0a702ec8a8739a810 (patch) | |
tree | fd84e604e0d19dba9c18d93097837a6b1d58199e /tpl/views/card.pug | |
parent | Update (diff) | |
download | iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.tar.gz iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.tar.bz2 iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.zip |
Add card
Diffstat (limited to 'tpl/views/card.pug')
-rw-r--r-- | tpl/views/card.pug | 24 |
1 files changed, 19 insertions, 5 deletions
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 @@ | |||
1 | mixin view-card | 1 | mixin view-card |
2 | +view('card', 'Card') | 2 | +view('card', 'Card') |
3 | .c-box | 3 | .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '1em' }) |
4 | +card(href='#') | 4 | +card(href='#') |
5 | +slot('body') | 5 | +card-image(src='Drawing_Half.png') |
6 | h1= 'XS Heading' | 6 | +card-avatar(src='avatar.png') |
7 | p= loremIpsum | 7 | +card-body |
8 | +slot('footer') | 8 | +card-title= 'XS Heading' |
9 | +card-content= loremIpsum | ||
10 | +card-footer | ||
11 | = 'Footer' | ||
12 | |||
13 | +card(href='#') | ||
14 | +card-body | ||
15 | .l-media | ||
16 | +avatar(class='l-media__block' src='avatar.png') | ||
17 | .l-media__block.l-media__block--main | ||
18 | strong.u-d-block= 'Volpeon' | ||
19 | small.u-d-block= '@volpeon@is-a.wyvern.rip' | ||
20 | +card-content= loremIpsum | ||
21 | +card-image(src='Drawing_Half.png') | ||
22 | +card-body | ||
9 | = 'Footer' | 23 | = 'Footer' |