diff options
Diffstat (limited to 'tpl/views')
-rw-r--r-- | tpl/views/card.pug | 12 |
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 @@ | |||
1 | mixin view-card | 1 | mixin 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}` |