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}` |
