summaryrefslogtreecommitdiffstats
path: root/src/_props.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_props.scss')
-rw-r--r--src/_props.scss16
1 files changed, 7 insertions, 9 deletions
diff --git a/src/_props.scss b/src/_props.scss
index 09082a3..8529cd8 100644
--- a/src/_props.scss
+++ b/src/_props.scss
@@ -3,9 +3,7 @@
3@use 'sass:meta'; 3@use 'sass:meta';
4@use 'config'; 4@use 'config';
5@use 'include-media/dist/include-media' as media; 5@use 'include-media/dist/include-media' as media;
6@use 'iro-sass/src/iro-sass' as iro; 6@use 'iro-sass/src/props' as props;
7
8@forward 'iro-sass/src/props';
9 7
10@mixin materialize($ref) { 8@mixin materialize($ref) {
11 @if meta.type-of($ref) == 'map' { 9 @if meta.type-of($ref) == 'map' {
@@ -13,32 +11,32 @@
13 } 11 }
14 12
15 :root { 13 :root {
16 @include iro.props-materialize($ref, null); 14 @include props.materialize($ref, null);
17 15
18 @each $breakpoint in map.keys(media.$breakpoints) { 16 @each $breakpoint in map.keys(media.$breakpoints) {
19 @include media.media('<=#{$breakpoint}') { 17 @include media.media('<=#{$breakpoint}') {
20 @include iro.props-materialize($ref, $breakpoint); 18 @include props.materialize($ref, $breakpoint);
21 } 19 }
22 } 20 }
23 21
24 @media (prefers-color-scheme: dark) { 22 @media (prefers-color-scheme: dark) {
25 @include iro.props-materialize($ref, 'dark'); 23 @include props.materialize($ref, 'dark');
26 } 24 }
27 } 25 }
28 26
29 @each $theme-name in map.keys(config.$themes) { 27 @each $theme-name in map.keys(config.$themes) {
30 @if $theme-name != config.$theme-default { 28 @if $theme-name != config.$theme-default {
31 @include iro.bem-theme($theme-name) { 29 @include iro.bem-theme($theme-name) {
32 @include iro.props-materialize($ref, null); 30 @include props.materialize($ref, null);
33 31
34 @each $breakpoint in map.keys(media.$breakpoints) { 32 @each $breakpoint in map.keys(media.$breakpoints) {
35 @include media.media('<=#{$breakpoint}') { 33 @include media.media('<=#{$breakpoint}') {
36 @include iro.props-materialize($ref, $breakpoint); 34 @include props.materialize($ref, $breakpoint);
37 } 35 }
38 } 36 }
39 37
40 @media (prefers-color-scheme: dark) { 38 @media (prefers-color-scheme: dark) {
41 @include iro.props-materialize($ref, 'dark'); 39 @include props.materialize($ref, 'dark');
42 } 40 }
43 } 41 }
44 } 42 }