From 120ad0cdc11143fb6f184bcbca332dbf8a2114e8 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 28 Mar 2022 09:00:40 +0200 Subject: Improved bubble --- src/layouts/_bubble-group.scss | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) (limited to 'src/layouts/_bubble-group.scss') diff --git a/src/layouts/_bubble-group.scss b/src/layouts/_bubble-group.scss index 7593881..3e280b5 100644 --- a/src/layouts/_bubble-group.scss +++ b/src/layouts/_bubble-group.scss @@ -5,7 +5,12 @@ @include iro.props-store(( --dims: ( --spacing-x: fn.global-dim(--size --225), - --spacing-y: fn.global-dim(--size --50), + --spacing-y: fn.global-dim(--size --150), + + --compact: ( + --spacing-x: fn.global-dim(--size --225), + --spacing-y: fn.global-dim(--size --50), + ) ) ), 'dims'); @@ -18,10 +23,7 @@ gap: fn.dim(--spacing-y) fn.dim(--spacing-x); @include iro.bem-elem('avatar') { - grid-area: avatar; - position: sticky; - top: 0; - justify-self: end; + grid-area: avatar; } @include iro.bem-elem('bubble') { @@ -30,6 +32,7 @@ @include iro.bem-modifier('compact') { justify-items: start; + gap: fn.dim(--compact --spacing-y) fn.dim(--compact --spacing-x); } @include iro.bem-modifier('arrow') { -- cgit v1.2.3-70-g09d2