diff options
| author | Volpeon <git@volpeon.ink> | 2026-03-03 11:32:57 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-03-03 11:32:57 +0100 |
| commit | 0898d9a3b3bead6912143b64acda96824af6e9b9 (patch) | |
| tree | 7ce9665b02512be9aa046e39897af24f6370cae1 /tpl | |
| parent | Update _utils.scss (diff) | |
| download | iro-design-0898d9a3b3bead6912143b64acda96824af6e9b9.tar.gz iro-design-0898d9a3b3bead6912143b64acda96824af6e9b9.tar.bz2 iro-design-0898d9a3b3bead6912143b64acda96824af6e9b9.zip | |
Improved merged card list layout
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/views/card.pug | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/tpl/views/card.pug b/tpl/views/card.pug index e982925..e802aab 100644 --- a/tpl/views/card.pug +++ b/tpl/views/card.pug | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | mixin view-card | 1 | mixin view-card |
| 2 | +view('card', 'Card')(wide=true) | 2 | +view('card', 'Card')(wide=true) |
| 3 | .l-card-list | 3 | .l-card-list |
| 4 | +card(href='#' class='l-card-list__card') | 4 | +card(href='#' class='l-card-list__card') |
| @@ -21,15 +21,15 @@ mixin view-card | |||
| 21 | +divider('faint')(class='u-mb-700') | 21 | +divider('faint')(class='u-mb-700') |
| 22 | 22 | ||
| 23 | .l-card-list.l-card-list--merge | 23 | .l-card-list.l-card-list--merge |
| 24 | +card(href='#' class='l-card-list__card' borderless=true) | 24 | +card(href='#' class='l-card-list__card') |
| 25 | +card-body | 25 | +card-body |
| 26 | strong= 'Lorem ipsum dolor' | 26 | strong= 'Lorem ipsum dolor' |
| 27 | = 'sit amet' | 27 | = 'sit amet' |
| 28 | +card(href='#' class='l-card-list__card' borderless=true) | 28 | +card(href='#' class='l-card-list__card') |
| 29 | +card-body | 29 | +card-body |
| 30 | strong= 'Lorem ipsum dolor' | 30 | strong= 'Lorem ipsum dolor' |
| 31 | = 'sit amet' | 31 | = 'sit amet' |
| 32 | +card(href='#' class='l-card-list__card' borderless=true) | 32 | +card(href='#' class='l-card-list__card') |
| 33 | +card-body | 33 | +card-body |
| 34 | strong= 'Lorem ipsum dolor' | 34 | strong= 'Lorem ipsum dolor' |
| 35 | = 'sit amet' | 35 | = 'sit amet' |
| @@ -37,15 +37,15 @@ mixin view-card | |||
| 37 | +divider('faint')(class='u-mb-700') | 37 | +divider('faint')(class='u-mb-700') |
| 38 | 38 | ||
| 39 | .l-card-list.l-card-list--merge.l-card-list--borderless.l-card-list--shadow | 39 | .l-card-list.l-card-list--merge.l-card-list--borderless.l-card-list--shadow |
| 40 | +card(href='#' class='l-card-list__card' borderless=true) | 40 | +card(href='#' class='l-card-list__card') |
| 41 | +card-body | 41 | +card-body |
| 42 | strong= 'Lorem ipsum dolor' | 42 | strong= 'Lorem ipsum dolor' |
| 43 | = 'sit amet' | 43 | = 'sit amet' |
| 44 | +card(href='#' class='l-card-list__card' borderless=true) | 44 | +card(href='#' class='l-card-list__card') |
| 45 | +card-body | 45 | +card-body |
| 46 | strong= 'Lorem ipsum dolor' | 46 | strong= 'Lorem ipsum dolor' |
| 47 | = 'sit amet' | 47 | = 'sit amet' |
| 48 | +card(href='#' class='l-card-list__card' borderless=true) | 48 | +card(href='#' class='l-card-list__card') |
| 49 | +card-body | 49 | +card-body |
| 50 | strong= 'Lorem ipsum dolor' | 50 | strong= 'Lorem ipsum dolor' |
| 51 | = 'sit amet' | 51 | = 'sit amet' |