summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/objects/_icon.scss23
-rw-r--r--tpl/objects/menu.pug25
2 files changed, 13 insertions, 35 deletions
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss
index 933389b..e613ec2 100644
--- a/src/objects/_icon.scss
+++ b/src/objects/_icon.scss
@@ -14,27 +14,4 @@
14 display: block; 14 display: block;
15 } 15 }
16 } 16 }
17
18 @keyframes rotate {
19 100% {
20 transform: rotate(360deg);
21 }
22 }
23
24 @keyframes dash {
25 0% {
26 stroke-dasharray: 1, 200;
27 stroke-dashoffset: 0;
28 }
29
30 50% {
31 stroke-dasharray: 89, 200;
32 stroke-dashoffset: -35px;
33 }
34
35 100% {
36 stroke-dasharray: 89, 200;
37 stroke-dashoffset: -124px;
38 }
39 }
40} 17}
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
41mixin menu-header 42mixin menu-header
42 header.o-menu__header 43 header.o-menu__header