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

fix: Make aria-current selector more specific on links

Browse source
This commit is contained in:
Brian Espinosa 2023-10-20 12:10:00 -07:00
parent 8ba5740b8a
commit 55d5e9d879
14 changed files with 9715 additions and 1225 deletions
Download patch file Download diff file Expand all files Collapse all files

949
css/pico.classless.css
View file

File diff suppressed because it is too large Load diff

79
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2424
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

1136
css/pico.css
View file

File diff suppressed because it is too large Load diff

85
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large Load diff

79
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2387
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2820
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
scss/components/_dropdown.scss
View file

@ -177,7 +177,7 @@
&:focus,
&:active,
&:focus-visible,
&[aria-current] {
&[aria-current]:not([aria-current="false"]) {
background-color: var(#{$✨}dropdown-hover-background-color);
}
}

2
scss/components/_modal.scss
View file

@ -93,7 +93,7 @@
transition: opacity var(#{$✨}transition);
}
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
opacity: 1;
}
}

2
scss/components/_nav.scss
View file

@ -96,7 +96,7 @@
}
// Minimal support for aria-current
& a[aria-current] {
& a[aria-current]:not([aria-current="false"]) {
background-color: transparent;
color: inherit;
text-decoration: none;

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]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}primary-hover-background);
#{$✨}border-color: var(#{$✨}primary-hover-border);
#{$✨}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]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}secondary-hover-background);
#{$✨}border-color: var(#{$✨}secondary-hover-border);
#{$✨}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]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}contrast-hover-background);
#{$✨}border-color: var(#{$✨}contrast-hover-border);
#{$✨}color: var(#{$✨}contrast-inverse);
@ -129,7 +129,7 @@
#{$✨}color: var(#{$✨}primary);
#{$✨}border-color: currentColor;
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}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]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}secondary-hover);
}
}
@ -150,7 +150,7 @@
:is(button, [type="submit"], [type="button"], [role="button"]).outline.contrast {
#{$✨}color: var(#{$✨}contrast);
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}contrast-hover);
}
}
@ -163,7 +163,7 @@
#{$✨}color: var(#{$✨}secondary-inverse);
cursor: pointer;
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}secondary-hover);
#{$✨}border-color: var(#{$✨}secondary-hover);
}

6
scss/content/_link.scss
View file

@ -23,7 +23,7 @@
text-decoration var(#{$✨}transition), box-shadow var(#{$✨}transition);
}
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}primary-hover);
#{$✨}underline: var(#{$✨}primary-hover-underline);
#{$✨}text-decoration: underline;
@ -39,7 +39,7 @@
#{$✨}color: var(#{$✨}secondary);
#{$✨}underline: var(#{$✨}secondary-underline);
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}secondary-hover);
#{$✨}underline: var(#{$✨}secondary-hover-underline);
}
@ -50,7 +50,7 @@
#{$✨}color: var(#{$✨}contrast);
#{$✨}underline: var(#{$✨}contrast-underline);
&:is([aria-current], :hover, :active, :focus) {
&:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}contrast-hover);
#{$✨}underline: var(#{$✨}contrast-hover-underline);
}