diff options
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/objects/list-group.pug | 8 | ||||
| -rw-r--r-- | tpl/views/list-group.pug | 7 |
2 files changed, 14 insertions, 1 deletions
diff --git a/tpl/objects/list-group.pug b/tpl/objects/list-group.pug index ad3c212..e9db236 100644 --- a/tpl/objects/list-group.pug +++ b/tpl/objects/list-group.pug | |||
| @@ -1,5 +1,11 @@ | |||
| 1 | mixin list-group | 1 | mixin list-group |
| 2 | .o-list-group | 2 | - |
| 3 | let classes = { | ||
| 4 | 'o-list-group': true, | ||
| 5 | 'o-list-group--horizontal': attributes.horizontal, | ||
| 6 | } | ||
| 7 | |||
| 8 | div(class=classes) | ||
| 3 | block | 9 | block |
| 4 | 10 | ||
| 5 | mixin list-group-item | 11 | mixin list-group-item |
diff --git a/tpl/views/list-group.pug b/tpl/views/list-group.pug index 9acef31..9c6b132 100644 --- a/tpl/views/list-group.pug +++ b/tpl/views/list-group.pug | |||
| @@ -13,3 +13,10 @@ mixin view-list-group | |||
| 13 | +list-group-item(interactive=true)= 'Second item' | 13 | +list-group-item(interactive=true)= 'Second item' |
| 14 | +list-group-item(interactive=true)= 'Third item' | 14 | +list-group-item(interactive=true)= 'Third item' |
| 15 | +list-group-item(interactive=true)= 'Fourth item' | 15 | +list-group-item(interactive=true)= 'Fourth item' |
| 16 | |||
| 17 | .c-box | ||
| 18 | +list-group(horizontal=true) | ||
| 19 | +list-group-item(interactive=true)= 'First item' | ||
| 20 | +list-group-item(interactive=true)= 'Second item' | ||
| 21 | +list-group-item(interactive=true)= 'Third item' | ||
| 22 | +list-group-item(interactive=true)= 'Fourth item' | ||
