1 files changed, 25 insertions, 31 deletions

diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 0257b32..655e662 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -1,55 +1,49 @@
-@use "sass:meta";
-@use "pkg:iro-sass/bem";
-@use "pkg:iro-sass/props";
-@use "../props" as *;
-@use "icon.vars" as icon;
+@use 'sass:meta';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/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 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 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) - 0.5 * (props.get(vars.$size) - props.get(icon.$size))
-                        );
+                @include bem.modifier('icon') {
+                        margin:         calc(-1 * props.get(vars.$pad) - .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) - 0.5 * (props.get($size) - props.get(icon.$size))
-                                        );
+                                @include bem.modifier('icon') {
+                                        margin: calc(-1 * props.get(vars.$pad) - .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 0.2s ease,
-                                background-color 0.2s ease;
+                        transition:    transform .2s ease, background-color .2s ease;
 
                         &:hover {
                                 background-color: props.get(vars.$bg-color);
-                                transform: scale(props.get(vars.$zoom));
+                                transform:        scale(props.get(vars.$zoom));
                         }
                 }
         }