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

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
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=checkbox],
[type=radio], [type=radio],
[readonly]):is(:active, :focus), [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); --pico-background-color: var(--pico-form-element-active-background-color);
} }
input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus), 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); --pico-border-color: var(--pico-form-element-active-border-color);
} }
@ -1315,7 +1315,7 @@ input:not([type=submit],
[type=range], [type=range],
[type=file], [type=file],
[readonly]):focus, [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); --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=checkbox],
[type=radio], [type=radio],
[readonly]):is(:active, :focus), [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); --pico-background-color: var(--pico-form-element-active-background-color);
} }
input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus), 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); --pico-border-color: var(--pico-form-element-active-border-color);
} }
@ -1467,7 +1467,7 @@ input:not([type=submit],
[type=range], [type=range],
[type=file], [type=file],
[readonly]):focus, [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); --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=checkbox],
[type=radio], [type=radio],
[readonly]):is(:active, :focus), [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); --pico-background-color: var(--pico-form-element-active-background-color);
} }
input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus), 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); --pico-border-color: var(--pico-form-element-active-border-color);
} }
@ -1278,7 +1278,7 @@ input:not([type=submit],
[type=range], [type=range],
[type=file], [type=file],
[readonly]):focus, [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); --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"], [type="radio"],
[readonly] [readonly]
), ),
:where(select, textarea) { :where(select, textarea):not([readonly]) {
&:is(:active, :focus) { &:is(:active, :focus) {
#{$css-var-prefix}background-color: var( #{$css-var-prefix}background-color: var(
#{$css-var-prefix}form-element-active-background-color #{$css-var-prefix}form-element-active-background-color
@ -204,7 +204,7 @@
// Active & Focus // Active & Focus
input:not([type="submit"], [type="button"], [type="reset"], [role="switch"], [readonly]), input:not([type="submit"], [type="button"], [type="reset"], [role="switch"], [readonly]),
:where(select, textarea) { :where(select, textarea):not([readonly]) {
&:is(:active, :focus) { &:is(:active, :focus) {
#{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-active-border-color); #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-active-border-color);
} }
@ -219,7 +219,7 @@
[type="file"], [type="file"],
[readonly] [readonly]
), ),
:where(select, textarea) { :where(select, textarea):not([readonly]) {
&:focus { &:focus {
#{$css-var-prefix}box-shadow: 0 #{$css-var-prefix}box-shadow: 0
0 0