summaryrefslogtreecommitdiffstats
path: root/src/objects/_radio.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/_radio.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/_radio.vars.scss')
-rw-r--r--src/objects/_radio.vars.scss107
1 files changed, 25 insertions, 82 deletions
diff --git a/src/objects/_radio.vars.scss b/src/objects/_radio.vars.scss
index e7a41a4..a5f249d 100644
--- a/src/objects/_radio.vars.scss
+++ b/src/objects/_radio.vars.scss
@@ -1,90 +1,33 @@
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$diameter: props.def(--o-radio--diameter, props.get(core.$size--200)) !default; 5$diameter: props.def(--o-radio--diameter, props.get(core.$size--200)) !default;
6$label-gap: props.def(--o-radio--label-gap, props.get(core.$size--125)) !default; 6$label-gap: props.def(--o-radio--label-gap, props.get(core.$size--125)) !default;
7$border-width: props.def(--o-radio--border-width, props.get(core.$border-width--medium)) !default; 7$border-width: props.def(--o-radio--border-width, props.get(core.$border-width--medium)) !default;
8$pad-i: props.def(--o-radio--pad-i, props.get(core.$size--65)) !default; 8$pad-i: props.def(--o-radio--pad-i, props.get(core.$size--65)) !default;
9$pad-b: props.def(--o-radio--pad-b, props.get(core.$size--65)) !default; 9$pad-b: props.def(--o-radio--pad-b, props.get(core.$size--65)) !default;
10$rounding: props.def(--o-radio--rounding, props.get(core.$rounding--sm)) !default; 10$rounding: props.def(--o-radio--rounding, props.get(core.$rounding--sm)) !default;
11$spacing-sibling: props.def(--o-radio--spacing-sibling, props.get(core.$size--300)) !default; 11$spacing-sibling: props.def(--o-radio--spacing-sibling, props.get(core.$size--300)) !default;
12 12
13$key-focus--border-width: props.def( 13$key-focus--border-width: props.def(--o-radio--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
14 --o-radio--key-focus--border-width, 14$key-focus--border-offset: props.def(--o-radio--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
15 props.get(core.$key-focus--border-width) 15$key-focus--outline-width: props.def(--o-radio--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
16) !default;
17$key-focus--border-offset: props.def(
18 --o-radio--key-focus--border-offset,
19 props.get(core.$key-focus--border-offset)
20) !default;
21$key-focus--outline-width: props.def(
22 --o-radio--key-focus--outline-width,
23 props.get(core.$key-focus--outline-width)
24) !default;
25 16
26$circle-border-color: props.def( 17$circle-border-color: props.def(--o-radio--circle-border-color, props.get(core.$theme, --text-mute-more), 'color') !default;
27 --o-radio--circle-border-color, 18$circle-bg-color: props.def(--o-radio--circle-bg-color, props.get(core.$theme, --base, --75), 'color') !default;
28 props.get(core.$theme, --text-mute-more),
29 "color"
30) !default;
31$circle-bg-color: props.def(
32 --o-radio--circle-bg-color,
33 props.get(core.$theme, --base, --75),
34 "color"
35) !default;
36 19
37$hover--label-color: props.def( 20$hover--label-color: props.def(--o-radio--hover--label-color, props.get(core.$theme, --heading), 'color') !default;
38 --o-radio--hover--label-color, 21$hover--circle-border-color: props.def(--o-radio--hover--circle-border-color, props.get(core.$theme, --text-mute), 'color') !default;
39 props.get(core.$theme, --heading),
40 "color"
41) !default;
42$hover--circle-border-color: props.def(
43 --o-radio--hover--circle-border-color,
44 props.get(core.$theme, --text-mute),
45 "color"
46) !default;
47 22
48$accent--circle-border-color: props.def( 23$accent--circle-border-color: props.def(--o-radio--accent--circle-border-color, props.get(core.$theme, --accent, --900), 'color') !default;
49 --o-radio--accent--circle-border-color,
50 props.get(core.$theme, --accent, --900),
51 "color"
52) !default;
53 24
54$accent--hover--circle-border-color: props.def( 25$accent--hover--circle-border-color: props.def(--o-radio--accent--hover--circle-border-color, props.get(core.$theme, --accent, --1000), 'color') !default;
55 --o-radio--accent--hover--circle-border-color,
56 props.get(core.$theme, --accent, --1000),
57 "color"
58) !default;
59 26
60$disabled--label-color: props.def( 27$disabled--label-color: props.def(--o-radio--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;
61 --o-radio--disabled--label-color, 28$disabled--circle-border-color: props.def(--o-radio--disabled--circle-border-color, props.get(core.$theme, --border-strong), 'color') !default;
62 props.get(core.$theme, --text-disabled), 29$disabled--circle-bg-color: props.def(--o-radio--disabled--circle-bg-color, props.get(core.$theme, --base, --75), 'color') !default;
63 "color"
64) !default;
65$disabled--circle-border-color: props.def(
66 --o-radio--disabled--circle-border-color,
67 props.get(core.$theme, --border-strong),
68 "color"
69) !default;
70$disabled--circle-bg-color: props.def(
71 --o-radio--disabled--circle-bg-color,
72 props.get(core.$theme, --base, --75),
73 "color"
74) !default;
75 30
76$key-focus--label-color: props.def( 31$key-focus--label-color: props.def(--o-radio--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default;
77 --o-radio--key-focus--label-color, 32$key-focus--border-color: props.def(--o-radio--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
78 props.get(core.$theme, --focus, --text), 33$key-focus--outline-color: props.def(--o-radio--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
79 "color"
80) !default;
81$key-focus--border-color: props.def(
82 --o-radio--key-focus--border-color,
83 props.get(core.$theme, --focus, --border),
84 "color"
85) !default;
86$key-focus--outline-color: props.def(
87 --o-radio--key-focus--outline-color,
88 props.get(core.$theme, --focus, --outline),
89 "color"
90) !default;