diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-21 21:25:30 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-21 21:25:30 +0200 |
| commit | 3b90048ff3592e2a5630a97f611106aa06be1cb6 (patch) | |
| tree | 3d24739d690b3d411a3c504845d0c42d6849fc4f /tpl/views | |
| parent | Action button: add static mod (diff) | |
| download | iro-design-3b90048ff3592e2a5630a97f611106aa06be1cb6.tar.gz iro-design-3b90048ff3592e2a5630a97f611106aa06be1cb6.tar.bz2 iro-design-3b90048ff3592e2a5630a97f611106aa06be1cb6.zip | |
Improved card and card list
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/card.pug | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/tpl/views/card.pug b/tpl/views/card.pug index 61081a9..3fd0113 100644 --- a/tpl/views/card.pug +++ b/tpl/views/card.pug | |||
| @@ -1,7 +1,28 @@ | |||
| 1 | mixin view-card | 1 | mixin view-card |
| 2 | +view('card', 'Card')(wide=true) | 2 | +view('card', 'Card')(wide=true) |
| 3 | .l-card-list.l-card-list--merge | ||
| 4 | +card(href='#' class='l-card-list__card') | ||
| 5 | +card-body | ||
| 6 | strong= 'Lorem ipsum dolor' | ||
| 7 | = 'sit amet' | ||
| 8 | +card(href='#' class='l-card-list__card') | ||
| 9 | +card-body | ||
| 10 | strong= 'Lorem ipsum dolor' | ||
| 11 | = 'sit amet' | ||
| 12 | +card(href='#' class='l-card-list__card') | ||
| 13 | +card-body | ||
| 14 | strong= 'Lorem ipsum dolor' | ||
| 15 | = 'sit amet' | ||
| 16 | |||
| 17 | +divider('faint')(class='u-mb-700') | ||
| 18 | |||
| 3 | .l-card-list.l-card-list--masonry | 19 | .l-card-list.l-card-list--masonry |
| 4 | +card(href='#' class='l-card-list__card') | 20 | +card(href='#' class='l-card-list__card') |
| 21 | +card-body(hidden=true) | ||
| 22 | +card-title= 'XS Heading' | ||
| 23 | +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) | ||
| 24 | |||
| 25 | +card(href='#' class='l-card-list__card') | ||
| 5 | +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) | 26 | +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) |
| 6 | +card-avatar(src='avatar.png') | 27 | +card-avatar(src='avatar.png') |
| 7 | +card-body | 28 | +card-body |