mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
feat: disabled fieldset
This commit is contained in:
parent
19d2ffad02
commit
e821b7647f
18 changed files with 22 additions and 22 deletions
|
@ -925,7 +925,7 @@ input[type=reset]:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
:where(button, [type="submit"], [type="button"], [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]),
|
:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
|
||||||
a[role=button]:not([href]) {
|
a[role=button]:not([href]) {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -1081,7 +1081,7 @@ textarea:focus {
|
||||||
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
||||||
select[disabled],
|
select[disabled],
|
||||||
textarea[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);
|
--background-color: var(--form-element-disabled-background-color);
|
||||||
--border-color: var(--form-element-disabled-border-color);
|
--border-color: var(--form-element-disabled-border-color);
|
||||||
opacity: var(--form-element-disabled-opacity);
|
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(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]) {
|
a[role=button]:not([href]) {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -1184,7 +1184,7 @@ textarea:focus {
|
||||||
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
||||||
select[disabled],
|
select[disabled],
|
||||||
textarea[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);
|
--background-color: var(--form-element-disabled-background-color);
|
||||||
--border-color: var(--form-element-disabled-border-color);
|
--border-color: var(--form-element-disabled-border-color);
|
||||||
opacity: var(--form-element-disabled-opacity);
|
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(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]) {
|
a[role=button]:not([href]) {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -1051,7 +1051,7 @@ textarea:focus {
|
||||||
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
||||||
select[disabled],
|
select[disabled],
|
||||||
textarea[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);
|
--background-color: var(--form-element-disabled-background-color);
|
||||||
--border-color: var(--form-element-disabled-border-color);
|
--border-color: var(--form-element-disabled-border-color);
|
||||||
opacity: var(--form-element-disabled-opacity);
|
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(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]) {
|
a[role=button]:not([href]) {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -1110,7 +1110,7 @@ textarea:focus {
|
||||||
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
|
||||||
select[disabled],
|
select[disabled],
|
||||||
textarea[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);
|
--background-color: var(--form-element-disabled-background-color);
|
||||||
--border-color: var(--form-element-disabled-border-color);
|
--border-color: var(--form-element-disabled-border-color);
|
||||||
opacity: var(--form-element-disabled-opacity);
|
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]
|
// Button [disabled]
|
||||||
// Links without href are disabled by default
|
// Links without href are disabled by default
|
||||||
:where(button, [type="submit"], [type="button"], [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"]),
|
:where(fieldset[disabled]) :is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]),
|
||||||
a[role="button"]:not([href]) {
|
a[role="button"]:not([href]) {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
|
@ -201,7 +201,7 @@ textarea {
|
||||||
input:not([type="submit"]):not([type="button"]):not([type="reset"])[disabled],
|
input:not([type="submit"]):not([type="button"]):not([type="reset"])[disabled],
|
||||||
select[disabled],
|
select[disabled],
|
||||||
textarea[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);
|
--background-color: var(--form-element-disabled-background-color);
|
||||||
--border-color: var(--form-element-disabled-border-color);
|
--border-color: var(--form-element-disabled-border-color);
|
||||||
opacity: var(--form-element-disabled-opacity);
|
opacity: var(--form-element-disabled-opacity);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue