summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/overflow-button.pug3
-rw-r--r--tpl/views/overflow-button.pug27
2 files changed, 30 insertions, 0 deletions
diff --git a/tpl/objects/overflow-button.pug b/tpl/objects/overflow-button.pug
index f52f12b..301c6b3 100644
--- a/tpl/objects/overflow-button.pug
+++ b/tpl/objects/overflow-button.pug
@@ -7,6 +7,9 @@ mixin overflow-button
7 'u-d-block': attributes.block, 7 'u-d-block': attributes.block,
8 'is-selected': attributes.selected 8 'is-selected': attributes.selected
9 } 9 }
10 if (attributes.variant) {
11 classes['o-overflow-button--' + attributes.variant] = true
12 }
10 if (attributes.class) { 13 if (attributes.class) {
11 classes[attributes.class] = true; 14 classes[attributes.class] = true;
12 } 15 }
diff --git a/tpl/views/overflow-button.pug b/tpl/views/overflow-button.pug
index 112aaab..6eb63a4 100644
--- a/tpl/views/overflow-button.pug
+++ b/tpl/views/overflow-button.pug
@@ -8,3 +8,30 @@ mixin view-overflow-button
8 +overflow-button(icon='trash' disabled=true)= 'Disabled' 8 +overflow-button(icon='trash' disabled=true)= 'Disabled'
9 = ' ' 9 = ' '
10 +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled' 10 +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled'
11
12 .c-box
13 +overflow-button(icon='trash' variant='red')= '123'
14 = ' '
15 +overflow-button(icon='trash' variant='red' selected=true)= 'Delete'
16 = ' '
17 +overflow-button(icon='trash' variant='red' disabled=true)= 'Disabled'
18 = ' '
19 +overflow-button(icon='trash' variant='red' selected=true disabled=true)= 'Selected + disabled'
20
21 .c-box
22 +overflow-button(icon='trash' variant='blue')= '123'
23 = ' '
24 +overflow-button(icon='trash' variant='blue' selected=true)= 'Delete'
25 = ' '
26 +overflow-button(icon='trash' variant='blue' disabled=true)= 'Disabled'
27 = ' '
28 +overflow-button(icon='trash' variant='blue' selected=true disabled=true)= 'Selected + disabled'
29
30 .c-box
31 +overflow-button(icon='trash' variant='green')= '123'
32 = ' '
33 +overflow-button(icon='trash' variant='green' selected=true)= 'Delete'
34 = ' '
35 +overflow-button(icon='trash' variant='green' disabled=true)= 'Disabled'
36 = ' '
37 +overflow-button(icon='trash' variant='green' selected=true disabled=true)= 'Selected + disabled'