blob: 5a659dd822e35c125893ee5453752b4b8b542ec7 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
mixin view-dialog
+view('dialog', 'Dialog')
.c-box
+backdrop(pad=true)
+dialog('Lorem ipsum')(flat=true)
+slot('body')
= loremIpsum
.c-box
+backdrop(pad=true)
+dialog('Lorem ipsum')
+slot('body')
p.u-mt-0= loremIpsum
p= loremIpsum
p= loremIpsum
p= loremIpsum
p= loremIpsum
.c-box
+backdrop(pad=true)
+dialog('Lorem ipsum')(scrollable=true)
+slot('body')
p.u-mt-0= loremIpsum
p= loremIpsum
p= loremIpsum
p= loremIpsum
p= loremIpsum
.c-box
+backdrop(pad=true)
+dialog('Tags')(sidebarTitle='#channel')
+slot('sidebar')
+menu(style={ 'min-width': '10em' })
+menu-item(icon='bookmark')= 'Bookmark'
+menu-item(icon='tags', selected=true)= 'Tags'
+menu-item(icon='hash')= 'achannel'
+slot('body')
p.u-mt-0= loremIpsum
.c-box
+backdrop(pad=true)
+dialog('#channel')
+slot('sidebar')
+menu(style={ 'min-width': '10em' })
+menu-item(icon='bookmark')= 'Bookmark'
+menu-item(icon='tags', selected=true)= 'Tags'
+menu-item(icon='hash')= 'achannel'
+slot('body')
p.u-mt-0= loremIpsum
.c-box
+backdrop(pad=true)
+dialog
+slot('header')
.l-media__block.l-flex
+action-button(quiet=true icon='chevron-left')
+action-button(quiet=true icon='chevron-right')
.l-media__block.l-media__block--main
+div-heading('xl')(class="u-mt-0")= 'Tags'
+slot('sidebar')
+menu(style={ 'min-width': '10em' })
+menu-item(icon='bookmark')= 'Bookmark'
+menu-item(icon='tags', selected=true)= 'Tags'
+menu-item(icon='hash')= 'achannel'
+slot('body')
p.u-mt-0= loremIpsum
|
