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/_emoji.scss | 58 +++++++++++++++++++++++++++----------------------
 1 file changed, 32 insertions(+), 26 deletions(-)

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

diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 655e662..0257b32 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -1,49 +1,55 @@
-@use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
-@use '../props' as *;
-@use 'icon.vars' as icon;
+@use "sass:meta";
+@use "pkg:iro-sass/bem";
+@use "pkg:iro-sass/props";
+@use "../props" as *;
+@use "icon.vars" as icon;
 
-@forward 'emoji.vars';
-@use 'emoji.vars' as vars;
+@forward "emoji.vars";
+@use "emoji.vars" as vars;
 
 @mixin styles {
-	@include materialize-at-root(meta.module-variables('vars'));
-
-	@include bem.object('emoji') {
-		position:       relative;
-		display:        inline-block;
-		inline-size:    calc(props.get(vars.$size));
-		block-size:     calc(props.get(vars.$size));
-		padding:        calc(props.get(vars.$pad));
-		margin:         calc(-1 * props.get(vars.$pad));
+	@include materialize-at-root(meta.module-variables("vars"));
+
+	@include bem.object("emoji") {
+		position: relative;
+		display: inline-block;
+		inline-size: calc(props.get(vars.$size));
+		block-size: calc(props.get(vars.$size));
+		padding: calc(props.get(vars.$pad));
+		margin: calc(-1 * props.get(vars.$pad));
 		vertical-align: props.get(vars.$valign);
-		object-fit:     contain;
+		object-fit: contain;
 
-		@include bem.modifier('icon') {
-			margin:         calc(-1 * props.get(vars.$pad) - .5 * (props.get(vars.$size) - props.get(icon.$size)));
+		@include bem.modifier("icon") {
+			margin: calc(
+				-1 * props.get(vars.$pad) - 0.5 * (props.get(vars.$size) - props.get(icon.$size))
+			);
 			vertical-align: props.get(icon.$valign);
 		}
 
 		@each $mod, $size, $valign in vars.$sizes {
 			@include bem.modifier($mod) {
-				inline-size:    props.get($size);
-				block-size:     props.get($size);
+				inline-size: props.get($size);
+				block-size: props.get($size);
 				vertical-align: props.get($valign);
 
-				@include bem.modifier('icon') {
-					margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get($size) - props.get(icon.$size)));
+				@include bem.modifier("icon") {
+					margin: calc(
+						-1 * props.get(vars.$pad) - 0.5 * (props.get($size) - props.get(icon.$size))
+					);
 				}
 			}
 		}
 
-		@include bem.modifier('zoomable') {
+		@include bem.modifier("zoomable") {
 			border-radius: calc(props.get(vars.$rounding) / props.get(vars.$zoom));
-			transition:    transform .2s ease, background-color .2s ease;
+			transition:
+				transform 0.2s ease,
+				background-color 0.2s ease;
 
 			&:hover {
 				background-color: props.get(vars.$bg-color);
-				transform:        scale(props.get(vars.$zoom));
+				transform: scale(props.get(vars.$zoom));
 			}
 		}
 	}
-- 
cgit v1.3.1