summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_bubble-group.scss21
1 files changed, 14 insertions, 7 deletions
diff --git a/src/layouts/_bubble-group.scss b/src/layouts/_bubble-group.scss
index 4db70d0..7593881 100644
--- a/src/layouts/_bubble-group.scss
+++ b/src/layouts/_bubble-group.scss
@@ -14,7 +14,6 @@
14 grid-template-columns: auto 1fr; 14 grid-template-columns: auto 1fr;
15 grid-auto-rows: auto; 15 grid-auto-rows: auto;
16 grid-template-areas: 'avatar bubble'; 16 grid-template-areas: 'avatar bubble';
17 justify-items: start;
18 align-items: flex-start; 17 align-items: flex-start;
19 gap: fn.dim(--spacing-y) fn.dim(--spacing-x); 18 gap: fn.dim(--spacing-y) fn.dim(--spacing-x);
20 19
@@ -23,16 +22,24 @@
23 position: sticky; 22 position: sticky;
24 top: 0; 23 top: 0;
25 justify-self: end; 24 justify-self: end;
26
27 @include iro.bem-next-elem('bubble') {
28 &::before {
29 display: block;
30 }
31 }
32 } 25 }
33 26
34 @include iro.bem-elem('bubble') { 27 @include iro.bem-elem('bubble') {
35 grid-column: bubble; 28 grid-column: bubble;
36 } 29 }
30
31 @include iro.bem-modifier('compact') {
32 justify-items: start;
33 }
34
35 @include iro.bem-modifier('arrow') {
36 @include iro.bem-elem('avatar') {
37 @include iro.bem-next-elem('bubble') {
38 &::before {
39 display: block;
40 }
41 }
42 }
43 }
37 } 44 }
38} 45}