summaryrefslogtreecommitdiffstats
path: root/src/_props.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 12:27:09 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 12:27:09 +0200
commitcc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch)
treed16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/_props.scss
parentUpdate _index.scss (diff)
downloadiro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz
iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2
iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip
Paths
Diffstat (limited to 'src/_props.scss')
-rw-r--r--src/_props.scss34
1 files changed, 17 insertions, 17 deletions
diff --git a/src/_props.scss b/src/_props.scss
index 0830375..2683ca9 100644
--- a/src/_props.scss
+++ b/src/_props.scss
@@ -1,46 +1,46 @@
1@use 'sass:list'; 1@use "sass:list";
2@use 'sass:map'; 2@use "sass:map";
3@use 'sass:meta'; 3@use "sass:meta";
4@use 'sass:string'; 4@use "sass:string";
5@use 'config'; 5@use "config";
6@use 'pkg:include-media/dist/include-media' as media; 6@use "pkg:include-media/dist/include-media" as media;
7@use 'pkg:iro-sass/src/bem'; 7@use "pkg:iro-sass/bem";
8@use 'pkg:iro-sass/src/props'; 8@use "pkg:iro-sass/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 }