diff options
Diffstat (limited to 'tpl/objects/icon-nav.pug')
-rw-r--r-- | tpl/objects/icon-nav.pug | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/tpl/objects/icon-nav.pug b/tpl/objects/icon-nav.pug new file mode 100644 index 0000000..6f45bf6 --- /dev/null +++ b/tpl/objects/icon-nav.pug | |||
@@ -0,0 +1,29 @@ | |||
1 | include icon.pug | ||
2 | include status-indicator.pug | ||
3 | include action-button.pug | ||
4 | |||
5 | mixin icon-nav | ||
6 | - | ||
7 | let classes = { | ||
8 | 'o-icon-nav': true, | ||
9 | 'o-icon-nav--vertical': attributes.vertical, | ||
10 | } | ||
11 | if (attributes.class) { | ||
12 | classes[attributes.class] = true; | ||
13 | } | ||
14 | |||
15 | div(class=classes)&attributes(attributes) | ||
16 | block | ||
17 | |||
18 | mixin icon-nav-item(icon) | ||
19 | - | ||
20 | let classes = { | ||
21 | 'o-icon-nav__item': true, | ||
22 | 'is-selected': attributes.selected, | ||
23 | } | ||
24 | if (attributes.class) { | ||
25 | classes[attributes.class] = true; | ||
26 | } | ||
27 | |||
28 | button(class=classes)&attributes(attributes) | ||
29 | +icon(icon)(block=true) | ||