Improved card and card list

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 @@
 mixin view-card 
     +view('card', 'Card')(wide=true)
+        .l-card-list.l-card-list--merge
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+
+        +divider('faint')(class='u-mb-700')
+
         .l-card-list.l-card-list--masonry
             +card(href='#' class='l-card-list__card')
+                +card-body(hidden=true)
+                    +card-title= 'XS Heading'
+                +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
+
+            +card(href='#' class='l-card-list__card')
                 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
                 +card-avatar(src='avatar.png')
                 +card-body