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

Merge pull request #416 from brianespinosa/v2

Browse source 
fix: Make aria-current selector more specific on links
This commit is contained in:
Lucas Larroche 2023-12-28 12:50:43 +07:00 • committed by GitHub
commit 2d62bbe483
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 65 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

22
css/pico.classless.css
View file

@ -751,8 +751,8 @@ a,
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition); transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
} }
a:is([aria-current], :hover, :active, :focus), a:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link]:is([aria-current], :hover, :active, :focus) { [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-primary-hover); --pico-color: var(--pico-primary-hover);
--pico-underline: var(--pico-primary-hover-underline); --pico-underline: var(--pico-primary-hover-underline);
--pico-text-decoration: underline; --pico-text-decoration: underline;
@ -1003,12 +1003,12 @@ button,
user-select: none; user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
} }
button:is([aria-current], :hover, :active, :focus), button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=submit]:is([aria-current], :hover, :active, :focus), [type=submit]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=reset]:is([aria-current], :hover, :active, :focus), [type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=button]:is([aria-current], :hover, :active, :focus), [type=button]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus), [type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=button]:is([aria-current], :hover, :active, :focus) { [role=button]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-primary-hover-background); --pico-background-color: var(--pico-primary-hover-background);
--pico-border-color: var(--pico-primary-hover-border); --pico-border-color: var(--pico-primary-hover-border);
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
@ -1036,8 +1036,8 @@ button:focus,
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
cursor: pointer; cursor: pointer;
} }
[type=reset]:is([aria-current], :hover, :active, :focus), [type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus) { [type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-hover); --pico-background-color: var(--pico-secondary-hover);
--pico-border-color: var(--pico-secondary-hover); --pico-border-color: var(--pico-secondary-hover);
} }
@ -2202,7 +2202,7 @@ nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
} }
nav[aria-label=breadcrumb] a[aria-current] { nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;

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

48
css/pico.css
View file

@ -836,8 +836,8 @@ a,
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition); transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
} }
a:is([aria-current], :hover, :active, :focus), a:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link]:is([aria-current], :hover, :active, :focus) { [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-primary-hover); --pico-color: var(--pico-primary-hover);
--pico-underline: var(--pico-primary-hover-underline); --pico-underline: var(--pico-primary-hover-underline);
--pico-text-decoration: underline; --pico-text-decoration: underline;
@ -851,8 +851,8 @@ a.secondary,
--pico-color: var(--pico-secondary); --pico-color: var(--pico-secondary);
--pico-underline: var(--pico-secondary-underline); --pico-underline: var(--pico-secondary-underline);
} }
a.secondary:is([aria-current], :hover, :active, :focus), a.secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link].secondary:is([aria-current], :hover, :active, :focus) { [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-secondary-hover); --pico-color: var(--pico-secondary-hover);
--pico-underline: var(--pico-secondary-hover-underline); --pico-underline: var(--pico-secondary-hover-underline);
} }
@ -861,8 +861,8 @@ a.contrast,
--pico-color: var(--pico-contrast); --pico-color: var(--pico-contrast);
--pico-underline: var(--pico-contrast-underline); --pico-underline: var(--pico-contrast-underline);
} }
a.contrast:is([aria-current], :hover, :active, :focus), a.contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link].contrast:is([aria-current], :hover, :active, :focus) { [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-contrast-hover); --pico-color: var(--pico-contrast-hover);
--pico-underline: var(--pico-contrast-hover-underline); --pico-underline: var(--pico-contrast-hover-underline);
} }
@ -1108,12 +1108,12 @@ button,
user-select: none; user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
} }
button:is([aria-current], :hover, :active, :focus), button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=submit]:is([aria-current], :hover, :active, :focus), [type=submit]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=reset]:is([aria-current], :hover, :active, :focus), [type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=button]:is([aria-current], :hover, :active, :focus), [type=button]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus), [type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=button]:is([aria-current], :hover, :active, :focus) { [role=button]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-primary-hover-background); --pico-background-color: var(--pico-primary-hover-background);
--pico-border-color: var(--pico-primary-hover-border); --pico-border-color: var(--pico-primary-hover-border);
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
@ -1142,9 +1142,9 @@ button:focus,
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
cursor: pointer; cursor: pointer;
} }
:is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus), :is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=reset]:is([aria-current], :hover, :active, :focus), [type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus) { [type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-hover-background); --pico-background-color: var(--pico-secondary-hover-background);
--pico-border-color: var(--pico-secondary-hover-border); --pico-border-color: var(--pico-secondary-hover-border);
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
@ -1160,7 +1160,7 @@ button:focus,
--pico-border-color: var(--pico-contrast-border); --pico-border-color: var(--pico-contrast-border);
--pico-color: var(--pico-contrast-inverse); --pico-color: var(--pico-contrast-inverse);
} }
:is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current], :hover, :active, :focus) { :is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-contrast-hover-background); --pico-background-color: var(--pico-contrast-hover-background);
--pico-border-color: var(--pico-contrast-hover-border); --pico-border-color: var(--pico-contrast-hover-border);
--pico-color: var(--pico-contrast-inverse); --pico-color: var(--pico-contrast-inverse);
@ -1175,8 +1175,8 @@ button:focus,
--pico-color: var(--pico-primary); --pico-color: var(--pico-primary);
--pico-border-color: currentColor; --pico-border-color: currentColor;
} }
:is(button, [type=submit], [type=button], [role=button]).outline:is([aria-current], :hover, :active, :focus), :is(button, [type=submit], [type=button], [role=button]).outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=reset].outline:is([aria-current], :hover, :active, :focus) { [type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: transparent; --pico-background-color: transparent;
--pico-color: var(--pico-primary-hover); --pico-color: var(--pico-primary-hover);
} }
@ -1186,15 +1186,15 @@ button:focus,
--pico-color: var(--pico-secondary); --pico-color: var(--pico-secondary);
--pico-border-color: currentColor; --pico-border-color: currentColor;
} }
:is(button, [type=submit], [type=button], [role=button]).outline.secondary:is([aria-current], :hover, :active, :focus), :is(button, [type=submit], [type=button], [role=button]).outline.secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=reset].outline:is([aria-current], :hover, :active, :focus) { [type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-secondary-hover); --pico-color: var(--pico-secondary-hover);
} }
:is(button, [type=submit], [type=button], [role=button]).outline.contrast { :is(button, [type=submit], [type=button], [role=button]).outline.contrast {
--pico-color: var(--pico-contrast); --pico-color: var(--pico-contrast);
} }
:is(button, [type=submit], [type=button], [role=button]).outline.contrast:is([aria-current], :hover, :active, :focus) { :is(button, [type=submit], [type=button], [role=button]).outline.contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-contrast-hover); --pico-color: var(--pico-contrast-hover);
} }
@ -2170,7 +2170,7 @@ details.dropdown summary + ul li a {
text-decoration: none; text-decoration: none;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
details.dropdown summary + ul li a:hover, details.dropdown summary + ul li a:focus, details.dropdown summary + ul li a:active, details.dropdown summary + ul li a:focus-visible, details.dropdown summary + ul li a[aria-current] { details.dropdown summary + ul li a:hover, details.dropdown summary + ul li a:focus, details.dropdown summary + ul li a:active, details.dropdown summary + ul li a:focus-visible, details.dropdown summary + ul li a[aria-current]:not([aria-current=false]) {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details.dropdown summary + ul li label { details.dropdown summary + ul li label {
@ -2444,7 +2444,7 @@ dialog article .close {
opacity: 0.5; opacity: 0.5;
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
dialog article .close:is([aria-current], :hover, :active, :focus) { dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
@ -2573,7 +2573,7 @@ nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
} }
nav[aria-label=breadcrumb] a[aria-current] { nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

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

@ -714,8 +714,8 @@ a,
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition); transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
} }
a:is([aria-current], :hover, :active, :focus), a:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link]:is([aria-current], :hover, :active, :focus) { [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-color: var(--pico-primary-hover); --pico-color: var(--pico-primary-hover);
--pico-underline: var(--pico-primary-hover-underline); --pico-underline: var(--pico-primary-hover-underline);
--pico-text-decoration: underline; --pico-text-decoration: underline;
@ -966,12 +966,12 @@ button,
user-select: none; user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
} }
button:is([aria-current], :hover, :active, :focus), button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=submit]:is([aria-current], :hover, :active, :focus), [type=submit]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=reset]:is([aria-current], :hover, :active, :focus), [type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=button]:is([aria-current], :hover, :active, :focus), [type=button]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus), [type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=button]:is([aria-current], :hover, :active, :focus) { [role=button]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-primary-hover-background); --pico-background-color: var(--pico-primary-hover-background);
--pico-border-color: var(--pico-primary-hover-border); --pico-border-color: var(--pico-primary-hover-border);
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
@ -999,8 +999,8 @@ button:focus,
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
cursor: pointer; cursor: pointer;
} }
[type=reset]:is([aria-current], :hover, :active, :focus), [type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus) { [type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-hover); --pico-background-color: var(--pico-secondary-hover);
--pico-border-color: var(--pico-secondary-hover); --pico-border-color: var(--pico-secondary-hover);
} }
@ -2165,7 +2165,7 @@ nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
} }
nav[aria-label=breadcrumb] a[aria-current] { nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;

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

2
scss/components/_dropdown.scss
View file

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

2
scss/components/_modal.scss
View file

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

2
scss/components/_nav.scss
View file

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

14
scss/content/_button.scss
View file

@ -65,7 +65,7 @@
box-shadow 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); #{$✨}background-color: var(#{$✨}primary-hover-background);
#{$✨}border-color: var(#{$✨}primary-hover-border); #{$✨}border-color: var(#{$✨}primary-hover-border);
#{$✨}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));
@ -96,7 +96,7 @@
#{$✨}color: var(#{$✨}secondary-inverse); #{$✨}color: var(#{$✨}secondary-inverse);
cursor: pointer; cursor: pointer;
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}secondary-hover-background); #{$✨}background-color: var(#{$✨}secondary-hover-background);
#{$✨}border-color: var(#{$✨}secondary-hover-border); #{$✨}border-color: var(#{$✨}secondary-hover-border);
#{$✨}color: var(#{$✨}secondary-inverse); #{$✨}color: var(#{$✨}secondary-inverse);
@ -115,7 +115,7 @@
#{$✨}border-color: var(#{$✨}contrast-border); #{$✨}border-color: var(#{$✨}contrast-border);
#{$✨}color: var(#{$✨}contrast-inverse); #{$✨}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); #{$✨}background-color: var(#{$✨}contrast-hover-background);
#{$✨}border-color: var(#{$✨}contrast-hover-border); #{$✨}border-color: var(#{$✨}contrast-hover-border);
#{$✨}color: var(#{$✨}contrast-inverse); #{$✨}color: var(#{$✨}contrast-inverse);
@ -135,7 +135,7 @@
#{$✨}color: var(#{$✨}primary); #{$✨}color: var(#{$✨}primary);
#{$✨}border-color: currentColor; #{$✨}border-color: currentColor;
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: transparent; #{$✨}background-color: transparent;
#{$✨}color: var(#{$✨}primary-hover); #{$✨}color: var(#{$✨}primary-hover);
} }
@ -147,7 +147,7 @@
#{$✨}color: var(#{$✨}secondary); #{$✨}color: var(#{$✨}secondary);
#{$✨}border-color: currentColor; #{$✨}border-color: currentColor;
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}secondary-hover); #{$✨}color: var(#{$✨}secondary-hover);
} }
} }
@ -156,7 +156,7 @@
:is(button, [type="submit"], [type="button"], [role="button"]).outline.contrast { :is(button, [type="submit"], [type="button"], [role="button"]).outline.contrast {
#{$✨}color: var(#{$✨}contrast); #{$✨}color: var(#{$✨}contrast);
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}contrast-hover); #{$✨}color: var(#{$✨}contrast-hover);
} }
} }
@ -169,7 +169,7 @@
#{$✨}color: var(#{$✨}secondary-inverse); #{$✨}color: var(#{$✨}secondary-inverse);
cursor: pointer; cursor: pointer;
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}secondary-hover); #{$✨}background-color: var(#{$✨}secondary-hover);
#{$✨}border-color: var(#{$✨}secondary-hover); #{$✨}border-color: var(#{$✨}secondary-hover);
} }

