summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug17
-rw-r--r--tpl/objects/action-menu.pug5
2 files changed, 14 insertions, 8 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index a59526e..1b10016 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -285,7 +285,7 @@ html
285 +text-field(placeholder='Example: Volpeon') 285 +text-field(placeholder='Example: Volpeon')
286 286
287 +form-item('Password', 'At least 6 characters, all characters allowed') 287 +form-item('Password', 'At least 6 characters, all characters allowed')
288 +text-field(placeholder='Example: hunter2', type='password') 288 +text-field(placeholder='Example: hunter2' type='password')
289 289
290 +form-item('Bio') 290 +form-item('Bio')
291 +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...') 291 +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...')
@@ -443,10 +443,13 @@ html
443 +rule(level='medium') 443 +rule(level='medium')
444 444
445 +box 445 +box
446 +action-menu 446 div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' })
447 +action-menu-item(icon='trash')= 'Item 1' 447 +action-button(quiet=true selected=true)= 'Menu'
448 +action-menu-item= 'Item 2' 448 +action-menu
449 +action-menu-item= 'Item 3' 449 +action-menu-item(icon='user')= 'View profile'
450 +action-menu-separator 450 +action-menu-separator
451 +action-menu-item= 'Item 4' 451 +action-menu-item(icon='trash')= 'Delete'
452 +action-menu-item(icon='bookmark')= 'Bookmark'
453 +action-menu-item(icon='tags')= 'Tags'
454 +action-menu-item(postIcon='chevron-right')= 'More'
452 455
diff --git a/tpl/objects/action-menu.pug b/tpl/objects/action-menu.pug
index 85f93bf..6ab4e0d 100644
--- a/tpl/objects/action-menu.pug
+++ b/tpl/objects/action-menu.pug
@@ -17,9 +17,12 @@ mixin action-menu-item
17 .l-card.l-card--flush 17 .l-card.l-card--flush
18 .l-card__block.o-action-menu__icon-slot 18 .l-card__block.o-action-menu__icon-slot
19 if attributes.icon 19 if attributes.icon
20 +icon(attributes.icon) 20 +icon(attributes.icon)(class='o-action-menu__icon')
21 .l-card__block.l-card__block--main 21 .l-card__block.l-card__block--main
22 block 22 block
23 .l-card__block.o-action-menu__icon-slot
24 if attributes.postIcon
25 +icon(attributes.postIcon)(class='o-action-menu__icon')
23 26
24mixin action-menu-separator 27mixin action-menu-separator
25 .o-action-menu__separator 28 .o-action-menu__separator