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) | ||
