dannc/littlelink
1
0
Fork 0
mirror of https://github.com/Dannecron/littlelink.git synced 2025-12-25 16:12:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

Auto Resize Button Height + Focus States

Browse Source 
Button height will now auto adjust when there is a line break to help account for localization. Link colors will now properly change when using `skeleton-auto.css` to be more accessible colors when in dark or light theme. Focus states will now appear for `pressed` and keyboard navigation for accessibility improvements.
This commit is contained in:
Seth Cottle
2023-05-01 12:13:53 -04:00
parent 709987c637
commit ae5e73d51e
2 changed files with 27 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
css/skeleton-auto.css
View File

@@ -125,11 +125,29 @@ p {
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
color: #4899F7;
color: #2457F5;
}
a:hover {
color: #083BDA;
}
a:focus {
outline: #7AB8FF solid 2px;
border-radius: 2px;
}
/* Link Color Dark Theme */
@media (prefers-color-scheme: dark) {
a {
color: #4899F7;
}
a:hover {
color: #7AB8FF;
}
a:focus {
outline: #7AB8FF solid 2px;
border-radius: 2px;
}
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */