blob: 19b06c4dbf37b343b1cca420c02b7445963fd494 (
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
|
mixin view-bubble-group
+view('bubble-group', 'Bubble group')
.c-box.l-overflow(style='resize: vertical')
+bubble-group('Volpeon')(compact=true arrow=true)
+bubble('Volpeon')(compact=true class='l-bubble-group__bubble')
+slot('body')= 'Compact bubbles test'
+slot('time')= '12:34'
+bubble()(compact=true class='l-bubble-group__bubble')
+slot('body')= loremIpsum
+slot('time')= '12:35'
+bubble()(compact=true class='l-bubble-group__bubble')
+slot('body')= 'qwertzuiop'
+slot('time')= '12:36'
+bubble()(compact=true class='l-bubble-group__bubble')
+slot('body')= '🐈️🦊️'
+slot('time')= '12:38'
+bubble()(compact=true class='l-bubble-group__bubble')
+slot('body')= loremIpsum
+slot('time')= '12:39'
.c-box.l-overflow(style='resize: vertical')
+bubble-group('Volpeon')
+bubble()(class='l-bubble-group__bubble')
+slot('header')
.l-card.l-card--flush
.l-card__block.l-card__block--main
strong= 'Volpeon'
small.u-ml-100= '@volpeon@mk.vulpes.one'
small.l-card__block
= '5 minutes ago'
+icon('lock')(class='u-ml-100')
+slot('body')= 'Full width bubbles test'
+bubble()(class='l-bubble-group__bubble')
+slot('body')= loremIpsum
+bubble()(class='l-bubble-group__bubble')
+slot('body')= 'qwertzuiop'
+bubble()(class='l-bubble-group__bubble')
+slot('body')= '🐈️🦊️'
+bubble()(class='l-bubble-group__bubble')
+slot('body')= loremIpsum
|
