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 | |
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
-rw-r--r-- | src/objects/_icon.scss | 23 | ||||
-rw-r--r-- | tpl/objects/menu.pug | 25 |
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 | ||
41 | mixin menu-header | 42 | mixin menu-header |
42 | header.o-menu__header | 43 | header.o-menu__header |