rei-mirrors/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico synced 2025-11-21 15:02:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: readonly input

Browse Source
This commit is contained in:
Lucas Larroche 2024-01-04 13:11:26 +07:00
parent 8f572c156c
commit 9a18b46e12
10 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/pico.classless.css
View File

@ -1300,12 +1300,12 @@ input:not([type=submit],
[type=checkbox],
[type=radio],
[readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
:where(select, textarea):not([readonly]):is(:active, :focus) {
--pico-background-color: var(--pico-form-element-active-background-color);
}
input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
:where(select, textarea):not([readonly]):is(:active, :focus) {
--pico-border-color: var(--pico-form-element-active-border-color);
}
@ -1315,7 +1315,7 @@ input:not([type=submit],
[type=range],
[type=file],
[readonly]):focus,
:where(select, textarea):focus {
:where(select, textarea):not([readonly]):focus {
--pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
}

2
css/pico.classless.css.map
View File

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/pico.css
View File

@ -1452,12 +1452,12 @@ input:not([type=submit],
[type=checkbox],
[type=radio],
[readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
:where(select, textarea):not([readonly]):is(:active, :focus) {
--pico-background-color: var(--pico-form-element-active-background-color);
}
input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
:where(select, textarea):not([readonly]):is(:active, :focus) {
--pico-border-color: var(--pico-form-element-active-border-color);
}
@ -1467,7 +1467,7 @@ input:not([type=submit],
[type=range],
[type=file],
[readonly]):focus,
:where(select, textarea):focus {
:where(select, textarea):not([readonly]):focus {
--pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
}

2
css/pico.css.map
View File

File diff suppressed because one or more lines are too long

6
css/pico.fluid.classless.css
View File

@ -1263,12 +1263,12 @@ input:not([type=submit],
[type=checkbox],
[type=radio],
[readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
:where(select, textarea):not([readonly]):is(:active, :focus) {
--pico-background-color: var(--pico-form-element-active-background-color);
}
input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
:where(select, textarea):not([readonly]):is(:active, :focus) {
--pico-border-color: var(--pico-form-element-active-border-color);
}
@ -1278,7 +1278,7 @@ input:not([type=submit],
[type=range],
[type=file],
[readonly]):focus,
:where(select, textarea):focus {
:where(select, textarea):not([readonly]):focus {
--pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
}

2
css/pico.fluid.classless.css.map
View File

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
scss/forms/_basics.scss
View File

@ -194,7 +194,7 @@
[type="radio"],
[readonly]
),
:where(select, textarea) {
:where(select, textarea):not([readonly]) {
&:is(:active, :focus) {
#{$css-var-prefix}background-color: var(
#{$css-var-prefix}form-element-active-background-color
@ -204,7 +204,7 @@
// Active & Focus
input:not([type="submit"], [type="button"], [type="reset"], [role="switch"], [readonly]),
:where(select, textarea) {
:where(select, textarea):not([readonly]) {
&:is(:active, :focus) {
#{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-active-border-color);
}
@ -219,7 +219,7 @@
[type="file"],
[readonly]
),
:where(select, textarea) {
:where(select, textarea):not([readonly]) {
&:focus {
#{$css-var-prefix}box-shadow: 0
0