summaryrefslogtreecommitdiffstats
path: root/src/objects/_checkbox.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 13:00:59 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 13:00:59 +0200
commitaeed08dc46662a0d70e04bcea612a701633736e7 (patch)
treea4077017d3519185ccd9ea08955fccdd737ffe17 /src/objects/_checkbox.vars.scss
parentPaths (diff)
downloadiro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.gz
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.bz2
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.zip
Revert "Paths"
This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.
Diffstat (limited to 'src/objects/_checkbox.vars.scss')
-rw-r--r--src/objects/_checkbox.vars.scss108
1 files changed, 24 insertions, 84 deletions
diff --git a/src/objects/_checkbox.vars.scss b/src/objects/_checkbox.vars.scss
index 8362aa7..278aac8 100644
--- a/src/objects/_checkbox.vars.scss
+++ b/src/objects/_checkbox.vars.scss
@@ -1,92 +1,32 @@
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$size: props.def(--o-checkbox--size, props.get(core.$size--175)) !default; 5$size: props.def(--o-checkbox--size, props.get(core.$size--175)) !default;
6$label-gap: props.def(--o-checkbox--label-gap, props.get(core.$size--125)) !default; 6$label-gap: props.def(--o-checkbox--label-gap, props.get(core.$size--125)) !default;
7$border-width: props.def( 7$border-width: props.def(--o-checkbox--border-width, props.get(core.$border-width--medium)) !default;
8 --o-checkbox--border-width, 8$pad-i: props.def(--o-checkbox--pad-i, props.get(core.$size--65)) !default;
9 props.get(core.$border-width--medium) 9$pad-b: props.def(--o-checkbox--pad-b, props.get(core.$size--65)) !default;
10) !default; 10$rounding: props.def(--o-checkbox--rounding, props.get(core.$rounding--sm)) !default;
11$pad-i: props.def(--o-checkbox--pad-i, props.get(core.$size--65)) !default;
12$pad-b: props.def(--o-checkbox--pad-b, props.get(core.$size--65)) !default;
13$rounding: props.def(--o-checkbox--rounding, props.get(core.$rounding--sm)) !default;
14$spacing-sibling: props.def(--o-checkbox--spacing-sibling, props.get(core.$size--300)) !default; 11$spacing-sibling: props.def(--o-checkbox--spacing-sibling, props.get(core.$size--300)) !default;
15 12
16$key-focus--border-width: props.def( 13$key-focus--border-width: props.def(--o-checkbox--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
17 --o-checkbox--key-focus--border-width, 14$key-focus--border-offset: props.def(--o-checkbox--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
18 props.get(core.$key-focus--border-width) 15$key-focus--outline-width: props.def(--o-checkbox--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
19) !default;
20$key-focus--border-offset: props.def(
21 --o-checkbox--key-focus--border-offset,
22 props.get(core.$key-focus--border-offset)
23) !default;
24$key-focus--outline-width: props.def(
25 --o-checkbox--key-focus--outline-width,
26 props.get(core.$key-focus--outline-width)
27) !default;
28 16
29$box-border-color: props.def( 17$box-border-color: props.def(--o-checkbox--box-border-color, props.get(core.$theme, --text-mute-more), 'color') !default;
30 --o-checkbox--box-border-color, 18$box-bg-color: props.def(--o-checkbox--box-bg-color, props.get(core.$theme, --base, --75), 'color') !default;
31 props.get(core.$theme, --text-mute-more),
32 "color"
33) !default;
34$box-bg-color: props.def(
35 --o-checkbox--box-bg-color,
36 props.get(core.$theme, --base, --75),
37 "color"
38) !default;
39 19
40$hover--label-color: props.def( 20$hover--label-color: props.def(--o-checkbox--hover--label-color, props.get(core.$theme, --heading), 'color') !default;
41 --o-checkbox--hover--label-color, 21$hover--box-border-color: props.def(--o-checkbox--hover--box-border-color, props.get(core.$theme, --text-mute), 'color') !default;
42 props.get(core.$theme, --heading),
43 "color"
44) !default;
45$hover--box-border-color: props.def(
46 --o-checkbox--hover--box-border-color,
47 props.get(core.$theme, --text-mute),
48 "color"
49) !default;
50 22
51$accent--box-border-color: props.def( 23$accent--box-border-color: props.def(--o-checkbox--accent--box-border-color, props.get(core.$theme, --accent, --900), 'color') !default;
52 --o-checkbox--accent--box-border-color, 24$accent--hover--box-border-color: props.def(--o-checkbox--accent--hover--box-border-color, props.get(core.$theme, --accent, --1000), 'color') !default;
53 props.get(core.$theme, --accent, --900),
54 "color"
55) !default;
56$accent--hover--box-border-color: props.def(
57 --o-checkbox--accent--hover--box-border-color,
58 props.get(core.$theme, --accent, --1000),
59 "color"
60) !default;
61 25
62$disabled--label-color: props.def( 26$disabled--label-color: props.def(--o-checkbox--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;
63 --o-checkbox--disabled--label-color, 27$disabled--box-border-color: props.def(--o-checkbox--disabled--box-border-color, props.get(core.$theme, --border-strong), 'color') !default;
64 props.get(core.$theme, --text-disabled), 28$disabled--box-bg-color: props.def(--o-checkbox--disabled--box-bg-color, props.get(core.$theme, --base, --75), 'color') !default;
65 "color"
66) !default;
67$disabled--box-border-color: props.def(
68 --o-checkbox--disabled--box-border-color,
69 props.get(core.$theme, --border-strong),
70 "color"
71) !default;
72$disabled--box-bg-color: props.def(
73 --o-checkbox--disabled--box-bg-color,
74 props.get(core.$theme, --base, --75),
75 "color"
76) !default;
77 29
78$key-focus--label-color: props.def( 30$key-focus--label-color: props.def(--o-checkbox--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default;
79 --o-checkbox--key-focus--label-color, 31$key-focus--border-color: props.def(--o-checkbox--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
80 props.get(core.$theme, --focus, --text), 32$key-focus--outline-color: props.def(--o-checkbox--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
81 "color"
82) !default;
83$key-focus--border-color: props.def(
84 --o-checkbox--key-focus--border-color,
85 props.get(core.$theme, --focus, --border),
86 "color"
87) !default;
88$key-focus--outline-color: props.def(
89 --o-checkbox--key-focus--outline-color,
90 props.get(core.$theme, --focus, --outline),
91 "color"
92) !default;