diff options
author | Volpeon <git@volpeon.ink> | 2025-08-06 16:40:56 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2025-08-06 16:40:56 +0200 |
commit | 41b0d0497988274057fc2512c822a6bc9d2d3ebd (patch) | |
tree | 015a95ede42b799ac1fd049baa8b0a853b6d3bb3 /src/_props.scss | |
parent | Fix button font size (diff) | |
download | iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.gz iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.bz2 iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.zip |
Diffstat (limited to 'src/_props.scss')
-rw-r--r-- | src/_props.scss | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/src/_props.scss b/src/_props.scss index 5590aed..0b2306d 100644 --- a/src/_props.scss +++ b/src/_props.scss | |||
@@ -8,41 +8,41 @@ | |||
8 | @use 'iro-sass/src/props'; | 8 | @use 'iro-sass/src/props'; |
9 | 9 | ||
10 | @mixin materialize-at-root($ref) { | 10 | @mixin materialize-at-root($ref) { |
11 | @if meta.type-of($ref) == 'map' { | 11 | @if meta.type-of($ref) == 'map' { |
12 | $ref: map.values($ref); | 12 | $ref: map.values($ref); |
13 | } | 13 | } |
14 | 14 | ||
15 | :root { | 15 | :root { |
16 | @include props.materialize($ref, null); | 16 | @include props.materialize($ref, null); |
17 | @include props.materialize($ref, 'color'); | 17 | @include props.materialize($ref, 'color'); |
18 | 18 | ||
19 | @each $breakpoint in map.keys(media.$breakpoints) { | 19 | @each $breakpoint in map.keys(media.$breakpoints) { |
20 | @include media.media('<=#{$breakpoint}') { | 20 | @include media.media('<=#{$breakpoint}') { |
21 | @include props.materialize($ref, $breakpoint); | 21 | @include props.materialize($ref, $breakpoint); |
22 | } | 22 | } |
23 | } | 23 | } |
24 | 24 | ||
25 | @media (prefers-color-scheme: dark) { | 25 | @media (prefers-color-scheme: dark) { |
26 | @include props.materialize($ref, 'dark'); | 26 | @include props.materialize($ref, 'dark'); |
27 | } | 27 | } |
28 | } | 28 | } |
29 | 29 | ||
30 | @if config.$explicit-dark-theme { | 30 | @if config.$explicit-dark-theme { |
31 | @include bem.theme('dark') { | 31 | @include bem.theme('dark') { |
32 | @include props.materialize($ref, 'color'); | 32 | @include props.materialize($ref, 'color'); |
33 | @include props.materialize($ref, 'dark'); | 33 | @include props.materialize($ref, 'dark'); |
34 | } | 34 | } |
35 | } | 35 | } |
36 | 36 | ||
37 | @each $theme-name in map.keys(config.$themes) { | 37 | @each $theme-name in map.keys(config.$themes) { |
38 | @if $theme-name != config.$theme-default { | 38 | @if $theme-name != config.$theme-default { |
39 | @include bem.theme(string.slice($theme-name, 3)) { | 39 | @include bem.theme(string.slice($theme-name, 3)) { |
40 | @include props.materialize($ref, 'color'); | 40 | @include props.materialize($ref, 'color'); |
41 | 41 | ||
42 | @media (prefers-color-scheme: dark) { | 42 | @media (prefers-color-scheme: dark) { |
43 | @include props.materialize($ref, 'dark'); | 43 | @include props.materialize($ref, 'dark'); |
44 | } | 44 | } |
45 | } | 45 | } |
46 | } | 46 | } |
47 | } | 47 | } |
48 | } | 48 | } |