From aeed08dc46662a0d70e04bcea612a701633736e7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 13:00:59 +0200 Subject: Revert "Paths" This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226. --- src/objects/_popover.scss | 54 +++++++++++++++++++++++++---------------------- 1 file changed, 29 insertions(+), 25 deletions(-) (limited to 'src/objects/_popover.scss') diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss index 90187c1..1cb5660 100644 --- a/src/objects/_popover.scss +++ b/src/objects/_popover.scss @@ -1,40 +1,44 @@ -@use "sass:meta"; -@use "pkg:iro-sass/bem"; -@use "pkg:iro-sass/props"; -@use "../props" as *; +@use 'sass:meta'; +@use 'pkg:iro-sass/src/bem'; +@use 'pkg:iro-sass/src/props'; +@use '../props' as *; -@forward "popover.vars"; -@use "popover.vars" as vars; +@forward 'popover.vars'; +@use 'popover.vars' as vars; @mixin styles { - @include materialize-at-root(meta.module-variables("vars")); + @include materialize-at-root(meta.module-variables('vars')); - @include bem.object("popover") { - position: fixed; - inset-block-start: 0; + @include bem.object('popover') { + position: fixed; + inset-block-start: 0; inset-inline-start: 0; - z-index: props.get(vars.$z-index); - padding-block: props.get(vars.$pad-b); - padding-inline: props.get(vars.$pad-i); - margin: 0; - color: currentColor; - background-color: props.get(vars.$bg-color); - border: props.get(vars.$border-width) solid transparent; - border-color: props.get(vars.$border-color); - border-radius: props.get(vars.$rounding); - 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); - transform: translate(var(--x), var(--y)); + z-index: props.get(vars.$z-index); + padding-block: props.get(vars.$pad-b); + padding-inline: props.get(vars.$pad-i); + margin: 0; + color: currentColor; + background-color: props.get(vars.$bg-color); + border: props.get(vars.$border-width) solid transparent; + border-color: props.get(vars.$border-color); + border-radius: props.get(vars.$rounding); + 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); + transform: translate(var(--x), var(--y)); - @include bem.modifier("up-left") { + @include bem.modifier('up-left') { transform: translate(var(--x), calc(var(--y) - 100%)); } - @include bem.modifier("up-right") { + @include bem.modifier('up-right') { transform: translate(calc(var(--x) - 100%), calc(var(--y) - 100%)); } - @include bem.modifier("down-right") { + @include bem.modifier('down-right') { transform: translate(calc(var(--x) - 100%), var(--y)); } } -- cgit v1.3.1