From 7a3ca5b13bd348da565c87088cd7fc97650fce29 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 20 Oct 2024 11:37:08 +0200
Subject: Fix materialization
---
src/layouts/_button-group.scss | 3 ++-
src/layouts/_card-list.scss | 3 ++-
src/layouts/_container.scss | 3 ++-
src/layouts/_form.scss | 3 ++-
src/layouts/_media.scss | 3 ++-
5 files changed, 10 insertions(+), 5 deletions(-)
(limited to 'src/layouts')
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index 3901cae..58d0986 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -1,12 +1,13 @@
@use 'sass:meta';
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/props';
+@use '../props' as *;
@forward 'button-group.vars';
@use 'button-group.vars' as vars;
@mixin styles {
- @include props.materialize(meta.module-variables('vars'));
+ @include materialize-at-root(meta.module-variables('vars'));
@include iro.bem-layout('button-group') {
display: flex;
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index b5d76a6..ecd767f 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -2,12 +2,13 @@
@use 'include-media/dist/include-media' as media;
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/props';
+@use '../props' as *;
@forward 'card-list.vars';
@use 'card-list.vars' as vars;
@mixin styles {
- @include props.materialize(meta.module-variables('vars'));
+ @include materialize-at-root(meta.module-variables('vars'));
@include iro.bem-layout('card-list') {
display: flex;
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 7c43bad..8b2ed20 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -1,12 +1,13 @@
@use 'sass:meta';
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/props';
+@use '../props' as *;
@forward 'container.vars';
@use 'container.vars' as vars;
@mixin styles {
- @include props.materialize(meta.module-variables('vars'));
+ @include materialize-at-root(meta.module-variables('vars'));
@include iro.bem-layout('container') {
@each $mod, $size in vars.$fixed-sizes {
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 2626722..0bb9d4a 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -1,12 +1,13 @@
@use 'sass:meta';
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/props';
+@use '../props' as *;
@forward 'form.vars';
@use 'form.vars' as vars;
@mixin styles {
- @include props.materialize(meta.module-variables('vars'));
+ @include materialize-at-root(meta.module-variables('vars'));
@include iro.bem-layout('form') {
display: flex;
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index 8b8acd4..5658222 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -1,12 +1,13 @@
@use 'sass:meta';
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/props';
+@use '../props' as *;
@forward 'media.vars';
@use 'media.vars' as vars;
@mixin styles {
- @include props.materialize(meta.module-variables('vars'));
+ @include materialize-at-root(meta.module-variables('vars'));
@include iro.bem-layout('media') {
display: flex;
--
cgit v1.2.3-70-g09d2