diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/objects/menu.pug | 25 |
1 files changed, 13 insertions, 12 deletions
diff --git a/tpl/objects/menu.pug b/tpl/objects/menu.pug index f9d59b8..3cc092a 100644 --- a/tpl/objects/menu.pug +++ b/tpl/objects/menu.pug | |||
@@ -18,6 +18,8 @@ mixin menu-item | |||
18 | - | 18 | - |
19 | let classes = { | 19 | let classes = { |
20 | 'o-menu__item': true, | 20 | 'o-menu__item': true, |
21 | 'l-card': true, | ||
22 | 'l-card--75': true, | ||
21 | 'is-selected': attributes.selected, | 23 | 'is-selected': attributes.selected, |
22 | } | 24 | } |
23 | if (attributes.class) { | 25 | if (attributes.class) { |
@@ -25,18 +27,17 @@ mixin menu-item | |||
25 | } | 27 | } |
26 | 28 | ||
27 | #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes) | 29 | #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes) |
28 | .l-card.l-card--flush.l-card--75 | 30 | if attributes.icon |
29 | if attributes.icon | 31 | .l-card__block.o-menu__icon-slot |
30 | .l-card__block.o-menu__icon-slot | 32 | if attributes.iconIsStatus |
31 | if attributes.iconIsStatus | 33 | +status-indicator(attributes.icon)(class='o-menu__icon') |
32 | +status-indicator(attributes.icon)(class='o-menu__icon') | 34 | else |
33 | else | 35 | +icon(attributes.icon)(class='o-menu__icon') |
34 | +icon(attributes.icon)(class='o-menu__icon') | 36 | .l-card__block.l-card__block--main&attributes({ class: attributes.contentClass }) |
35 | .l-card__block.l-card__block--main&attributes({ class: attributes.contentClass }) | 37 | block |
36 | block | 38 | if attributes.postIcon |
37 | if attributes.postIcon | 39 | .l-card__block.o-menu__icon-slot |
38 | .l-card__block.o-menu__icon-slot | 40 | +icon(attributes.postIcon)(class='o-menu__icon') |
39 | +icon(attributes.postIcon)(class='o-menu__icon') | ||
40 | 41 | ||
41 | mixin menu-header | 42 | mixin menu-header |
42 | header.o-menu__header | 43 | header.o-menu__header |