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

Fix role=button hover

Browse source
This commit is contained in:
Lucas Larroche 2022-01-16 11:49:08 +07:00
parent 3fc8dad9a4
commit f90359ad7b
17 changed files with 23 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/pico.classless.css
View file

@ -950,10 +950,10 @@ input[type=reset]:focus,
[role=button]:hover, [role=button]:hover,
[role=button]:active, [role=button]:active,
[role=button]:focus { [role=button]:focus {
--color: var(--primary-inverse);
--background-color: var(--primary-hover); --background-color: var(--primary-hover);
--border-color: var(--primary-hover); --border-color: var(--primary-hover);
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--color: var(--primary-inverse);
} }
button:focus, button:focus,
input[type=submit]:focus, input[type=submit]:focus,

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

2
css/pico.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

4
css/pico.css
View file

@ -1001,10 +1001,10 @@ input[type=reset]:focus,
[role=button]:hover, [role=button]:hover,
[role=button]:active, [role=button]:active,
[role=button]:focus { [role=button]:focus {
--color: var(--primary-inverse);
--background-color: var(--primary-hover); --background-color: var(--primary-hover);
--border-color: var(--primary-hover); --border-color: var(--primary-hover);
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--color: var(--primary-inverse);
} }
button:focus, button:focus,
input[type=submit]:focus, input[type=submit]:focus,
@ -1055,6 +1055,7 @@ input[type=reset].secondary:focus,
[role=button].secondary:focus { [role=button].secondary:focus {
--background-color: var(--secondary-hover); --background-color: var(--secondary-hover);
--border-color: var(--secondary-hover); --border-color: var(--secondary-hover);
--color: var(--secondary-inverse);
} }
button.secondary:focus, button.secondary:focus,
input[type=submit].secondary:focus, input[type=submit].secondary:focus,
@ -1088,6 +1089,7 @@ input[type=reset].contrast:focus,
[role=button].contrast:focus { [role=button].contrast:focus {
--background-color: var(--contrast-hover); --background-color: var(--contrast-hover);
--border-color: var(--contrast-hover); --border-color: var(--contrast-hover);
--color: var(--contrast-inverse);
} }
button.contrast:focus, button.contrast:focus,
input[type=submit].contrast:focus, input[type=submit].contrast:focus,

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.css
View file

@ -920,10 +920,10 @@ input[type=reset]:focus,
[role=button]:hover, [role=button]:hover,
[role=button]:active, [role=button]:active,
[role=button]:focus { [role=button]:focus {
--color: var(--primary-inverse);
--background-color: var(--primary-hover); --background-color: var(--primary-hover);
--border-color: var(--primary-hover); --border-color: var(--primary-hover);
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--color: var(--primary-inverse);
} }
button:focus, button:focus,
input[type=submit]:focus, input[type=submit]:focus,

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.fluid.classless.min.css.map
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

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

4
css/pico.slim.css
View file

@ -929,10 +929,10 @@ input[type=reset]:focus,
[role=button]:hover, [role=button]:hover,
[role=button]:active, [role=button]:active,
[role=button]:focus { [role=button]:focus {
--color: var(--primary-inverse);
--background-color: var(--primary-hover); --background-color: var(--primary-hover);
--border-color: var(--primary-hover); --border-color: var(--primary-hover);
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--color: var(--primary-inverse);
} }
button:focus, button:focus,
input[type=submit]:focus, input[type=submit]:focus,
@ -983,6 +983,7 @@ input[type=reset].secondary:focus,
[role=button].secondary:focus { [role=button].secondary:focus {
--background-color: var(--secondary-hover); --background-color: var(--secondary-hover);
--border-color: var(--secondary-hover); --border-color: var(--secondary-hover);
--color: var(--secondary-inverse);
} }
button.secondary:focus, button.secondary:focus,
input[type=submit].secondary:focus, input[type=submit].secondary:focus,
@ -1016,6 +1017,7 @@ input[type=reset].contrast:focus,
[role=button].contrast:focus { [role=button].contrast:focus {
--background-color: var(--contrast-hover); --background-color: var(--contrast-hover);
--border-color: var(--contrast-hover); --border-color: var(--contrast-hover);
--color: var(--contrast-inverse);
} }
button.contrast:focus, button.contrast:focus,
input[type=submit].contrast:focus, input[type=submit].contrast:focus,

2
css/pico.slim.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css.map
View file

File diff suppressed because one or more lines are too long

4
scss/content/_button.scss
View file

@ -80,10 +80,10 @@ input[type="reset"],
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
--color: var(--primary-inverse);
--background-color: var(--primary-hover); --background-color: var(--primary-hover);
--border-color: var(--primary-hover); --border-color: var(--primary-hover);
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--color: var(--primary-inverse);
} }
&:focus { &:focus {
@ -131,6 +131,7 @@ input[type="reset"] {
&:focus { &:focus {
--background-color: var(--secondary-hover); --background-color: var(--secondary-hover);
--border-color: var(--secondary-hover); --border-color: var(--secondary-hover);
--color: var(--secondary-inverse);
} }
&:focus { &:focus {
@ -150,6 +151,7 @@ input[type="reset"] {
&:focus { &:focus {
--background-color: var(--contrast-hover); --background-color: var(--contrast-hover);
--border-color: var(--contrast-hover); --border-color: var(--contrast-hover);
--color: var(--contrast-inverse);
} }
&:focus { &:focus {