From 5b3cb27f73012404c4d8c7c41746de560e6246c7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 9 Nov 2023 11:04:06 +0100 Subject: Simplified bubble arrows --- src/objects/_bubble.scss | 27 +++------------------------ 1 file changed, 3 insertions(+), 24 deletions(-) (limited to 'src/objects') 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); } -- cgit v1.2.3-54-g00ecf