mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: disabled groups (fieldset)

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

3
scss/content/_button.scss
View file

@ -175,7 +175,8 @@ input[type="reset"],
// Button [disabled]
// Links without href are disabled by default
: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;

16
scss/content/_form.scss
View file

@ -198,14 +198,14 @@ textarea {
}
// Disabled
input:not([type="submit"]):not([type="button"]):not([type="reset"]),
select,
textarea {
&[disabled] {
--background-color: var(--form-element-disabled-background-color);
--border-color: var(--form-element-disabled-border-color);
opacity: var(--form-element-disabled-opacity);
}
input:not([type="submit"]):not([type="button"]):not([type="reset"])[disabled],
select[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;
}
// Aria-invalid