feat: remove form element disabled and border color

This commit is contained in:
Lucas Larroche 2024-01-24 19:29:33 +07:00
parent 72c4678cf7
commit 9ea68c42e0
12 changed files with 6 additions and 46 deletions

View file

@ -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;
}