6
scss/content/_link.scss
View file

@ -26,7 +26,7 @@
box-shadow 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); #{$✨}color: var(#{$✨}primary-hover);
#{$✨}underline: var(#{$✨}primary-hover-underline); #{$✨}underline: var(#{$✨}primary-hover-underline);
#{$✨}text-decoration: underline; #{$✨}text-decoration: underline;
@ -42,7 +42,7 @@
#{$✨}color: var(#{$✨}secondary); #{$✨}color: var(#{$✨}secondary);
#{$✨}underline: var(#{$✨}secondary-underline); #{$✨}underline: var(#{$✨}secondary-underline);
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}secondary-hover); #{$✨}color: var(#{$✨}secondary-hover);
#{$✨}underline: var(#{$✨}secondary-hover-underline); #{$✨}underline: var(#{$✨}secondary-hover-underline);
} }
@ -53,7 +53,7 @@
#{$✨}color: var(#{$✨}contrast); #{$✨}color: var(#{$✨}contrast);
#{$✨}underline: var(#{$✨}contrast-underline); #{$✨}underline: var(#{$✨}contrast-underline);
&:is([aria-current], :hover, :active, :focus) { &:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
#{$✨}color: var(#{$✨}contrast-hover); #{$✨}color: var(#{$✨}contrast-hover);
#{$✨}underline: var(#{$✨}contrast-hover-underline); #{$✨}underline: var(#{$✨}contrast-hover-underline);
} }