diff options
Diffstat (limited to 'tpl/objects/card.pug')
-rw-r--r-- | tpl/objects/card.pug | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/tpl/objects/card.pug b/tpl/objects/card.pug index 2ab9bef..feb1441 100644 --- a/tpl/objects/card.pug +++ b/tpl/objects/card.pug | |||
@@ -1,8 +1,11 @@ | |||
1 | mixin card | 1 | mixin card |
2 | - | 2 | - |
3 | let classes = { | 3 | let classes = { |
4 | 'o-card': true, | 4 | 'o-card': true, |
5 | 'o-card--quiet': !!attributes.quiet, | 5 | 'o-card--borderless': !!attributes.borderless, |
6 | 'o-card--shadow': !!attributes.shadow, | ||
7 | 'o-card--quiet': !!attributes.quiet, | ||
8 | 'o-card--thumbnail': !!attributes.thumbnail, | ||
6 | } | 9 | } |
7 | 10 | ||
8 | if (attributes.class) { | 11 | if (attributes.class) { |
@@ -26,7 +29,16 @@ mixin card-image | |||
26 | classes[attributes.class] = true; | 29 | classes[attributes.class] = true; |
27 | } | 30 | } |
28 | 31 | ||
29 | img(class=classes src=attributes.src style=attributes.style) | 32 | let imgClasses = { |
33 | 'o-card__image-img': true, | ||
34 | 'l-card-list__card-image': attributes.list | ||
35 | } | ||
36 | |||
37 | div(class=classes) | ||
38 | img(class=imgClasses src=attributes.src style=attributes.style) | ||
39 | if block | ||
40 | .o-card__image-overlay | ||
41 | block | ||
30 | 42 | ||
31 | mixin card-body | 43 | mixin card-body |
32 | .o-card__body(style=attributes.style) | 44 | .o-card__body(style=attributes.style) |