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) |
