From a6b0d8432b737d974a22781b8a210f7c75977bde Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 18 Oct 2023 18:09:33 +0200 Subject: Improved bubble group customization --- src/objects/_bubble.scss | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'src/objects/_bubble.scss') diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss index fc2044b..477f475 100644 --- a/src/objects/_bubble.scss +++ b/src/objects/_bubble.scss @@ -29,15 +29,24 @@ background-color: fn.global-color(--bg); color: fn.global-color(--fg); - &::before { + &::before, + &::after { content: ''; display: none; position: absolute; top: 0; - left: calc(-1 * fn.dim(--arrow-size)); border: fn.dim(--arrow-size) solid fn.global-color(--bg); border-bottom-color: transparent; - border-left-color: transparent; + } + + &::before { + left: calc(-1 * fn.dim(--arrow-size)); + border-left-color: transparent; + } + + &::after { + right: calc(-1 * fn.dim(--arrow-size)); + border-right-color: transparent; } @include iro.bem-modifier('highlight') { -- cgit v1.2.3-70-g09d2