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

fix: aria-current links and buttons

Browse source
This commit is contained in:
Lucas Larroche 2023-04-01 10:10:09 +07:00
parent 3644e4ccb5
commit e43ed98d29
13 changed files with 104 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

14
scss/content/_button.scss
View file

@ -62,7 +62,7 @@
color var(#{$✨}transition), box-shadow var(#{$✨}transition);
}
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}background-color: var(#{$✨}primary-background-hover);
#{$✨}border-color: var(#{$✨}primary-border-hover);
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
@ -92,7 +92,7 @@
#{$✨}color: var(#{$✨}secondary-inverse);
cursor: pointer;
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}background-color: var(#{$✨}secondary-background-hover);
#{$✨}border-color: var(#{$✨}secondary-border-hover);
#{$✨}color: var(#{$✨}secondary-inverse);
@ -110,7 +110,7 @@
#{$✨}border-color: var(#{$✨}contrast-border);
#{$✨}color: var(#{$✨}contrast-inverse);
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}background-color: var(#{$✨}contrast-background-hover);
#{$✨}border-color: var(#{$✨}contrast-border-hover);
#{$✨}color: var(#{$✨}contrast-inverse);
@ -129,7 +129,7 @@
#{$✨}color: var(#{$✨}primary);
#{$✨}border-color: currentColor;
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}background-color: transparent;
#{$✨}color: var(#{$✨}primary-hover);
}
@ -141,7 +141,7 @@
#{$✨}color: var(#{$✨}secondary);
#{$✨}border-color: currentColor;
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}color: var(#{$✨}secondary-hover);
}
}
@ -150,7 +150,7 @@
:is(button, [type="submit"], input[type="button"], [role="button"]).outline.contrast {
#{$✨}color: var(#{$✨}contrast);
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}color: var(#{$✨}contrast-hover);
}
}
@ -163,7 +163,7 @@
#{$✨}color: var(#{$✨}secondary-inverse);
cursor: pointer;
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current], :hover, :active, :focus):not([aria-current="false"]) {
#{$✨}background-color: var(#{$✨}secondary-hover);
#{$✨}border-color: var(#{$✨}secondary-hover);
}