Improved bubble group customization

1 files changed, 12 insertions, 3 deletions

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') {