From cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 12:27:09 +0200 Subject: Paths --- src/objects/_palette.scss | 52 +++++++++++++++++++++++++++++++---------------- 1 file changed, 35 insertions(+), 17 deletions(-) (limited to 'src/objects/_palette.scss') diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss index f503812..88448e0 100644 --- a/src/objects/_palette.scss +++ b/src/objects/_palette.scss @@ -1,21 +1,27 @@ -@use 'sass:list'; -@use 'sass:map'; -@use 'sass:string'; -@use 'pkg:iro-sass/src/bem'; -@use '../config'; -@use 'pkg:iro-sass/src/props'; -@use '../core.vars' as core; +@use "sass:list"; +@use "sass:map"; +@use "sass:string"; +@use "pkg:iro-sass/bem"; +@use "../config"; +@use "pkg:iro-sass/props"; +@use "../core.vars" as core; @mixin styles { - @include bem.object('palette') { - display: flex; + @include bem.object("palette") { + display: flex; block-size: 3em; - @include bem.elem('item') { + @include bem.elem("item") { flex: 1 1 auto; $palette: map.get(config.$themes, config.$theme-default, light, --palettes, --base); - $levels: map.get(config.$themes, config.$theme-default, light, --levels, list.nth($palette, 2)); + $levels: map.get( + config.$themes, + config.$theme-default, + light, + --levels, + list.nth($palette, 2) + ); @for $i from 1 through list.length($levels) { $key: list.nth(map.keys($levels), $i); @@ -26,11 +32,19 @@ } } - @each $palette-name, $palette in map.get(config.$themes, config.$theme-default, light, --palettes) { - $levels: map.get(config.$themes, config.$theme-default, light, --levels, list.nth($palette, 2)); + @each $palette-name, + $palette in map.get(config.$themes, config.$theme-default, light, --palettes) + { + $levels: map.get( + config.$themes, + config.$theme-default, + light, + --levels, + list.nth($palette, 2) + ); @include bem.modifier(string.slice($palette-name, 3)) { - @include bem.elem('item') { + @include bem.elem("item") { @for $i from 1 through list.length($levels) { $key: list.nth(map.keys($levels), $i); @@ -42,17 +56,21 @@ } } - @include bem.modifier('static') { + @include bem.modifier("static") { @each $palette-name, $palette in map.get(config.$static-colors, --palettes) { $levels: map.get(config.$static-colors, --levels); @include bem.modifier(string.slice($palette-name, 3)) { - @include bem.elem('item') { + @include bem.elem("item") { @for $i from 1 through list.length($levels) { $key: list.nth(map.keys($levels), $i); &:nth-child(#{$i}) { - background-color: props.get(core.$theme, #{$palette-name}-static, $key); + background-color: props.get( + core.$theme, + #{$palette-name}-static, + $key + ); } } } -- cgit v1.3.1