From 7ef3a81eab1aa167d3c9abb3b5100bf26001244d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 5 Feb 2023 19:34:44 +0100 Subject: Bubble --- src/objects/_bubble.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss index f1d053f..fc2044b 100644 --- a/src/objects/_bubble.scss +++ b/src/objects/_bubble.scss @@ -6,7 +6,7 @@ --dims: ( --pad-x: fn.global-dim(--size --200), --pad-y: fn.global-dim(--size --150), - --rounding: 3px, + --rounding: 0, --arrow-size: fn.global-dim(--size --100), --75: ( @@ -16,6 +16,12 @@ ) ), 'dims'); + @include iro.props-store(( + --colors: ( + --highlight: fn.global-color(--fg-lo), + ), + ), 'colors'); + @include iro.bem-object(iro.props-namespace()) { position: relative; padding: fn.dim(--pad-y) fn.dim(--pad-x); @@ -33,8 +39,12 @@ border-bottom-color: transparent; border-left-color: transparent; } + + @include iro.bem-modifier('highlight') { + box-shadow: -3px 0 0 0 fn.color(--highlight); + } - @include iro.bem-elem('time') { + @include iro.bem-elem('suffix') { margin-left: 1em; float: right; transform: translate(.2em, .2em); -- cgit v1.2.3-54-g00ecf