Revert "Paths"

This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.
author: Volpeon <git@volpeon.ink> 2026-07-22 13:00:59 +0200
committer: Volpeon <git@volpeon.ink> 2026-07-22 13:00:59 +0200
commit: aeed08dc46662a0d70e04bcea612a701633736e7 (patch)
tree: a4077017d3519185ccd9ea08955fccdd737ffe17 /src/objects/_menu.vars.scss
parent: Paths (diff)
download: iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.gz
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.bz2
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.zip
1 files changed, 19 insertions, 64 deletions
diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss
index c168c30..9396117 100644
--- a/src/objects/_menu.vars.scss
+++ b/src/objects/_menu.vars.scss
@@ -1,74 +1,29 @@
-@use "sass:map";
+@use 'sass:map';
-@use "pkg:iro-sass/props";
+@use 'pkg:iro-sass/src/props';
-@use "../core.vars" as core;
+@use '../core.vars' as core;
-$spacing: props.def(--o-menu--spacing, 0em) !default;
+$spacing:           props.def(--o-menu--spacing, 0em) !default;
 $header--font-size: props.def(--o-menu--header--font-size, props.get(core.$font-size--50)) !default;
-$separator-width: props.def(--o-menu--separator-width, props.get(core.$size--100)) !default;
+$separator-width:   props.def(--o-menu--separator-width, props.get(core.$size--100)) !default;
-$item--pad-i: props.def(--o-menu--item--pad-i, props.get(core.$size--150)) !default;
+$item--pad-i:    props.def(--o-menu--item--pad-i, props.get(core.$size--150)) !default;
-$item--pad-b: props.def(--o-menu--item--pad-b, props.get(core.$size--100)) !default;
+$item--pad-b:    props.def(--o-menu--item--pad-b, props.get(core.$size--100)) !default;
 $item--rounding: props.def(--o-menu--item--rounding, 0em) !default;
