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

Add hover/focus state to links #9

Closed
tbolt opened this issue Oct 28, 2022 · 3 comments
Closed

Add hover/focus state to links #9

tbolt opened this issue Oct 28, 2022 · 3 comments

Comments

@tbolt
Copy link
Owner

tbolt commented Oct 28, 2022

No description provided.

@bueltge
Copy link

bueltge commented Nov 3, 2022

Would you have a simple submission like this?

a:active {
    filter: brightness(var(--active-brightness));
    text-decoration: none;
}

a:hover {
    filter: brightness(var(--hover-brightness));
    text-decoration: none;
}

a:focus {
    filter: brightness(var(--focus-brightness));
    text-decoration: none;
}

@tbolt
Copy link
Owner Author

tbolt commented Nov 7, 2022

@bueltge Yea, that looks good. need to determine what those color/levels should be though.

@tbolt
Copy link
Owner Author

tbolt commented Nov 8, 2022

Going to go with the text-decoration: none; for the time being. May revisit soon and see how color/transparency would work. Updated in https://github.com/tbolt/boltcss/tree/nov2022-updates

@tbolt tbolt closed this as completed Nov 8, 2022
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