summaryrefslogtreecommitdiffstats
path: root/tpl/views
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/views')
-rw-r--r--tpl/views/card.pug12
1 files changed, 6 insertions, 6 deletions
diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 4871d30..3163b00 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -1,7 +1,7 @@
1mixin view-card 1mixin view-card
2 +view('card', 'Card')(wide=true) 2 +view('card', 'Card')(wide=true)
3 .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '2em' }) 3 .l-card-list.l-card-list--masonry
4 +card(href='#') 4 +card(href='#' class='l-card-list__card')
5 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) 5 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
6 +card-avatar(src='avatar.png') 6 +card-avatar(src='avatar.png')
7 +card-body 7 +card-body
@@ -12,13 +12,13 @@ mixin view-card
12 +card-footer 12 +card-footer
13 = 'Footer' 13 = 'Footer'
14 14
15 +card 15 +card(class='l-card-list__card')
16 +card-body 16 +card-body
17 .l-media 17 .l-media
18 +avatar(class='l-media__block' src='avatar.png') 18 +avatar(class='l-media__block' src='avatar.png')
19 .l-media__block.l-media__block--main 19 .l-media__block.l-media__block--main
20 strong.u-d-block= 'Volpeon' 20 strong.u-d-block= 'Volpeon'
21 small.u-d-block= '@volpeon@is-a.wyvern.rip' 21 small.u-c-mute.u-d-block= '@volpeon@is-a.wyvern.rip'
22 +card-content 22 +card-content
23 p= loremIpsum 23 p= loremIpsum
24 p= loremIpsum 24 p= loremIpsum
@@ -36,7 +36,7 @@ mixin view-card
36 .l-media__block.u-mis-auto 36 .l-media__block.u-mis-auto
37 +a-button(primary=true)= 'Reply' 37 +a-button(primary=true)= 'Reply'
38 38
39 +card(quiet=true href='#') 39 +card(quiet=true href='#' class='l-card-list__card')
40 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) 40 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
41 +card-body 41 +card-body
42 +card-title= 'XS Heading' 42 +card-title= 'XS Heading'
@@ -66,4 +66,4 @@ mixin view-card
66 .l-media 66 .l-media
67 .l-media__block.l-media__block--main 67 .l-media__block.l-media__block--main
68 h1.u-mbs-0= 'XS Heading' 68 h1.u-mbs-0= 'XS Heading'
69 small.u-c-mute-more= `Episode ${i + 1}` 69 small.u-c-mute= `Episode ${i + 1}`