diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/objects/badge.pug | 16 | ||||
-rw-r--r-- | tpl/objects/button.pug | 7 | ||||
-rw-r--r-- | tpl/views/button.pug | 9 |
3 files changed, 27 insertions, 5 deletions
diff --git a/tpl/objects/badge.pug b/tpl/objects/badge.pug index c91e74f..48e4029 100644 --- a/tpl/objects/badge.pug +++ b/tpl/objects/badge.pug | |||
@@ -18,12 +18,20 @@ mixin badge(variant) | |||
18 | if attributes.icon | 18 | if attributes.icon |
19 | +icon(attributes.icon) | 19 | +icon(attributes.icon) |
20 | = ' ' | 20 | = ' ' |
21 | span.o-badge__label | 21 | if block |
22 | block | 22 | span.o-badge__label |
23 | block | ||
24 | if attributes.postIcon | ||
25 | = ' ' | ||
26 | +icon(attributes.postIcon) | ||
23 | else | 27 | else |
24 | span(class=classes) | 28 | span(class=classes) |
25 | if attributes.icon | 29 | if attributes.icon |
26 | +icon(attributes.icon) | 30 | +icon(attributes.icon) |
27 | = ' ' | 31 | = ' ' |
28 | span.o-badge__label | 32 | if block |
29 | block | 33 | span.o-badge__label |
34 | block | ||
35 | if attributes.postIcon | ||
36 | = ' ' | ||
37 | +icon(attributes.postIcon) | ||
diff --git a/tpl/objects/button.pug b/tpl/objects/button.pug index 1fa3347..0884c8d 100644 --- a/tpl/objects/button.pug +++ b/tpl/objects/button.pug | |||
@@ -20,4 +20,9 @@ mixin a-button | |||
20 | if attributes.icon | 20 | if attributes.icon |
21 | +icon(attributes.icon) | 21 | +icon(attributes.icon) |
22 | = ' ' | 22 | = ' ' |
23 | block | 23 | if block |
24 | span.o-button__label | ||
25 | block | ||
26 | if attributes.postIcon | ||
27 | = ' ' | ||
28 | +icon(attributes.postIcon) | ||
diff --git a/tpl/views/button.pug b/tpl/views/button.pug index eacf302..edd8ef6 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug | |||
@@ -19,6 +19,15 @@ mixin view-button | |||
19 | +a-button(size='xl' outline=true)= 'Button' | 19 | +a-button(size='xl' outline=true)= 'Button' |
20 | 20 | ||
21 | .c-box | 21 | .c-box |
22 | +a-button(postIcon='arrow-right' size='sm')= 'Button' | ||
23 | = ' ' | ||
24 | +a-button(postIcon='arrow-right')= 'Button' | ||
25 | = ' ' | ||
26 | +a-button(postIcon='arrow-right' size='lg')= 'Button' | ||
27 | = ' ' | ||
28 | +a-button(postIcon='arrow-right' size='xl')= 'Button' | ||
29 | |||
30 | .c-box | ||
22 | .l-button-group | 31 | .l-button-group |
23 | +a-button= 'Button' | 32 | +a-button= 'Button' |
24 | +a-button(disabled=true)= 'Button' | 33 | +a-button(disabled=true)= 'Button' |