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

feat: remove form element disabled and border color

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

4
scss/forms/_basics.scss
View file

@ -238,10 +238,6 @@
label[aria-disabled="true"],
:where(fieldset[disabled])
:is(input:not([type="submit"], [type="button"], [type="reset"]), select, textarea) {
#{$css-var-prefix}background-color: var(
#{$css-var-prefix}form-element-disabled-background-color
);
#{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-disabled-border-color);
opacity: var(#{$css-var-prefix}form-element-disabled-opacity);
pointer-events: none;
}

6
scss/themes/default/_dark.scss
View file

@ -113,12 +113,6 @@
#{$css-var-prefix}form-element-active-background-color: #{mix($slate-900, $slate-850, 75%)};
#{$css-var-prefix}form-element-active-border-color: var(#{$css-var-prefix}primary-border);
#{$css-var-prefix}form-element-focus-color: var(#{$css-var-prefix}primary-border);
#{$css-var-prefix}form-element-disabled-background-color: var(
#{$css-var-prefix}form-element-background-color
);
#{$css-var-prefix}form-element-disabled-border-color: var(
#{$css-var-prefix}form-element-border-color
);
#{$css-var-prefix}form-element-disabled-opacity: 0.5;
#{$css-var-prefix}form-element-invalid-border-color: #{mix($red-500, $slate-600)};
#{$css-var-prefix}form-element-invalid-active-border-color: #{mix($red-500, $slate-600, 75%)};

6
scss/themes/default/_light.scss
View file

@ -113,12 +113,6 @@
#{$css-var-prefix}form-element-active-background-color: #{$white};
#{$css-var-prefix}form-element-active-border-color: var(#{$css-var-prefix}primary-border);
#{$css-var-prefix}form-element-focus-color: var(#{$css-var-prefix}primary-border);
#{$css-var-prefix}form-element-disabled-background-color: var(
#{$css-var-prefix}form-element-background-color
);
#{$css-var-prefix}form-element-disabled-border-color: var(
#{$css-var-prefix}form-element-border-color
);
#{$css-var-prefix}form-element-disabled-opacity: 0.5;
#{$css-var-prefix}form-element-invalid-border-color: #{mix($red-500, $zinc-350)};
#{$css-var-prefix}form-element-invalid-active-border-color: #{mix($red-500, $zinc-350, 75%)};