summaryrefslogtreecommitdiffstats
path: root/src/objects/_switch.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_switch.vars.scss')
-rw-r--r--src/objects/_switch.vars.scss119
1 files changed, 27 insertions, 92 deletions
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss
index 6f56ec7..761cacd 100644
--- a/src/objects/_switch.vars.scss
+++ b/src/objects/_switch.vars.scss
@@ -1,101 +1,36 @@
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$inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default; 5$inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
6$block-size: props.def(--o-switch--block-size, props.get(core.$size--200)) !default; 6$block-size: props.def(--o-switch--block-size, props.get(core.$size--200)) !default;
7$label-gap: props.def(--o-switch--label-gap, props.get(core.$size--125)) !default; 7$label-gap: props.def(--o-switch--label-gap, props.get(core.$size--125)) !default;
8$border-width: props.def(--o-switch--border-width, props.get(core.$border-width--medium)) !default; 8$border-width: props.def(--o-switch--border-width, props.get(core.$border-width--medium)) !default;
9$pad-i: props.def(--o-switch--pad-i, props.get(core.$size--65)) !default; 9$pad-i: props.def(--o-switch--pad-i, props.get(core.$size--65)) !default;
10$pad-b: props.def(--o-switch--pad-b, props.get(core.$size--65)) !default; 10$pad-b: props.def(--o-switch--pad-b, props.get(core.$size--65)) !default;
11$rounding: props.def(--o-switch--rounding, props.get(core.$rounding--sm)) !default; 11$rounding: props.def(--o-switch--rounding, props.get(core.$rounding--sm)) !default;
12$spacing-sibling: props.def(--o-switch--spacing-sibling, props.get(core.$size--300)) !default; 12$spacing-sibling: props.def(--o-switch--spacing-sibling, props.get(core.$size--300)) !default;
13 13
14$key-focus--border-width: props.def( 14$key-focus--border-width: props.def(--o-switch--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
15 --o-switch--key-focus--border-width, 15$key-focus--border-offset: props.def(--o-switch--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
16 props.get(core.$key-focus--border-width) 16$key-focus--outline-width: props.def(--o-switch--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
17) !default;
18$key-focus--border-offset: props.def(
19 --o-switch--key-focus--border-offset,
20 props.get(core.$key-focus--border-offset)
21) !default;
22$key-focus--outline-width: props.def(
23 --o-switch--key-focus--outline-width,
24 props.get(core.$key-focus--outline-width)
25) !default;
26 17
27$track-bg-color: props.def( 18$track-bg-color: props.def(--o-switch--track-bg-color, props.get(core.$theme, --border), 'color') !default;
28 --o-switch--track-bg-color, 19$handle-border-color: props.def(--o-switch--handle-border-color, props.get(core.$theme, --text-mute-more), 'color') !default;
29 props.get(core.$theme, --border), 20$handle-bg-color: props.def(--o-switch--handle-bg-color, props.get(core.$theme, --base, --50), 'color') !default;
30 "color"
31) !default;
32$handle-border-color: props.def(
33 --o-switch--handle-border-color,
34 props.get(core.$theme, --text-mute-more),
35 "color"
36) !default;
37$handle-bg-color: props.def(
38 --o-switch--handle-bg-color,
39 props.get(core.$theme, --base, --50),
40 "color"
41) !default;
42 21
43$hover--label-color: props.def( 22$hover--label-color: props.def(--o-switch--hover--label-color, props.get(core.$theme, --heading), 'color') !default;
44 --o-switch--hover--label-color, 23$hover--handle-border-color: props.def(--o-switch--hover--handle-border-color, props.get(core.$theme, --text-mute), 'color') !default;
45 props.get(core.$theme, --heading),
46 "color"
47) !default;
48$hover--handle-border-color: props.def(
49 --o-switch--hover--handle-border-color,
50 props.get(core.$theme, --text-mute),
51 "color"
52) !default;
53 24
54$accent--handle-border-color: props.def( 25$accent--handle-border-color: props.def(--o-switch--accent--handle-border-color, props.get(core.$theme, --accent, --900), 'color') !default;
55 --o-switch--accent--handle-border-color,
56 props.get(core.$theme, --accent, --900),
57 "color"
58) !default;
59 26
60$accent--hover--handle-border-color: props.def( 27$accent--hover--handle-border-color: props.def(--o-switch--accent--hover--handle-border-color, props.get(core.$theme, --accent, --1000), 'color') !default;
61 --o-switch--accent--hover--handle-border-color,
62 props.get(core.$theme, --accent, --1000),
63 "color"
64) !default;
65 28
66$disabled--label-color: props.def( 29$disabled--label-color: props.def(--o-switch--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;
67 --o-switch--disabled--label-color, 30$disabled--track-bg-color: props.def(--o-switch--disabled--track-bg-color, props.get(core.$theme, --border), 'color') !default;
68 props.get(core.$theme, --text-disabled), 31$disabled--handle-border-color: props.def(--o-switch--disabled--handle-border-color, props.get(core.$theme, --border-strong), 'color') !default;
69 "color" 32$disabled--handle-bg-color: props.def(--o-switch--disabled--handle-bg-color, props.get(core.$theme, --base, --50), 'color') !default;
70) !default;
71$disabled--track-bg-color: props.def(
72 --o-switch--disabled--track-bg-color,
73 props.get(core.$theme, --border),
74 "color"
75) !default;
76$disabled--handle-border-color: props.def(
77 --o-switch--disabled--handle-border-color,
78 props.get(core.$theme, --border-strong),
79 "color"
80) !default;
81$disabled--handle-bg-color: props.def(
82 --o-switch--disabled--handle-bg-color,
83 props.get(core.$theme, --base, --50),
84 "color"
85) !default;
86 33
87$key-focus--label-color: props.def( 34$key-focus--label-color: props.def(--o-switch--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default;
88 --o-switch--key-focus--label-color, 35$key-focus--border-color: props.def(--o-switch--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
89 props.get(core.$theme, --focus, --text), 36$key-focus--outline-color: props.def(--o-switch--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
90 "color"
91) !default;
92$key-focus--border-color: props.def(
93 --o-switch--key-focus--border-color,
94 props.get(core.$theme, --focus, --border),
95 "color"
96) !default;
97$key-focus--outline-color: props.def(
98 --o-switch--key-focus--outline-color,
99 props.get(core.$theme, --focus, --outline),
100 "color"
101) !default;
generated by cgit v1.3.1 (git 2.54.0) at 2026-07-22 20:05:35 +0000