diff options
Diffstat (limited to 'tpl/objects/overflow-button.pug')
-rw-r--r-- | tpl/objects/overflow-button.pug | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/tpl/objects/overflow-button.pug b/tpl/objects/overflow-button.pug new file mode 100644 index 0000000..f52f12b --- /dev/null +++ b/tpl/objects/overflow-button.pug | |||
@@ -0,0 +1,22 @@ | |||
1 | include icon.pug | ||
2 | |||
3 | mixin overflow-button | ||
4 | - | ||
5 | let classes = { | ||
6 | 'o-overflow-button': true, | ||
7 | 'u-d-block': attributes.block, | ||
8 | 'is-selected': attributes.selected | ||
9 | } | ||
10 | if (attributes.class) { | ||
11 | classes[attributes.class] = true; | ||
12 | } | ||
13 | |||
14 | let href = attributes.disabled ? null : '#'; | ||
15 | |||
16 | a(class=classes href=href) | ||
17 | .o-overflow-button__inside | ||
18 | if attributes.icon | ||
19 | +icon(attributes.icon)(block=!block) | ||
20 | = ' ' | ||
21 | .o-overflow-button__outside | ||
22 | block | ||