Simplified bubble arrows

1 files changed, 3 insertions, 24 deletions

diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss
index 477f475..d91b6d1 100644
--- a/src/objects/_bubble.scss
+++ b/src/objects/_bubble.scss
@@ -4,10 +4,9 @@
 @include iro.props-namespace('bubble') {
     @include iro.props-store((
         --dims: (
-            --pad-x:      fn.global-dim(--size --200),
-            --pad-y:      fn.global-dim(--size --150),
-            --rounding:   0,
-            --arrow-size: fn.global-dim(--size --100),
+            --pad-x:    fn.global-dim(--size --200),
+            --pad-y:    fn.global-dim(--size --150),
+            --rounding: 0,
 
             --75: (
                 --pad-x: fn.global-dim(--size --150),
@@ -29,26 +28,6 @@
         background-color: fn.global-color(--bg);
         color:            fn.global-color(--fg);
 
-        &::before,
-        &::after {
-            content:             '';
-            display:             none;
-            position:            absolute;
-            top:                 0;
-            border:              fn.dim(--arrow-size) solid fn.global-color(--bg);
-            border-bottom-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') {
             box-shadow: -3px 0 0 0 fn.color(--highlight);
         }