From 365c56edcc36b5b92902bac01ce44b43d01e8685 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 18 Oct 2024 18:08:24 +0200
Subject: Refactoring

---
 src/objects/_palette.scss | 62 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/objects/_palette.scss

(limited to 'src/objects/_palette.scss')

diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss
new file mode 100644
index 0000000..8291750
--- /dev/null
+++ b/src/objects/_palette.scss
@@ -0,0 +1,62 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'sass:string';
+@use 'iro-sass/src/iro-sass' as iro;
+@use '../functions' as fn;
+@use '../config';
+
+@include iro.props-namespace('palette') {
+    @include iro.bem-object(iro.props-namespace()) {
+        display:    flex;
+        block-size: 3em;
+
+        @include iro.bem-elem('item') {
+            flex: 1 1 auto;
+
+            $palette:   map.get(config.$themes, config.$theme-default, --palettes, --base);
+            $contrasts: map.get(config.$themes, config.$theme-default, --contrasts, list.nth($palette, 2));
+
+            @for $i from 1 through list.length($contrasts) {
+                $key: list.nth(map.keys($contrasts), $i);
+
+                &:nth-child(#{$i}) {
+                    background-color: fn.global-color(--base $key);
+                }
+            }
+        }
+
+        @each $palette-name, $palette in map.get(config.$themes, config.$theme-default, --palettes) {
+            $contrasts: map.get(config.$themes, config.$theme-default, --contrasts, list.nth($palette, 2));
+
+            @include iro.bem-modifier(string.slice($palette-name, 3)) {
+                @include iro.bem-elem('item') {
+                    @for $i from 1 through list.length($contrasts) {
+                        $key: list.nth(map.keys($contrasts), $i);
+        
+                        &:nth-child(#{$i}) {
+                            background-color: fn.global-color($palette-name $key);
+                        }
+                    }
+                }
+            }
+        }
+
+        @include iro.bem-modifier('static') {
+            @each $palette-name, $palette in map.get(config.$static-colors, --palettes) {
+                $contrasts: map.get(config.$static-colors, --contrasts);
+
+                @include iro.bem-modifier(string.slice($palette-name, 3)) {
+                    @include iro.bem-elem('item') {
+                        @for $i from 1 through list.length($contrasts) {
+                            $key: list.nth(map.keys($contrasts), $i);
+            
+                            &:nth-child(#{$i}) {
+                                background-color: fn.global-color(#{$palette-name}-static $key);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
-- 
cgit v1.2.3-70-g09d2