-$item--key-focus--border-width: props.def(
+$item--key-focus--border-width:  props.def(--o-menu--item--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
-        --o-menu--item--key-focus--border-width,
+$item--key-focus--border-offset: props.def(--o-menu--item--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
-        props.get(core.$key-focus--border-width)
+$item--key-focus--outline-width: props.def(--o-menu--item--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
-) !default;
-$item--key-focus--border-offset: props.def(
-        --o-menu--item--key-focus--border-offset,
-        props.get(core.$key-focus--border-offset)
-) !default;
-$item--key-focus--outline-width: props.def(
-        --o-menu--item--key-focus--outline-width,
-        props.get(core.$key-focus--outline-width)
-) !default;
-$separator-color: props.def(
+$separator-color:     props.def(--o-menu--separator-color, props.get(core.$theme, --border), 'color') !default;
-        --o-menu--separator-color,
+$header--label-color: props.def(--o-menu--header--label-color, props.get(core.$theme, --heading), 'color') !default;
-        props.get(core.$theme, --border),
-        "color"
-) !default;
-$header--label-color: props.def(
-        --o-menu--header--label-color,
-        props.get(core.$theme, --heading),
-        "color"
-) !default;
-$item--hover--bg-color: props.def(
+$item--hover--bg-color:    props.def(--o-menu--item--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default;
-        --o-menu--item--hover--bg-color,
+$item--hover--label-color: props.def(--o-menu--item--hover--label-color, props.get(core.$theme, --heading), 'color') !default;
-        props.get(core.$theme, --border-mute),
-        "color"
-) !default;
-$item--hover--label-color: props.def(
-        --o-menu--item--hover--label-color,
-        props.get(core.$theme, --heading),
-        "color"
-) !default;
-$item--active--bg-color: props.def(
+$item--active--bg-color:    props.def(--o-menu--item--active--bg-color, props.get(core.$theme, --border), 'color') !default;
-        --o-menu--item--active--bg-color,
+$item--active--label-color: props.def(--o-menu--item--active--label-color, props.get(core.$theme, --heading), 'color') !default;
-        props.get(core.$theme, --border),
-        "color"
-) !default;
-$item--active--label-color: props.def(
-        --o-menu--item--active--label-color,
-        props.get(core.$theme, --heading),
-        "color"
-) !default;
-$item--disabled--label-color: props.def(
+$item--disabled--label-color: props.def(--o-menu--item--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;
-        --o-menu--item--disabled--label-color,
-        props.get(core.$theme, --text-disabled),
-        "color"
-) !default;
-$item--key-focus--border-color: props.def(
+$item--key-focus--border-color:  props.def(--o-menu--item--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
-        --o-menu--item--key-focus--border-color,
+$item--key-focus--outline-color: props.def(--o-menu--item--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
-        props.get(core.$theme, --focus, --border),
-        "color"
-) !default;
-$item--key-focus--outline-color: props.def(
-        --o-menu--item--key-focus--outline-color,
-        props.get(core.$theme, --focus, --outline),
-        "color"
-) !default;
author	Volpeon <git@volpeon.ink>	2026-07-22 13:00:59 +0200
committer	Volpeon <git@volpeon.ink>	2026-07-22 13:00:59 +0200
commit	aeed08dc46662a0d70e04bcea612a701633736e7 (patch)
tree	a4077017d3519185ccd9ea08955fccdd737ffe17 /src/objects/_menu.vars.scss
parent	Paths (diff)
download	iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.gz iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.bz2 iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.zip

diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss index c168c30..9396117 100644 --- a/src/objects/_menu.vars.scss +++ b/src/objects/_menu.vars.scss
@@ -1,74 +1,29 @@
1	@use "sass:map";	1	@use 'sass:map';
2	@use "pkg:iro-sass/props";	2	@use 'pkg:iro-sass/src/props';
3	@use "../core.vars" as core;	3	@use '../core.vars' as core;
4		4
5	$spacing: props.def(--o-menu--spacing, 0em) !default;	5	$spacing: props.def(--o-menu--spacing, 0em) !default;
6	$header--font-size: props.def(--o-menu--header--font-size, props.get(core.$font-size--50)) !default;	6	$header--font-size: props.def(--o-menu--header--font-size, props.get(core.$font-size--50)) !default;
7	$separator-width: props.def(--o-menu--separator-width, props.get(core.$size--100)) !default;	7	$separator-width: props.def(--o-menu--separator-width, props.get(core.$size--100)) !default;
8		8
9	$item--pad-i: props.def(--o-menu--item--pad-i, props.get(core.$size--150)) !default;	9	$item--pad-i: props.def(--o-menu--item--pad-i, props.get(core.$size--150)) !default;
10	$item--pad-b: props.def(--o-menu--item--pad-b, props.get(core.$size--100)) !default;	10	$item--pad-b: props.def(--o-menu--item--pad-b, props.get(core.$size--100)) !default;
11	$item--rounding: props.def(--o-menu--item--rounding, 0em) !default;	11	$item--rounding: props.def(--o-menu--item--rounding, 0em) !default;
12		12
13	$item--key-focus--border-width: props.def(	13	$item--key-focus--border-width: props.def(--o-menu--item--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
14	--o-menu--item--key-focus--border-width,	14	$item--key-focus--border-offset: props.def(--o-menu--item--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
15	props.get(core.$key-focus--border-width)	15	$item--key-focus--outline-width: props.def(--o-menu--item--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
16	) !default;
17	$item--key-focus--border-offset: props.def(
18	--o-menu--item--key-focus--border-offset,
19	props.get(core.$key-focus--border-offset)
20	) !default;
21	$item--key-focus--outline-width: props.def(
22	--o-menu--item--key-focus--outline-width,
23	props.get(core.$key-focus--outline-width)
24	) !default;
25		16
26	$separator-color: props.def(	17	$separator-color: props.def(--o-menu--separator-color, props.get(core.$theme, --border), 'color') !default;
27	--o-menu--separator-color,	18	$header--label-color: props.def(--o-menu--header--label-color, props.get(core.$theme, --heading), 'color') !default;
28	props.get(core.$theme, --border),
29	"color"
30	) !default;
31	$header--label-color: props.def(
32	--o-menu--header--label-color,
33	props.get(core.$theme, --heading),
34	"color"
35	) !default;
36		19
37	$item--hover--bg-color: props.def(	20	$item--hover--bg-color: props.def(--o-menu--item--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default;
38	--o-menu--item--hover--bg-color,	21	$item--hover--label-color: props.def(--o-menu--item--hover--label-color, props.get(core.$theme, --heading), 'color') !default;
39	props.get(core.$theme, --border-mute),
40	"color"
41	) !default;
42	$item--hover--label-color: props.def(
43	--o-menu--item--hover--label-color,
44	props.get(core.$theme, --heading),
45	"color"
46	) !default;
47		22
48	$item--active--bg-color: props.def(	23	$item--active--bg-color: props.def(--o-menu--item--active--bg-color, props.get(core.$theme, --border), 'color') !default;
49	--o-menu--item--active--bg-color,	24	$item--active--label-color: props.def(--o-menu--item--active--label-color, props.get(core.$theme, --heading), 'color') !default;
50	props.get(core.$theme, --border),
51	"color"
52	) !default;
53	$item--active--label-color: props.def(
54	--o-menu--item--active--label-color,
55	props.get(core.$theme, --heading),
56	"color"
57	) !default;
58		25
59	$item--disabled--label-color: props.def(	26	$item--disabled--label-color: props.def(--o-menu--item--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;
60	--o-menu--item--disabled--label-color,
61	props.get(core.$theme, --text-disabled),
62	"color"
63	) !default;
64		27
65	$item--key-focus--border-color: props.def(	28	$item--key-focus--border-color: props.def(--o-menu--item--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
66	--o-menu--item--key-focus--border-color,	29	$item--key-focus--outline-color: props.def(--o-menu--item--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
67	props.get(core.$theme, --focus, --border),
68	"color"
69	) !default;
70	$item--key-focus--outline-color: props.def(
71	--o-menu--item--key-focus--outline-color,
72	props.get(core.$theme, --focus, --outline),
73	"color"
74	) !default;