summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_bubble-group.scss30
1 files changed, 28 insertions, 2 deletions
diff --git a/src/layouts/_bubble-group.scss b/src/layouts/_bubble-group.scss
index 9336b44..6ee5c2e 100644
--- a/src/layouts/_bubble-group.scss
+++ b/src/layouts/_bubble-group.scss
@@ -32,8 +32,20 @@
32 } 32 }
33 33
34 @include iro.bem-modifier('compact') { 34 @include iro.bem-modifier('compact') {
35 justify-items: start; 35 gap: fn.dim(--compact --spacing-y) fn.dim(--compact --spacing-x);
36 gap: fn.dim(--compact --spacing-y) fn.dim(--compact --spacing-x); 36
37 @include iro.bem-modifier('left') {
38 justify-items: start;
39 }
40
41 @include iro.bem-modifier('right') {
42 justify-items: end;
43 }
44 }
45
46 @include iro.bem-modifier('right') {
47 grid-template-columns: 1fr auto;
48 grid-template-areas: 'bubble avatar';
37 } 49 }
38 50
39 @include iro.bem-modifier('arrow') { 51 @include iro.bem-modifier('arrow') {
@@ -44,6 +56,20 @@
44 } 56 }
45 } 57 }
46 } 58 }
59
60 @include iro.bem-modifier('right') {
61 @include iro.bem-elem('avatar') {
62 @include iro.bem-next-elem('bubble') {
63 &::before {
64 display: none;
65 }
66
67 &::after {
68 display: block;
69 }
70 }
71 }
72 }
47 } 73 }
48 } 74 }
49} 75}