diff options
| author | Volpeon <git@volpeon.ink> | 2022-04-03 12:03:11 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-04-03 12:03:11 +0200 |
| commit | 82f04339218f6dd4fbdb0b416604f2e5fc3e419a (patch) | |
| tree | 6fefb3b0903312de8580858d41e79d86c0f7f58c /tpl | |
| parent | Added icon nav component (diff) | |
| download | iro-design-82f04339218f6dd4fbdb0b416604f2e5fc3e419a.tar.gz iro-design-82f04339218f6dd4fbdb0b416604f2e5fc3e419a.tar.bz2 iro-design-82f04339218f6dd4fbdb0b416604f2e5fc3e419a.zip | |
Don't include loading-indicator-specific keyframes
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 |