feat: disabled groups (fieldset)

This commit is contained in:
Lucas Larroche 2022-03-06 18:25:58 +07:00
parent 43cacb0b93
commit 19d2ffad02
18 changed files with 42 additions and 29 deletions

View file

@ -894,7 +894,8 @@ input[type=reset]:focus {
0 0 0 var(--outline-width) var(--secondary-focus);
}
:where(button, input[type="submit"], input[type="reset"], [role="button"])[disabled],
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
:where([disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
a[role=button]:not([href]) {
opacity: 0.5;
pointer-events: none;
@ -1049,10 +1050,12 @@ textarea:focus {
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
select[disabled],
textarea[disabled] {
textarea[disabled],
:where([disabled]) :is(input:not([type=submit]):not([type=button]):not([type=reset]), select, textarea) {
--background-color: var(--form-element-disabled-background-color);
--border-color: var(--form-element-disabled-border-color);
opacity: var(--form-element-disabled-opacity);
pointer-events: none;
}
:where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid] {