summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-11-07 13:36:24 +0100
committerVolpeon <git@volpeon.ink>2023-11-07 13:36:24 +0100
commit794e7113436a421cbaf193fa719d9e26a6be5227 (patch)
tree9326e780c8d928d67dffb4c88a6bef6eacfdc551 /src/layouts
parentConsistent divider height (diff)
downloadiro-design-794e7113436a421cbaf193fa719d9e26a6be5227.tar.gz
iro-design-794e7113436a421cbaf193fa719d9e26a6be5227.tar.bz2
iro-design-794e7113436a421cbaf193fa719d9e26a6be5227.zip
Changed bubble group spacing implementation
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_bubble-group.scss14
1 files changed, 12 insertions, 2 deletions
diff --git a/src/layouts/_bubble-group.scss b/src/layouts/_bubble-group.scss
index b4062a1..fc861aa 100644
--- a/src/layouts/_bubble-group.scss
+++ b/src/layouts/_bubble-group.scss
@@ -20,7 +20,7 @@
20 grid-auto-rows: auto; 20 grid-auto-rows: auto;
21 grid-template-areas: 'avatar bubble' 'avatar .'; 21 grid-template-areas: 'avatar bubble' 'avatar .';
22 align-items: flex-start; 22 align-items: flex-start;
23 gap: fn.dim(--spacing-y) fn.dim(--spacing-x); 23 gap: 0 fn.dim(--spacing-x);
24 24
25 @include iro.bem-elem('avatar') { 25 @include iro.bem-elem('avatar') {
26 grid-area: avatar; 26 grid-area: avatar;
@@ -31,10 +31,14 @@
31 box-sizing: border-box; 31 box-sizing: border-box;
32 min-width: 0; 32 min-width: 0;
33 max-width: 100%; 33 max-width: 100%;
34
35 @include iro.bem-next-twin-elem {
36 margin-top: fn.dim(--spacing-y);
37 }
34 } 38 }
35 39
36 @include iro.bem-modifier('compact') { 40 @include iro.bem-modifier('compact') {
37 gap: fn.dim(--compact --spacing-y) fn.dim(--compact --spacing-x); 41 gap: 0 fn.dim(--compact --spacing-x);
38 42
39 @include iro.bem-modifier('left') { 43 @include iro.bem-modifier('left') {
40 justify-items: start; 44 justify-items: start;
@@ -43,6 +47,12 @@
43 @include iro.bem-modifier('right') { 47 @include iro.bem-modifier('right') {
44 justify-items: end; 48 justify-items: end;
45 } 49 }
50
51 @include iro.bem-elem('bubble') {
52 @include iro.bem-next-twin-elem {
53 margin-top: fn.dim(--compact --spacing-y);
54 }
55 }
46 } 56 }
47 57
48 @include iro.bem-modifier('right') { 58 @include iro.bem-modifier('right') {