PathsHEADmaster

1 files changed, 31 insertions, 25 deletions

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 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) - .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));
                         }
                 }
         }