From aeed08dc46662a0d70e04bcea612a701633736e7 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 13:00:59 +0200
Subject: Revert "Paths"

This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.
---
 src/objects/_dialog.scss | 72 +++++++++++++++++++++++-------------------------
 1 file changed, 35 insertions(+), 37 deletions(-)

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

diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index f5584e6..d2ee8c3 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -1,29 +1,29 @@
-@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 "dialog.vars";
-@use "dialog.vars" as vars;
+@forward 'dialog.vars';
+@use 'dialog.vars' as vars;
 
-@use "backdrop.vars" as backdrop;
-@use "divider.vars" as divider;
+@use 'backdrop.vars' as backdrop;
+@use 'divider.vars' as divider;
 
 @mixin styles {
-	@include materialize-at-root(meta.module-variables("vars"));
+	@include materialize-at-root(meta.module-variables('vars'));
 
-	@include bem.object("dialog") {
-		display: none;
-		box-sizing: border-box;
-		inline-size: 100%;
-		max-inline-size: none;
-		block-size: 100%;
-		min-block-size: 0;
-		max-block-size: none;
-		padding: props.get(vars.$pad-b) props.get(vars.$pad-i);
-		margin: 0;
+	@include bem.object('dialog') {
+		display:          none;
+		box-sizing:       border-box;
+		inline-size:      100%;
+		max-inline-size:  none;
+		block-size:       100%;
+		min-block-size:   0;
+		max-block-size:   none;
+		padding:          props.get(vars.$pad-b) props.get(vars.$pad-i);
+		margin:           0;
 		background-color: transparent;
-		border: 0;
+		border:           0;
 
 		&::backdrop {
 			background-color: props.get(backdrop.$bg-color);
@@ -31,40 +31,38 @@
 		}
 
 		&[open],
-		&:popover-open {
-			display: flex;
+	 	&:popover-open {
+			display:        flex;
 			flex-direction: column;
 		}
 
-		@include bem.elem("content") {
-			pointer-events: auto;
-			border-radius: props.get(vars.$rounding);
+		@include bem.elem('content') {
+			pointer-events:   auto;
+			border-radius:    props.get(vars.$rounding);
 			background-color: props.get(vars.$bg-color);
 		}
 
-		@include bem.elem("header") {
-			display: flex;
+		@include bem.elem('header') {
+			display:     flex;
 			align-items: center;
-			padding: props.get(vars.$body--pad-i) props.get(vars.$body--pad-i) 0;
+			padding:     props.get(vars.$body--pad-i) props.get(vars.$body--pad-i) 0;
 		}
 
-		@include bem.elem("divider") {
+		@include bem.elem('divider') {
 			margin-inline: props.get(vars.$body--pad-i);
 
-			@include bem.next-elem("body") {
-				padding-block-start: calc(
-					0.5 * props.get(vars.$body--pad-b) - props.get(divider.$margin-b)
-				);
+			@include bem.next-elem('body') {
+				padding-block-start: calc(.5 * props.get(vars.$body--pad-b) - props.get(divider.$margin-b));
 			}
 		}
 
-		@include bem.elem("body") {
+		@include bem.elem('body') {
 			padding: props.get(vars.$body--pad-b) props.get(vars.$body--pad-i);
 
 			&::before {
-				display: block;
-				margin-block: -100em 100em;
-				content: "";
+				display:       block;
+				margin-block:  -100em 100em;
+				content:       '';
 			}
 		}
 	}
-- 
cgit v1.3.1