summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2025-07-22 19:18:29 +0200
committerVolpeon <git@volpeon.ink>2025-07-22 19:18:29 +0200
commit15b7d391046151ae0ca8dadce8b973b80edacc1f (patch)
tree290edbc282fbd7a4ac30583c17064bfd62b91962 /tpl
parentFix (diff)
downloadiro-design-15b7d391046151ae0ca8dadce8b973b80edacc1f.tar.gz
iro-design-15b7d391046151ae0ca8dadce8b973b80edacc1f.tar.bz2
iro-design-15b7d391046151ae0ca8dadce8b973b80edacc1f.zip
Improved card
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/card.pug1
-rw-r--r--tpl/views/card.pug8
2 files changed, 5 insertions, 4 deletions
diff --git a/tpl/objects/card.pug b/tpl/objects/card.pug
index 514b9d3..cd4f75c 100644
--- a/tpl/objects/card.pug
+++ b/tpl/objects/card.pug
@@ -3,6 +3,7 @@ mixin card
3 let classes = { 3 let classes = {
4 'o-card': true, 4 'o-card': true,
5 'o-card--borderless': !!attributes.borderless, 5 'o-card--borderless': !!attributes.borderless,
6 'o-card--merge': !!attributes.merge,
6 'o-card--quiet': !!attributes.quiet, 7 'o-card--quiet': !!attributes.quiet,
7 'o-card--thumbnail': !!attributes.thumbnail, 8 'o-card--thumbnail': !!attributes.thumbnail,
8 } 9 }
diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 64e3504..57eab8f 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -9,7 +9,7 @@ mixin view-card
9 +card-body 9 +card-body
10 strong= 'Lorem ipsum dolor' 10 strong= 'Lorem ipsum dolor'
11 = 'sit amet' 11 = 'sit amet'
12 +card(href='#' class='l-card-list__card') 12 +card(href='#' class='l-card-list__card' borderless=true)
13 +card-body 13 +card-body
14 strong= 'Lorem ipsum dolor' 14 strong= 'Lorem ipsum dolor'
15 = 'sit amet' 15 = 'sit amet'
@@ -17,15 +17,15 @@ mixin view-card
17 +divider('faint')(class='u-mb-700') 17 +divider('faint')(class='u-mb-700')
18 18
19 .l-card-list.l-card-list--merge 19 .l-card-list.l-card-list--merge
20 +card(href='#' class='l-card-list__card' borderless=true) 20 +card(href='#' class='l-card-list__card' merge=true)
21 +card-body 21 +card-body
22 strong= 'Lorem ipsum dolor' 22 strong= 'Lorem ipsum dolor'
23 = 'sit amet' 23 = 'sit amet'
24 +card(href='#' class='l-card-list__card' borderless=true) 24 +card(href='#' class='l-card-list__card' merge=true)
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' merge=true)
29 +card-body 29 +card-body
30 strong= 'Lorem ipsum dolor' 30 strong= 'Lorem ipsum dolor'
31 = 'sit amet' 31 = 'sit amet'