hc/startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust dock transitions

Browse Source 
- Moved fill transition from dock `<li>` to `<a>`.
- Fixed hover state not being applied
This commit is contained in:
Tressley Cahill 2022-10-26 11:20:27 -04:00
parent bd2441e320
commit b7e49ab66e
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/styles.css
View File

@ -45,7 +45,7 @@ header img {
} }
#dock ul li { #dock ul li {
transition: fill 0.25s ease-in-out, margin-top 0.125s cubic-bezier(0.455, 0.030, 0.515, 0.955); transition: margin-top 0.125s cubic-bezier(0.455, 0.030, 0.515, 0.955);
} }
#dock ul li:hover { #dock ul li:hover {
@ -57,10 +57,12 @@ header img {
#dock a { #dock a {
display: block; display: block;
fill: var(--primary-link-color); fill: var(--primary-link-color);
transition: fill 0.25s ease-in-out;
width: 1.5rem; width: 1.5rem;
} }
#dock a:focus { #dock a:focus,
#dock a:hover {
fill: var(--primary-link-hover-color); fill: var(--primary-link-hover-color);
outline: none; outline: none;
} }