Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Incorrect hover text color bug in the header #323

Open
JayanAXHF opened this issue Jan 28, 2023 · 1 comment
Open

Incorrect hover text color bug in the header #323

JayanAXHF opened this issue Jan 28, 2023 · 1 comment

Comments

@JayanAXHF
Copy link

When you go to the header on 3blue1brown.com and hover on the background, the color for the page titles turns grey:
image

Steps to reproduce

  1. Go to 3blue1brown.com.
  2. Hover over the header and observe
@vincerubinetti
Copy link
Collaborator

vincerubinetti commented Feb 17, 2024

Not really a bug but a limitation of CSS at the time. But now this can be fixed with widespread browser support of :has():

.link:hover { color: blue }

header:has(.link:hover) .link:not(:hover) { opacity: 0.5 }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants