Skip to content

Commit bf030cd

Browse files
authored
Merge pull request #618 from vhrmo/styling-fixes
fix(_radio-buttons): gray out when disabled
2 parents da7b2d8 + 7781b7a commit bf030cd

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

sass/components/forms/_radio-buttons.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -83,30 +83,30 @@
8383

8484
/* Disabled Radio With gap */
8585
[type="radio"].with-gap:disabled:checked + span:before {
86-
border: 2px solid var(--md-sys-color-on-surface);
86+
border: 2px solid color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
8787
}
8888

8989
[type="radio"].with-gap:disabled:checked + span:after {
9090
border: none;
91-
background-color: var(--md-sys-color-on-surface);
91+
background-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
9292
}
9393

9494
/* Disabled style */
9595
[type="radio"]:disabled:not(:checked) + span:before,
9696
[type="radio"]:disabled:checked + span:before {
9797
background-color: transparent;
98-
border-color: var(--md-sys-color-on-surface);
98+
border-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
9999
}
100100

101101
[type="radio"]:disabled + span {
102-
color: var(--md-sys-color-on-surface);
102+
color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
103103
}
104104

105105
[type="radio"]:disabled:not(:checked) + span:before {
106-
border-color: var(--md-sys-color-on-surface);
106+
border-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
107107
}
108108

109109
[type="radio"]:disabled:checked + span:after {
110-
background-color: var(--md-sys-color-on-surface);
111-
border-color: var(--md-sys-color-on-surface);
110+
background-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
111+
border-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%);
112112
}

0 commit comments

Comments
 (0)