From cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 12:27:09 +0200
Subject: Paths

---
 src/objects/_popover.scss | 54 ++++++++++++++++++++++-------------------------
 1 file changed, 25 insertions(+), 29 deletions(-)

(limited to 'src/objects/_popover.scss')

diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index 1cb5660..90187c1 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -1,44 +1,40 @@
-@use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
-@use '../props' as *;
+@use "sass:meta";
+@use "pkg:iro-sass/bem";
+@use "pkg:iro-sass/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