From 943ee062fe2c0344165e28f4d612176878159133 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 21 Jul 2025 16:03:52 +0200 Subject: Consolidating button, action-button and badge; change design to have some 3D components --- src/objects/_popover.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'src/objects/_popover.scss') diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss index 3fe6310..4356dff 100644 --- a/src/objects/_popover.scss +++ b/src/objects/_popover.scss @@ -19,10 +19,16 @@ margin: 0; color: currentColor; background-color: props.get(vars.$bg-color); - filter: props.get(vars.$filter); - border: props.get(vars.$border-width) solid props.get(vars.$border-color); + border: props.get(vars.$border-width) solid transparent; + border-color: props.get(vars.$border-color); border-radius: props.get(vars.$rounding); transform: translate(var(--x), var(--y)); + box-shadow: + props.get(vars.$shadow-x) + props.get(vars.$shadow-y) + props.get(vars.$shadow-blur) + props.get(vars.$shadow-grow) + props.get(vars.$shadow-color); @include bem.modifier('up-left') { transform: translate(var(--x), calc(var(--y) - 100%)); -- cgit v1.3.1