mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 10:46:14 -04:00
feat: remove form element disabled and border color
This commit is contained in:
parent
72c4678cf7
commit
9ea68c42e0
12 changed files with 6 additions and 46 deletions
|
@ -254,8 +254,6 @@ input:not([type=submit],
|
|||
--pico-form-element-active-background-color: #fff;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #b86a6b;
|
||||
--pico-form-element-invalid-active-border-color: #c84f48;
|
||||
|
@ -370,8 +368,6 @@ input:not([type=submit],
|
|||
--pico-form-element-active-background-color: #1a1f28;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #964a50;
|
||||
--pico-form-element-invalid-active-border-color: #b7403b;
|
||||
|
@ -479,8 +475,6 @@ input:not([type=submit],
|
|||
--pico-form-element-active-background-color: #1a1f28;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #964a50;
|
||||
--pico-form-element-invalid-active-border-color: #b7403b;
|
||||
|
@ -1250,8 +1244,6 @@ select[disabled],
|
|||
textarea[disabled],
|
||||
label[aria-disabled=true],
|
||||
:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {
|
||||
--pico-background-color: var(--pico-form-element-disabled-background-color);
|
||||
--pico-border-color: var(--pico-form-element-disabled-border-color);
|
||||
opacity: var(--pico-form-element-disabled-opacity);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
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
|
@ -287,8 +287,6 @@ nav details.dropdown summary:focus-visible {
|
|||
--pico-form-element-active-background-color: #fff;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #b86a6b;
|
||||
--pico-form-element-invalid-active-border-color: #c84f48;
|
||||
|
@ -408,8 +406,6 @@ nav details.dropdown summary:focus-visible {
|
|||
--pico-form-element-active-background-color: #1a1f28;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #964a50;
|
||||
--pico-form-element-invalid-active-border-color: #b7403b;
|
||||
|
@ -532,8 +528,6 @@ nav details.dropdown summary:focus-visible {
|
|||
--pico-form-element-active-background-color: #1a1f28;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #964a50;
|
||||
--pico-form-element-invalid-active-border-color: #b7403b;
|
||||
|
@ -1409,8 +1403,6 @@ select[disabled],
|
|||
textarea[disabled],
|
||||
label[aria-disabled=true],
|
||||
:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {
|
||||
--pico-background-color: var(--pico-form-element-disabled-background-color);
|
||||
--pico-border-color: var(--pico-form-element-disabled-border-color);
|
||||
opacity: var(--pico-form-element-disabled-opacity);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -254,8 +254,6 @@ input:not([type=submit],
|
|||
--pico-form-element-active-background-color: #fff;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #b86a6b;
|
||||
--pico-form-element-invalid-active-border-color: #c84f48;
|
||||
|
@ -370,8 +368,6 @@ input:not([type=submit],
|
|||
--pico-form-element-active-background-color: #1a1f28;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #964a50;
|
||||
--pico-form-element-invalid-active-border-color: #b7403b;
|
||||
|
@ -479,8 +475,6 @@ input:not([type=submit],
|
|||
--pico-form-element-active-background-color: #1a1f28;
|
||||
--pico-form-element-active-border-color: var(--pico-primary-border);
|
||||
--pico-form-element-focus-color: var(--pico-primary-border);
|
||||
--pico-form-element-disabled-background-color: var(--pico-form-element-background-color);
|
||||
--pico-form-element-disabled-border-color: var(--pico-form-element-border-color);
|
||||
--pico-form-element-disabled-opacity: 0.5;
|
||||
--pico-form-element-invalid-border-color: #964a50;
|
||||
--pico-form-element-invalid-active-border-color: #b7403b;
|
||||
|
@ -1213,8 +1207,6 @@ select[disabled],
|
|||
textarea[disabled],
|
||||
label[aria-disabled=true],
|
||||
:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {
|
||||
--pico-background-color: var(--pico-form-element-disabled-background-color);
|
||||
--pico-border-color: var(--pico-form-element-disabled-border-color);
|
||||
opacity: var(--pico-form-element-disabled-opacity);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
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
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue