1 files changed, 15 insertions, 15 deletions

diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index b6732bf..4492ea9 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -1,17 +1,17 @@
-@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 "media.vars";
-@use "media.vars" as vars;
+@forward 'media.vars';
+@use 'media.vars' as vars;
 
 @mixin styles {
-        @include materialize-at-root(meta.module-variables("vars"));
+        @include materialize-at-root(meta.module-variables('vars'));
 
-        @include bem.layout("media") {
-                display: flex;
-                gap: props.get(vars.$gap);
+        @include bem.layout('media') {
+                display:     flex;
+                gap:         props.get(vars.$gap);
                 align-items: center;
                 line-height: 1.4;
 
@@ -21,19 +21,19 @@
                         }
                 }
 
-                @include bem.modifier("wrap") {
+                @include bem.modifier('wrap') {
                         flex-wrap: wrap;
                 }
 
-                @include bem.elem("block") {
+                @include bem.elem('block') {
                         flex: 0 0 auto;
 
-                        @include bem.modifier("shrink", "main") {
-                                flex-shrink: 1;
+                        @include bem.modifier('shrink', 'main') {
+                                flex-shrink:     1;
                                 min-inline-size: 0;
                         }
 
-                        @include bem.modifier("main") {
+                        @include bem.modifier('main') {
                                 inline-size: 100%;
                         }
                 }