mirror of
https://github.com/picocss/pico
synced 2025-08-30 05:56:30 +00:00
feat: disabled fieldset
This commit is contained in:
parent
19d2ffad02
commit
e821b7647f
@ -925,7 +925,7 @@ input[type=reset]:focus {
|
||||
}
|
||||
|
||||
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
|
||||
:where([disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
a[role=button]:not([href]) {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
@ -1081,7 +1081,7 @@ textarea:focus {
|
||||
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) {
|
||||
:where(fieldset[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);
|
||||
|
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1028,7 +1028,7 @@ input[type=reset].outline:is([aria-current], :hover, :active, :focus) {
|
||||
}
|
||||
|
||||
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
|
||||
:where([disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
a[role=button]:not([href]) {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
@ -1184,7 +1184,7 @@ textarea:focus {
|
||||
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) {
|
||||
:where(fieldset[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);
|
||||
|
File diff suppressed because one or more lines are too long
@ -895,7 +895,7 @@ input[type=reset]:focus {
|
||||
}
|
||||
|
||||
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
|
||||
:where([disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
a[role=button]:not([href]) {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
@ -1051,7 +1051,7 @@ textarea:focus {
|
||||
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) {
|
||||
:where(fieldset[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);
|
||||
|
File diff suppressed because one or more lines are too long
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -955,7 +955,7 @@ input[type=reset].outline:is([aria-current], :hover, :active, :focus) {
|
||||
}
|
||||
|
||||
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
|
||||
:where([disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||
a[role=button]:not([href]) {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
@ -1110,7 +1110,7 @@ textarea:focus {
|
||||
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) {
|
||||
:where(fieldset[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);
|
||||
|
File diff suppressed because one or more lines are too long
2
css/pico.slim.min.css
vendored
2
css/pico.slim.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -176,7 +176,7 @@ input[type="reset"],
|
||||
// Button [disabled]
|
||||
// Links without href are disabled by default
|
||||
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
|
||||
:where([disabled]) :is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]),
|
||||
:where(fieldset[disabled]) :is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]),
|
||||
a[role="button"]:not([href]) {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
|
@ -201,7 +201,7 @@ textarea {
|
||||
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) {
|
||||
:where(fieldset[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);
|
||||
|
Loading…
x
Reference in New Issue
Block a user